개발
1.Editor.js
블록 스타일 편집기인 Editor.js에 대해서 알아보자!
2.BlockNote.js
블록 기반 리치 텍스트 편집기(RTE)인 BlockNote.js 에 대해 알아보자!
3.테크 스펙 (Tech Spec)
테크 스펙에 대해 알아보자!
4.패키지 매니저
Package Manager
5.Vercel
프론트엔드 배포 방법 중 하나인 Vercel을 알아보자!
6.CI / CD
자동화 배포에 대해 알아보자
7.Git 으로 하는 협업 (1)
Git, Github를 활용하여 효율적으로 코딩을 해보아요!
8.Git 으로 하는 협업 (2)
본격적으로 Git을 활용해보아요!
9.팀원 협업 방법
협업시 Git을 사용하면서 다룰 Issue와 브랜치 관리들을 알아보자!
10.브랜치 전략
Git 에서 사용하는 브랜치 전략에 대해 알아보자!
11.Frontend 배포 정리
Frontend 페이지를 배포해보자!
12.Vite 프로젝트를 AWS S3 정적페이지로 배포해보자!
S3를 활용해서 쉽고 재밌(?)게 배포해보자!
13.상태 끌어올리기
Learning JavaScript Design Patterns - 12장 리액트 디자인 패턴
14.Axios instance와 interceptor
Axios 라이브러리의 instance 생성과 interceptor 사용에 대해 알아보자!
15.일단 ci를 돌려볼까?
ci를 활용해서 eslint test 자동화를 해보자!
16.모노레포와 터보레포
모노레포와 터보레포를 알아보자!
17.지키지 않는 정책은 없으니만 못하다.
Husky를 이용해 효율적인 lint 검사를 진행해보자!
18.React Hook Form의 trigger를 알아보자!
React Hook Form의 기능 중 하나인 trigger를 알아보자!
19.컴포넌트의 생명주기
클래스형 컴포넌트와 함수형 컴포넌트의 생명주기에 대해서 알아보자!
20.React Hook - useRef
react hook 중에서 useRef에 대해 알아보자!
21.Javascript 비동기 처리
async/await vs Promise.all vs Promise.allSettled
22.효율적인 토큰 관리 방법
Clip project에서의 사용할 효율적인 토큰 관리 방법에 대해 알아보자!
23.react-router-dom 의 useMatches
react-router-dom의 useMatches hook을 활용해서 똑똑하게 라우팅을 해보자!
24.PR 자동생성기
Github Action과 Gemini를 활용해서 PR 작성을 자동화해보자!
25.SSR vs CSR
Next.js 공부를 하기 전에 SSR과 CSR에 대해 비교해보자!
26.패키지매니저 Pnpm
npm보다 빠르고 효율적인 패키지매니저 pnpm을 알아보자!
27.Next.js 의 렌더링 방식
Next.js의 렌더링 방식인 SSR, SSG, ISR에 대해 알아보자!
28.React Server Components
리액트 서버 컴포넌트(React Server Components, RSC)에 대해서 알아보자!
29. 자바스크립트의 TDZ(Temporal Dead Zone)
자바스크립트의 TDZ에 대해 알아보자!
30.자바스크립트의 콜백함수
콜백함수와 콜백지옥에 대해 알아보자!
31.자바스크립트 생성자함수
생성자 함수에 대해서 알아보자!
32.DOM 조작하기
DOM과 DOM API를 활용해서 DOM을 조작해보자!