본문 바로가기

분류 전체보기39

[JavaScript] 비동기 문제 코드잇 스프린트 4기 6주 차 위클리 페이퍼 예시의 코드를 실행할 때, 콘솔에 출력될 값과 그 이유를 설명해 주세요. // 1번 let num = 1; // 2번 setTimeout(() => { num = 2; }, 0); // 3번 num = 3; // 4번 console.log(num); 출력: 3 1. 전역 실행 컨텍스트가 콜 스택에 쌓이게 됩니다. 2. setTimeout 함수가 호출되면 실행 컨텍스트가 생성되고 콜 스택에 쌓이게 됩니다. 3. setTimeout는 콜백 함수를 호출하고 종료되어 콜 스택에서 제거됩니다. 4. setTimeout과 같은 비동기 함수의 콜백 함수는 브라우저에 의해서 최소 타이머의 시간 경과 후 태스크 큐에 쌓이게 됩니다. 6. setTimeout의 콜백 함수가 태스.. 2024. 2. 4.
코드잇 스프린트 5주 차 후기 코드잇 스프린트 4기 기간 2024-01-22 ~ 2024-01-27 과제 팀 데일리 미션: 매일 팀마다 1명이 1개의 질문을 하고 나머지 팀원들이 답변 위클리 미션: 주마다 배운 내용을 바탕으로 스프린트 과정 동안 만들어가는 개인 프로젝트 위클리 페이퍼: 주마다 정해진 2개의 주제에 대해 조사 학습 토픽 13. 인터랙티브 자바스크립트 토픽 14. 모던 자바스크립트 토픽 15. 자바스크립트 웹 개발 기본기 스터디 part1-26팀 코딩 테스트: 매주 월, 수, 금 코딩 테스트 문제 1개 풀이 js-스터디: 매일 코어 자바스크립트 책 정해진 진도 공부 후 정리 후기 fetch를 통한 통신에 대해 배우기 시작했다. 그동안은 자바스크립트를 통해서 프로젝트 내부에서의 동작을 활용했다면 이제는 프로젝트 외부로 데.. 2024. 1. 28.
[HTTP] HTTP 메서드 코드잇 스프린트 4기 5주 차 위클리 페이퍼 HTTP 메서드란 서버에게 요청을 할 때 수행해야 할 동작을 지정하는 것이다. 종류 GET: 리소스 조회, 오직 데이터를 받기만 한다. POST: 데이터 작성, 등록한다. PUT: 데이터를 변경한다. PATCH: 데이터를 부분 변경한다. DELETE: 데이터 삭제한다. 작성 중... 감사합니다. 2024. 1. 27.
[JavaScript] 이벤트 버블링, 캡처링, 위임 코드잇 스프린트 4기 5주 차 위클리 페이퍼 이벤트 버블링, 캡처링 자바스크립트를 이용해서 이벤트 핸들링을 다루다 보면 예상과는 다른 결과를 얻을 때가 있다. parent child child 구역을 눌렀을 때의 console 결과는 다음과 같다. 캡처링: parent 캡처링: child 버블링: child 버블링: parent child 구역을 눌렀는데 parent가 console에 나오게 되는 이유는 이벤트 흐름에 있다. 이벤트에는 3가지 흐름이 있다. · 캡처링 단계: 이벤트가 하위 요소로 전파되는 단계. · 타깃 단계: 이벤트가 실제 타깃 요소에 전달되는 단계. · 버블링 단계: 이벤트가 상위 요소로 전파되는 단계. Window -> Document -> -> ... -> 이벤트가 발생한 곳 ->.. 2024. 1. 27.