분류 전체보기39 코드잇 스프린트 14주 차 위클리 페이퍼 코드잇 스프린트 4기 14주 차 위클리 페이퍼 1. Next.js에서 SSR을 실행하는 과정과 hydration에 대해 설명해 주세요. 페이지 요청이 왔을 때 Next는 해당 라우팅 파일에서 SSR 함수를 만나면 HTML만 렌더링해서 보내주게 된다. HTML에 이벤드 리스너가 등록되지 않았기 때문에 동적인 작업을 진행할 수 없다. 이후 JS 파일을 로드하고 hydration을 통해서 HTML에 이벤트 리스너를 연결한다. hydraion hydration은 서버에서 렌더링된 HTML에 자바스크립트 코드를 연결하는 과정을 뜻한다. pre-rendering 과정에서는 자바스크립트 요소들이 빠졌기 때문에 빠른 로딩이 가능하고 hydration을 통해서 자바스크립트가 렌더링을 할 때는 웹 페이지를 다시 그리는 과.. 2024. 3. 31. 코드잇 스프린트 13주 차 후기 코드잇 스프린트 4기 기간 2024-03-19 ~ 2024-03-23 과제 팀 데일리 미션: 매일 팀마다 1명이 1개의 질문을 하고 나머지 팀원들이 답변 위클리 미션: 주마다 배운 내용을 바탕으로 스프린트 과정 동안 만들어가는 개인 프로젝트 위클리 페이퍼: 주마다 정해진 2개의 주제에 대해 조사 학습 토픽 25. React에 TypeScript 적용하기 토픽 26. Next.js로 웹사이트 만들기 스터디 codingTest: 매 주 월, 목 프로그래머스 Lv. 0 모든 문제 풀기 으쌰으쌰: 매일 모던 자바스크립트 Deep Dive 책 정해진 진도 공부 후 정리 후기 파트 3이 시작된 지 일주일이 지났다. 총 5명으로 팀이 구성됐다. 다들 수줍음이 많고 아직 얘기를 많이 나눠본 것은 아니지만 좋은 사람들이.. 2024. 3. 24. 코드잇 스프린트 13주 차 위클리 페이퍼 코드잇 스프린트 4기 13주 차 위클리 페이퍼 1. TypeScript의 동작 원리에 대해 설명해 주세요. 타입스크립트는 컴파일 과정을 통해 자바스크립트 파일로 변환된다. 우선 Scanner에 의해 타입스크립트 코드를 토큰으로 분리시킨다. 분리된 토큰을 Parser가 타입스크립트 AST(추상 문법 트리)로 만들어준다. 이 과정에서 코드의 구문 오류도 잡아낸다. AST(추상 문법 트리)는 코드의 실행과 상관없는 요소가 제거된 데이터 스트럭쳐이다. Binder는 타입스크립트 AST를 읽어 타입 검사에 필요한 데이터를 수집한다. 수집한 데이터로 메타 데이터를 만들어 Symbols table에 저장한다. 이후 TypeChecker에 의해 타입스크립트 AST와 Symbols table을 기준으로 타입 검사가 진행.. 2024. 3. 23. 코드잇 스프린트 12주 차 위클리 페이퍼 코드잇 스프린트 4기 12주 차 위클리 페이퍼 1. JavaScript만 사용하는 것과 비교해 TypeScript를 사용하는 이유에 대해 설명해 주세요. JavaScript 자바스크립트는 타입을 런타임에 동적으로 검사한다. 프로그램을 실행하기 전까지 오류인지 알 수 없다. TypeScript 타입스크립트는 자바스크립트로 컴파일 하는 과정에서 오류를 사전에 발견할 수 있다. 그 외에 자동완성, 타입추론 등 개발자 경험이 좋다. 감사합니다. 2024. 3. 22. 이전 1 2 3 4 5 6 ··· 10 다음
