본문 바로가기

코드잇 스프린트 4기/위클리 페이퍼19

코드잇 스프린트 15주 차 위클리 페이퍼 코드잇 스프린트 4기 15주 차 위클리 페이퍼 1. SEO가 무엇인지 설명하고, 개선을 위해 어떤 작업을 할 수 있을지 설명해 주세요. SEO(Search Engine Optimization; 검색 엔진 최적화) 구글, 네이버와 같은 포털 사이트에서 특정 키워드를 검색했을 때 상위 순위를 차지할 수 있도록 하는 방법. SEO 개선 방법 시맨틱 태그(Semantic Tag) , , , , , , ... 메타 태그(Meta Tag) , , ... 오픈 그래프 태그(Open Graph Tag) , ... 이미지 태그 alt 속성 2. 세션 기반 인증과 토큰 기반 인증을 비교해서 설명해 주세요. 세션 기반 인증 사용자의 인증 정보를 서버의 세션 저장소에 저장하는 방식. 요청마다 세션 정보를 함께 전송하여 서버에.. 2024. 4. 7.
코드잇 스프린트 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기 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.

티스토리툴바