[HTTP/Network] Proxy

👀 CORS 정책의 필요성 & CORS 에러 발생 이유 및 해결방법 🔍 Proxy 👀 Proxy 사용법 ✔ Webpack dev server proxy ✔ http-proxy-middleware proxy(React Proxy)

2022년 10월 13일
·
0개의 댓글
·

[CS] [Deploy] CI/CD & Github Action으로 Client 배포하기

🔍 CI/CD 👀 CI/CD의 단계 ✔ 지속적 통합(Continuous Integration, CI) ✔ 지속적 배포(Continuous Delivery/Deployment, CD) 👀 CI/CD 파이프라인 👀 Github Action으로 Client 배포하기

2022년 10월 12일
·
0개의 댓글
·

[CS] [Deploy] Amazon Web Service(AWS)

🔍 Amazon Web Service(AWS) 👀 Cloud Computing 👀 Deploy 👀 Amazon EC2(Elastic Compute Cloud) ✔ AMI 👀 RDS(Relational Database Service) 👀 S3(Simple St

2022년 10월 11일
·
0개의 댓글
·
post-thumbnail

[CS]최적화(Optimization)/ Lighthouse

🔍 Lighthouse 👀 Lighthouse 분석 결과 항목 🔥 예시

2022년 10월 7일
·
0개의 댓글
·

[CS]최적화(Optimization)/ Tree Shaking

🔍 Tree Shaking 👀 JavaScript Tree Shaking 1. 필요한 모듈만 import 2. Babelrc 파일 설정 3. sideEffects 설정 4. ES6 문법을 사용하는 모듈 사용

2022년 10월 7일
·
0개의 댓글
·

[CS]최적화(Optimization)/캐시 관리

👀 캐시 사용 👀 캐시 검증 헤더 & 조건부 요청 헤더 ✔ 캐시 검증헤더 ✔ 조건부 요청 헤더 ✔ 사용 방법

2022년 10월 7일
·
0개의 댓글
·

[CS]최적화(Optimization)/최적화 기법

🔍 최적화 🔍 최적화 기법 👀 HTML, CSS 코드 최적화 ✔ HTML 최적화 ✔ CSS 최적화 👀 리소스 로딩 최적화 👀 브라우저 이미지 최적화 1. 이미지 스프라이트 사용 2. 아이콘 폰트 사용 3. WebP 또는 AVIF 이미지 포맷 사용 4. CDN(

2022년 10월 7일
·
0개의 댓글
·

[React] React.lazy() & Suspense

🔍 React.lazy() & Suspense 👀 React.lazy() 👀 React.Suspense() ✔ React.lazy와 Suspense의 적용

2022년 9월 29일
·
0개의 댓글
·

[React] 코드 분할(Code Spliting)

🔍 코드 분할(Code Spliting) ✔ 번들 분할 or 줄이는 법 👀 React에서의 코드 분할 ✔ Static Import ✔ Dynamic Import

2022년 9월 29일
·
0개의 댓글
·

[React] React Hooks - Custom Hooks

🔍 Custom Hooks 👀 사용 방법(예시) ✔ 예시2 🔥 실습 예시 ✔ custom hook을 이용하여 useEffect 로직 분리하기 ✔ custom hook을 이용하여 useEffect 로직 분리하기

2022년 9월 29일
·
0개의 댓글
·

[React] React Hooks - useCallback

🔍 useCallback 👀 참조 동등성에 의존하는 useCallback 🔥 실습 예시 🔥 useMemo와 useCallback의 차이

2022년 9월 28일
·
0개의 댓글
·

[React] React Hooks - useMemo

🔍 useMemo 🔥 실습 예시

2022년 9월 28일
·
0개의 댓글
·

[React] React Hooks - Component & Hook

🔍 Component & Hook 👀 Class Component 👀 Function Component 👀 Hook ✔ Hook 사용 규칙

2022년 9월 28일
·
0개의 댓글
·

[React] React Diffing Algorithm

🔍 React Diffing Algorithm 👀 React의 DOM Tree 탐색 방법 ✔ 다른 타입의 DOM element일 경우 ✔ 같은 타입의 DOM element일 경우 ✔ 자식 element의 재귀적 처리

2022년 9월 28일
·
0개의 댓글
·

[React] Virtual DOM

🔍 Virtual DOM 🔥 예시

2022년 9월 28일
·
0개의 댓글
·

[React] React 개발과 Webpack

🔍 React 개발과 Webpack 👀 Essential Library ✔ react, react-dom ✔ babel ✔ css-loader 👀 Optional Library ✔ react-hot-reloader ✔ eslint ✔ prettier

2022년 9월 26일
·
0개의 댓글
·

[React] 번들링 & Webpack

🔍 번들링 🔍 Webpack 👀 Webpack의 필요성 👀 Webpack 핵심 개념 ✔ Entry(엔트리) ✔ Output(출력) ✔ Loaders(로더) ✔ Plugins(플러그인) ✔ Mode(모드) ✔ Browser Compatibility(브라우저 호환성

2022년 9월 26일
·
0개의 댓글
·

[JavaScript-자료구조] BFS vs DFS

🔍 BFS vs DFS 👀 BFS(Breathed First Search) 👀 DFS(Ddepth First Search) 🔥 DFS vs BFS

2022년 9월 22일
·
0개의 댓글
·

[JavaScript-자료구조] Graph

🔍 Graph 🔍 Graph의 표현 방식 👀인접 행렬(Adjacency Matrix) 무방향 그래프(Undirected Graph) 방향 그래프(directed Graph) ✔구현 코드 👀인접 리스트(Adjacency List) ✔구현 코드 🔥 실사용 예시 ✔

2022년 9월 21일
·
0개의 댓글
·

[JavaScript-자료구조] Binary Search Tree / Tree Traversal

🔍 Binary Search Tree 👀 이진 트리(Binary Tree) 👀 이진 탐색 트리(Binary Search Tree) ✔ 이진 탐색 트리의 특징 👀 Tree Traversal ✔ 전위 순회(Preorder Traverse) ✔ 중위 순회(Inorde

2022년 9월 21일
·
0개의 댓글
·