크로스 브라우징 목차 크로스 브라우징 크로스 브라우징이 작업마다 필요한 원인 브라우저 대응 순서 크로스 브라우징 작업 크로스 브라우징(Cross Browsing) : 웹 페이지 제작 시에 모든 브라우저에서 깨지지 않고 의도한 대로 올바르게(호환성) 나오게 하는 작업HTML5, CSS3, Javas...
Study | bundle 사이즈 줄이는 방법
bundle 사이즈 줄이는 방법 목차 BundleAnalyzerPlugin bundle 사이즈 줄이는 방법 1. BundleAnalyzerPlugin(webpack bundle analyzer) 웹팩을 통해 번들링한 결과를 시각적으로 보여줘서 어떤파일이 용량이 큰지 중복되는 패키지는 없는지 체크하여 번들...
Study | SSR, CSR, SSG
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...