일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | 6 | |
7 | 8 | 9 | 10 | 11 | 12 | 13 |
14 | 15 | 16 | 17 | 18 | 19 | 20 |
21 | 22 | 23 | 24 | 25 | 26 | 27 |
28 | 29 | 30 |
- js
- 지역변수
- 자바스크립트기초
- 자바스크립트
- 단락회로평가
- text-align
- 비구조화
- 프론트엔드
- 버블링
- 논리연산자
- falsy
- addEventListener
- 캡쳐링
- 비동기적
- async
- git
- 돔조작
- 코딩공부
- 리액트
- 중앙정렬
- 이벤트리스너
- 동기적
- icoMoon
- map()
- 어웨이트
- 이벤트위임
- INCLUDES
- Await
- truthy
- 전역변수
- Today
- Total
목록전체 글 (35)
피리부는 사나이 (pied piper)
Flex grow : 해당 속성을 가진 요소가 그 줄에 남은 width를 다 차지하게 만드는 것 Ex) = 부모의 width : 500px '자식1' = 자식1의 width : 200px
자바스크립트에서는 객체 프로퍼티에 함수 할당할 수 있음, (동적인 능력) var cat = { name : "야옹이" weight : 3.3 }; //객체 cat에게 동적인 능력을 부여해보자 cat.meow = function () { console.log("야옹~"); }; cat.meow(); //야옹~ 객체 프로퍼티 meow에 ‘야옹~’이라는 것을 말해주는 함수 할당 ‘객체 프로퍼티’에 할당된 함수가 메소드이다. 객체 리터럴 안에 선언할 때 문법 두 가지 //첫 번째 방법 (기본) cat = { meow: function() { console.log("야옹~"); } }; //좀 더 깔끔한 문법 두 번째 cat = { meow() { console.log("야옹~"); } }; //function ..
✍🏻객체안에 프로퍼티가 존재하는지 확인하는 방법 두 가지 첫 번째 방법 (undefined) let user = {}; // 빈 객체 선언 e console.log (user.noSuchProperty === undefiend); user라는 객체안에 .noSuchProperty라는 프로퍼티를 붙이는 것은 user라는 객체안에 있는 .뒤에 프로퍼티를 호출하는 것 그 프로퍼티를 선택했는데 === undefiend와 비교됐을때 ‘true’가 뜬다는 이야기는 이 프로퍼티안에 어느 것도 정의되지 않았다는 이야기. 즉 undefined와 비교했는데 true가 뜬다는 이야기는 = 프로퍼티 없음 ⚠️두 번째 방법 (in 연산자) // 기본문법 "key" in object let user = { name: "John"..
자바스크립트 : 지역변수와 전역변수 예문을 통한 정리 참고 강의 : https://www.youtube.com/watch?v=ud7DL6W32FI 기본예제 기본적 예제 : 변수 (전역변수)가 밖에 선언 변수가 밖에 선언되고, 함수안에도 선언됨과 동시에 ‘local’이라는 문자열을 새로 갖게 되었을 때 결과는 어떻게 될까? var vscope ='global' //전역변수 function fscope() { var vscope = 'local';//지역변수 alert (vscope); } fscope(); 정답 : ‘local’을 출력하게 됨 vscope는 가까운 함수를 찾게 됨, 만약 같은 함수안에 정의된게 없으면 함수 바깥에 있는 변수를 찾는다. 전역변수가 선언되었고, 함수안에 지역변수 vscope가 ..
스샷 몇개는 김버그님의 css강의에서 가져온 것도 있습니다
CSS를 배우면서 가장 헷갈리고 어려운 개념중 하나인 Float 사실 헷갈리고 어려운 이유는 이 플로트가 가진 문제가 많기때문이다. 그래서 현업에서는 플로트를 거의 쓰지 않는다고 한다. Float대신 Flex로 간단하게 처리하는 추세 그럼에도 불구하고 프론트 엔드 개발자가 되어서 CSS 디버깅을 하려면 반드시 넘어야할 산이다. 다행이도 CSS에 어려운 개념은 그렇게 많지 않다. 그 중 하나가 이 플로트라고 생각하고 내용이 이해되지 않는 것들을 다시 정리하면서 글을 써보았다. Float : 사전적인 정의처럼 말 그대로 떠있는 개념으로 받아들이기 빨간색 자식에 플로트를 주면 붕뜨고 붕뜬다는 것은 자기 집에서 나갔다는 것으로 받아들이자 다른 요소들은 플로트된 자식에 대하여 이렇게 생각한다. 1. 집 나간 자..
표준에서 마크업을 할때 중요한 것은 시멘틱이다. 표준에서는 그래서 div를 이용해왔는데 문제는 이러한 div의 문제는 편리하기도 하지만 시멘틱하지 않다는 것이다. 다시 말해서 구조의 의미를 알아보기 어렵다는 것 그래서 훨씬 쉽게 그 용도를 짐작할 수 있는 Sectioning elements를 사용하는 습관을 들이는 것이 중요하다. Sectioning elememtns에는 여러가지가 있는데 그중에서도 많이 쓰이는 것이 : 말 그대로 섹션을 구분 : 태그는 해당 문서나 페이지 또는 사이트와는 완전히 독립적으로 구성할 수 있는 요소를 정의할 때 사용 : 쉽게 말해 사이트 네비게이션이라고 함 태그를 포함하고 있는 경우가 대다수임. 다른 사이트나 페이지로 이동하는 메뉴바를 만들 때 많이 씀 : 주위의 내용과 분리..