코드잇 스프린트 6기/위클리 페이퍼6 [6주차] 동기-비동기 코드 실행순서 / Virtual DOM 1. 예시의 코드를 실행할 때, 콘솔에 출력될 값과 그 이유를 설명해 주세요. // 1번 let num = 1; // 2번 setTimeout(() => { num = 2; }, 0); // 3번 num = 3; // 4번 console.log(num); 1번) console.log(num); // 1 --> 변수 선언과 초기화가 됐기에 1이 출력된다. 2번) 비동기 함수이다. --> setTimeout 함수 안에서 console.log(num)을 작성하면 2가 출력된다. 3번) let의 재할당 --> 식별자 let은 재할당이 가능하므로, console.log(num)을 하면 3이 출력된다. 4번) 최종적으로 3번과 같다. --> 1번과 3번이 출력되고, 비동기 2번이 출력되는 형태로 착각할 수 있다. .. 2024. 4. 14. [5주차] 버블링 / 캡처링 / 위임 / HTTP 메서드 1. 이벤트 버블링, 캡쳐링, 위임에 대해 설명해 주세요. 이벤트 전파(버블링 / 캡쳐링)에 대한 정리 글 https://young-taek.tistory.com/213 이벤트 위임에 대한 정리 글 https://young-taek.tistory.com/217 2. HTTP 메소드에 대해 설명해 주세요. HTTP 메서드에 대한 정리 글 https://young-taek.tistory.com/218 2024. 4. 7. [4주차] 얕은 복사 - 깊은 복사 / 원시 타입 - 객체 타입 / var-let-const / 호이스팅 / 스코프 1. 자바스크립트에서 얕은 복사(Shallow Copy)와 깊은 복사(Deep Copy)에 대해 설명해 주세요. 우선! '복사'라는 표현 때문에 헷갈릴 수 있다. 깊은 복사라고 하면 직관적으로 떠오르는 건, 깊게 복사한다는 의미처럼 다가오니까 모든 것을 복사할 것 같은 느낌으로 다가온다는 점이다. 하지만 아니다. 결론을 내리면 다음과 같다. 깊은 복사 : 주소값을 갖는 원리까지 복사하여 또 다른 주소값을 만드는 것 얕은 복사 : 주소값 자체를 복사하여 같은 주소값에서 내용을 변경하는 것 내가 음료에 빨대를 꽂아 마시고 있는 상황이다. 지나가던 친구가 그것을 보고 "나도 음료수 마시고 싶다"라고 하면서 자신도 같은 음료를 사와서 마신다면, 그것은 깊은 복사 - 같은 음료까지 복사(구입)했으므로 별개로 존재.. 2024. 3. 27. [3주차] Git branch merge 방법 / Git Flow 브랜치 전략 1. Git에서 branch merge 방법들과 각 방법의 특징을 설명해 주세요. A. 일반 병합 - 커밋의 이력을 모두 남길 때 사용한다. B. 빨리감기 병합 - master 브랜치에서 분기한 시점이후, master 브랜치에 최신 커밋이 없을 때 가능하다. - 충돌이 생기지 않고, 원래 하나였던 것처럼 병합된다. C. Squash 병합 - 빨리감기 병합과 같은 조건일 때 가능하다. - 다른 점은 분기한 브랜치의 모든 커밋이 master 브랜치에 하나의 커밋으로 만들어진다는 것이다. - 기능상 의미 있는 하나의 커밋만 남길 때 유용하다. - 기능 단위로 묶어서 커밋할 수 있어서 변경사항을 추적하기 용이하다. - 기능 단위로 사용하지 않을 경우, 변경사항에 대한 파악이 어렵다. D. Rebase 병합 - .. 2024. 3. 19. [2주차] 시맨틱 태그 / 1. 시맨틱 태그를 사용하면 좋은 점을 설명해 주세요. 시맨틱 태그(semantic tag) : 의미가 있는 태그 시맨틱 태그가 생기기 전에는 모두 div 태그로 사용하였다. 모두 div 태그로 사용하다 보니, 가독성이 떨어지는 문제가 있었다. 종류 header / nav / main / article / section / aside / footer / div header : 검색 창이나 사이트 메뉴를 삽입 nav : 다른 문서로 연결하는 링크 역할을 수행 / 어떤 곳이든 배치할 수 있다. main : 웹 문서에서 핵심이 되는 내용을 넣는다. / 한 번만 사용할 수 있다. article : 보여주고 싶은 내용을 넣는다. / 여러 번 사용할 수 있으며, section 태그를 넣을 수도 있다. section.. 2024. 3. 17. 이전 1 2 다음
