본문 바로가기

전체 글

 (32)
[데브코스 11일차 TIL] Vanilla JS 시작하기 + 이터러블 / 이터레이터 프로토콜 🤔 앞으로 배워야 할 1. new 키워드에 대햐여 2. 즉시실행함수에 대하여 3. 클로저에 대하여 4. this에 대하여 5. 화살표 함수와 this, this 바인딩, 그리고 클로저 6. 실행 컨텍스트, 렉시컬 컨텍스트... 6. 당연히 이것들 말고도 더 있음 7. 자바스크립트 그 자체 이터러블 / 이터레이터 프로토콜 Array, Set, Map 등을 for - of 문이나 다른 고차함수들로 "간편하게" 순회를 할 수 있는 것은 이터러블 / 이터레이터 프로토콜을 준수했기 때문. Set, Map은 기존 for문처럼 i에 인덱스(key)값을 넣어줌으로서 순회를 할 수 없다. 그런데 for - of 문으로는 순회를 할 수 있다. 이것은 for - of가 내부적으로 기존 for문과 다르게 동작한다는 것 → S..
[데브코스 10일차] HTML / CSS 그리고 DOM 🤔 생각해볼 것 1. 시멘틱 태그가 무엇인가요? 2. 웹 접근성이 무엇인가요? 3. CSS를 html 파일에 적용하는 방법 3가지를 알고 있나요? 4. CSS에서 id와 class의 차이점은 무엇인가요? 5. html에서 같은 id값을 가진 태그가 여러 개 있다면 어떻게 처리될까요? 6. CSS 선택자 종류에는 무엇이 있을까요? 7. 브라우저 렌더링 과정을 설명할 수 있나요? 8. document.createDomcumentFragment는 무엇이고, 하는 일은 무엇일까요? HTML / CSS ('html은 프로그래밍 언어가 아니에요' 라는 유명한 짤이 생각나는...) html은 그저 마크업 정적문서이다. 그리고 CSS는 그 문서를 꾸민다. CSS도 발전을 거치면서 단순히 색을 입히는 것 이상의 역할을 ..
[딥 다이브 스터디 11장] 원시 값과 객체 (feat. 참조와 복사) (이웅모, 위키북스) 를 읽고 공부한 내용입니다. 책의 내용을 그대로 적어 놓은 것이 아니기 때문에 오류가 있을 수 있습니다. 오류가 있다면 댓글을 통해 피드백 부탁드립니다. 들어가기 전에 1. 아래 코드는 어떤 결과를 반환할까? let strings = "hello"; strings[strings.length - 1] = "u"; console.log(strings); // 결과는? 2. array는 const로 선언되었는데, 변경되었다. 이유는 무엇일까? const array = [1, 2, 3]; array[2] = 4; console.log(array); // [1, 2, 4] 3. 아래 코드는 어떤 결과를 반환할까? const a = 1; const b = 1; console.log(a === ..

티스토리툴바