n0hack / velog

리액트를 다루는 기술 - Blog (TS / Recoil / Emotion 버전)

Velog

Velopert님께서 작성하신 리액트를 다루는 기술을 보고 공부하면서 만들어 본 블로그 서비스입니다. 원래는 유튜브 채널의 라이브 코딩 동영상을 보면서 진행하려 했는데, 시간적 여유가 많지 않아 책에 포함된 기능 정도만 구현했습니다. 컴포넌트 디자인만 책의 내용을 따라했고, 기술 스택은 평소 사용해 보고 싶었던 기술 위주로 사용했습니다. 라이브 코딩을 끝까지 보면서 만들고 싶었는데, 동영상의 전체 러닝 타임이 1,000시간 가까이 되니까 보기 힘든 게 너무 아쉽.. ㅠㅠ

Installation

• React: 18.0.0
• Node: 18.12.0 (LTS)

# 라이브러리 설치 & 실행
$ yarn
$ yarn start

# 스토리북 실행
$ yarn storybook

MongoDB의 경우 직접 설치 및 별도의 설정이 필요합니다.

Frontend

• React (+TypeScript)
• Recoil
• Emotion
• React Quill
• Storybook

Backend

• Koa (+TypeScript)
• Mongoose (MongoDB)
• Joi
• JWT
• bcrypt
• Swagger