코드캠프

데이터 통신, API(rest, graphql), JSON, n자리 랜덤한 인증번호 만들기

데이터 통신 동기/비동기(async/await), 호이스팅, axios, apollo-client, URL,URI

라우팅, 페이지 이동 | 게시물 가져오기 | 렌더링, 조건부렌더링 | 옵셔널 체이닝 | 에러처리(try-catch)

폴더구조 | container/presenter 디자인 패턴 | props | export vs export default

emotion에 props 던지기 | setState 동작원리 | map/filter로 목록 보여주기 | refetchQueries | 목록에서 데이터 삭제하기

폴더구조 설계 | 날짜 uitls | 컴포넌트 재사용 | props drilling | router.query

댓글 등록/ 목록 보여주기/ 삭제, typescript, graphql-codegen, 유틸리티 타입(Pick, Omit, Partial, Record)

ant-design, UI 프레임워크, modal, daumpostcode, 모달 종료 방식, state와 prev , 에러/버그/예외

타입스크립트로 변환, 이벤트 버블링, 이벤트 캡처링, 이벤트 버블링 막기(stopPropagation), 코드린터, 코드포멧터

복사, 얕은 복사(spread연산자, call by value, call by reference), 깊은 복사(lodash, 중첩객체) 댓글 수정하기, 무한스크롤(react-infinite-scroller)

주소 및 우편번호 보여주기 | 등록/수정하기(defaultValue/ value) | 레이아웃, Hidden 영역 설정 | global 스타일 및 font 적용 | ApolloSetting 분리

inputs 리팩토링(Feat: Spread), Class-component(함수형과 클래스형 차이), 라이프사이클(컴포넌트의 생명주기), useEffect, Open-API

CORS, Proxy 서버, 쿠키, 백엔드 구조, 브라우저 작동원리, DataBase, SQL, NoSQL, DBeaver, Node.js서버 구축

페이지네이션( 게시글 목록/페이지 뿌리기, 첫 페이지/ 이전 페이지 기능 구현, 마지막 페이지/ 다음 페이지 기능 구현 ), state 끌어올리기, yarn 재설치, currentTarget vs target

데코레이터(@) 원리, ApolloServere 셋팅(타입, API, 서버, cors), 게시판 CRUD API 만들기, 파이어베이스 BaaS, 포트번호, commonJS / module 방식

비회원 장바구니(HOF, localStorage), 폼 라이브러리, react-hook-form, 비제어/제어 컴포넌트, form 태그, 검증 라이브러리, yup, 공통컴포넌트 재사용

구조분해 할당(비구조화할당, Destructuring), 객체와 배열의 구조분해할당, REST 파라미터, custom-hooks, 타입스크립트 Generic, any / unknown

카카오맵 API, 카카오맵 구현, SPA과 CSR, SPA와 MPA, a태그 vs Link태그 vs router.push비교, Script 위치에 따른 비동기 작동/성능 이슈, 카카오탭 CSR 이슈 보완, refetch의 문제점과 개선, apollo-cache 업데이트

웹에디터(React-Quill), SSR이슈, 보완방법(process.browser, typeof window, dynamic import(성능최적화)), 웹에디터 게시글 등록/조회, XXS, 웹에디터(React-Quill),DOMpurify, Hydration

배포 환경이해, AWS메뉴 구성, 배포 프로세스, 정적 배포, 프로젝트 build, Trailing Slash, S3, DNS 연결, Route53, 레코드 타입 종류, storage 연결

HTTPS, 와이어샤크, SSL(TLS), 3-Way-Handshake, 4-Way-Handshake, ECN, CWR, HTTPS 적용, SSL 인증서 설치, LB, CDN, CloudFront, LB생성, VM생성, 인바운드, 아웃바운드, 가장 쉬운 배포

CloudFront 라우팅 연결, CDN과 LB연결, 배포 원본/동장 생성하기, 분기처리, buildId 폴더 통일, 서버사이드렌더링, Docker, CMD vs RUN, Docker-compose, 포트포워딩