본 페이지는 혼자서 찾아가면서 개발하는 연습용 프로젝트입니다.
- 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