[TIL] Front-end
1.[Linux] 기초 | CLI, 패키지, Node.js
Linux를 다루기 위한 기초 개념인 CLI, 패키지와 패키지 매니저, Node.js를 알아보자
2.[Node.js] 모듈 사용법, fs.readFile 알아보기
Node.js 모듈 사용법과 모듈 중 하나인 fs.readFile에 대해 알아보자
3.[API] fetch API 와 Axios
API의 의미, fetch API와 Axios를 알아보자
4.[React] 기초 | React의 의미와 특징, JSX(JavaScript XML)
React의 의미와 특징, JSX를 알아보자
5.[React] React SPA | 개념과 React Router 활용하기
Reasct SPA의 개념과 React Router 활용법을 알아보자
6.[React] Props와 State | Props와 State의 개념과 React의 데이터 흐름
Props와 State의 개념을 살펴보고, React에서 데이터 흐름을 알아보자
7.[React] Props와 State | 제어 컴포넌트와 비제어 컴포넌트, 이벤트 처리
제어 컴포넌트와 비제어 컴포넌트를 알아보고 React에서 이벤트 처리하는 법을 알아보자
8.[HTTP/네트워크] 기초 | 소프트웨어 아키텍처
소프트웨어 아키텍처를 알아보자
9.[HTTP/네트워크] 기초 | 웹 애플리케이션 아키텍처, 프로토콜과 API
앱 애플리케이션의 아키텍처, 프로토콜과 API를 알아보자
10.[HTTP/네트워크] 기초 | URI와 URL
URI와 URL을 알아보자
11.[HTTP/네트워크] 기초 | IP, 포트, 도메인, DNS
IP, 포트, 도메인, DNS를 알아보자
12.[HTTP/네트워크] 기초 | 크롬 브라우저 에러 읽기
크롬 브라우저의 에러 종류를 알아보자
13.[HTTP/네트워크] 기초 | HTTP
HTTP, HTTP Messages, HTTP Requests, HTTP Resopnses를 알아보자
14.[HTTP/네트워크] 기초 | AJAX
AJAX의 의미와 특징을 알아보자
15.[HTTP/네트워크] 기초 | SSR과 CSR
SSR과 CSR의 의미와 차이점을 알아보자
16.[HTTP/네트워크] REST API, Open API와 API Key
REST API, Open API와 API key를 알아보자
17.[HTTP/네트워크] REST API | RRM
좋은 REST API 디자인을 판단하는 기준인 RMM(Richardson Maturity Model)을 알아보자
18.[React] React 데이터 흐름(feat. State 끌어올리기)
React에서 데이터의 흐름을 알아보고, State 끌어올리기에 대해 알아보자
19.[React] Effect Hook
Effect Hook에 대해 알아보자
20.[Web Server] 기초 | CORS
SOP와 CORS를 알아보고 CORS의 동작 방식과 설정 방법을 알아보자
21.[Web Server] 기초 | Node.js HTTP 모듈로 간단한 서버 만들기
Node.js HTTP 모듈로 간단한 서버를 만들어보자
22.[Web Server] 기초 | Express
Node.js에서 사용하는 프레임워크인 Express를 살펴보자
23.[사용자 친화 웹] UI/UX
UI와 UX에 대해 알아보자
24.[React] 상태 관리 | 전역상태 관리, Props Drilling, cmarket-hooks
리액트에서 상태 관리 방법 알아보기
25.[React] 상태관리 | Redux
자바스크립트 앱을 위한 예측 가능한 상태 관리 라이브러리인 Redux를 알아보자
26.[사용자 친화 웹] 웹 표준 & 접근성 | 웹표준, Semantic HTML, 크로스 브라우징
사용자 친화 웹을 만들기 위한 고려사항인 웹 표준과 시멘틱 HTML, 크로스브라우징을 알아보자
27.[사용자 친화 웹] 웹 표준 & 접근성 | SEO(검색엔진최적화)
SEO(Search Engine Optimization, 검색 엔진 최적화)를 알아보자
28.[사용자 친화 웹] 웹 표준 & 접근성 | 웹 접근성, WAI-ARIA
웹 접근성과 WAI-ARIA를 알아보자
29.[네트워크 심화] TCP/IP | IP/IP Packet, TCP/UDP
TCP와 IP에 대해 알아보자
30.[네트워크 심화] HTTPS | 암호 방식, SSL/TLS 프로토콜
HTTPS에 대해 알아보자
31.[HTML/CSS] 웹 브라우저 | 개념, 동작 원리, 기본 구조와 특징
웹 브라우저의 개념과 동작 원리 및 기본 구조와 특징을 알아보자
32.[HTML/CSS] 브라우저 렌더링 | 렌더링 방식, 리플로우와 리페인트
브라우저 렌더링 방식과 렌더링을 최적화할 수 있는 방법을 알아보자
33.[React] 번들링과 웹팩 | 번들링, 웹팩, 웹팩 핵심 개념
번들링과 웹팩을 알아보자
34.[React] 심화 | Virtual DOM
Virtual DOM의 의미와 특징, 작동원리 등을 알아보자
35.[React] 심화 | React Diffing Algorithm
React의 비교 알고리즘을 알아보자
36.[Deploy] CI/CD | github action으로 클라이언트 CI/CD를 구축하기(feat. AWS s3)
github action을 활용하여 클라이언트 CI/CD를 구축하는 법을 알아보자 (feat. AWS s3)