본 페이지는 혼자서 찾아가면서 개발하는 연습용 프로젝트입니다.
- Darkmode Primary Color : #635985
- Lightmode Primary Color : #B088F9
| Stack | Classification |
|---|---|
| React | Front |
| StoryBook | Front |
| Recoil | Front |
| Styled-components | Front |
| React-Markdown | Front |
| Codemirror | Front |
| ETC.. | Etc.. |
| Pretendard, Cascadia-code, etc | Font |
-
2023 / 02 / 23
- 로그인, 회원가입 구현
- 로그인 상태에 따른 헤더 변경
- Mock API 두 개 연동하기
-
2023 / 02 / 22
- 회원가입, 로그인 레이아웃 제작
- 모달 바깥쪽 클릭 시 꺼지도록 설정
- framer-motion variants.ts로 모듈화
- 네비게이션 제작 | 인기, 최신으로
-
2023 / 02 / 21
- Repository, Notion 세팅
- 로고, 색깔 선택
- Front 세팅
├── public
│ ├── favicon.ico
│ └── index.html
├── src
│ ├── App.test.tsx
│ ├── App.tsx
│ ├── animations
│ ├── components
│ ├── element
│ ├── hook
│ ├── index.tsx
│ ├── page
│ ├── react-app-env.d.ts
│ ├── reportWebVitals.ts
│ ├── setupTests.ts
│ ├── types
│ │ └── type.d.ts
│ └── utils
├── tsconfig.json
└── yarn.lock