SSR, CSR, SSG 목차 SSR(Server Side Rendering) CSR(Client Side Rendering) SSG(Static Site Generator) 시작하기 전에 ! SSR, CSR, SSG는 모두 렌더링하는 방식 1. SSR(Server Side Rendering) ...
Study | ESLint와 Prettier
ESLint와 Prettier 목차 ESLint Prettier ESLint와 Prettier를 사용하는 이유 시작하기 전에 ESLint와 Prettier는 일정한 규칙에 맞는 코드 퀄리티 및 스타일을 유지할 수 있게 검사해주는 도구이다 1. ESLint ESLint란? ...
230112_TIL | 모의 면접 합격(일단은..?)
오늘한 일 [스터디] 자료 준비(20개 진행중) [취업대비반-항해] TCP와 UDP/도메인으로 IP 찾기 녹음하여 업로드 내일 할 일 [스터디] 내일 20개 꼭하기,,,, [취업대비반-항해] 팀 스터디(목터뷰 1-10까지 정리 1번 더 하기) 모의면접 내용 정리하기(대답 못한거 기준) ...
Study | SPA와 MPA
SPA와 MPA 목차 SPA MPA SPA와 MPA의 비교 1. SPA(Single Page Application) : 한 개의 페이지(HTML)로 이루어진 애플리케이션 CSR(Client Side Rendering) 방식으로 렌더링(SSR로 돠어야하는 상황도 존재함) 이미지 출처 : htt...
Study | DOM과 BOM
DOM과 BOM 목차 window 객체 DOM BOM 1. window 객체 이미지 출처 https://velog.io/@bungouk6829/Javascript : javascript의 최상위 객체이자 전역객체이며 모든 객체가 소속된 객체 → 자바스크립트로 widow객체의 객체화된 구성요소들을...
Study | 브라우저 렌더링
브라우저 렌더링 목차 브라우저 렌더링 과정 리플로우와 리페인트 1. 브라우저 렌더링 과정 파싱 : 브라우저가 HTML을 파싱하고 읽어들이는 과정(HTML을 통해 DOM 객체 트리 구성) 스타일 : DOM Tree/CSSOM Tree가 생성되면 스타일을 매칭시켜주는 과정을 거쳐 Render Tre...
Study | JWT 토큰
JWT 토큰 목차 JWT 토큰 JWT 토큰의 저장방법과 사용법 JWT 토큰을 쿠키에 저장했을 때 취약점 토큰 기반 인증방식 1. JWT 토큰 1. Token 인증 : 토큰 기반 인증 시스템은 클라이언트가 서버에 접속을 하면 서버에서 해당 클라이언트에게 인증되었다는 의미로 ‘토큰’을 부여 ...
Study | 자료구조 해시
자료구조 해시 목차 해시 해시 함수 해시 테이블 1. 해시 : 데이터를 효율적으로 관리하기 위해 임의의 길이 데이터를 고정된 길이의 데이터로 매핑해시 함수에 의해 얻어지는 값을 해시코드, 해시라고 함 2. 해시 함수 : key를 고정된 길이의 hash로 변경해주는 역할을 하여 이 과정을 hashin...
Study | 자료구조 스택과 큐
자료구조 스택과 큐 목차 스택 큐 1. 스택(Stack) : 차곡차곡 쌓아 올린 형태의 자료구조 같은 구조와 크기의 자료를 정해진 방향으로만 쌓을 수 있음 top으로 정한 곳을 통해서만 접근할 수 있음(삽입/삭제 모두) 가장 마지막에 삽입된 자료가 가장 먼저 삭제됨 스택에서 top을 통해...
Study | 자료구조 트리와 그래프
자료구조 트리와 그래프 목차 그래프 트리 2-1. 이진트리 2-2. 완전 이진트리 1. 그래프 : 노드와 그 노드를 연결하는 간선(edge)들로 구성된 자료구조 연결되어 있는 객체 간의 관계를 표현할 수 있는 자료구조 Ex. 지하철 노선도, 도로, 검색엔진 네트워크 모델 노드들 사이에 방향/무방...