κΈ°κ°: 22.01 - 22.04
Deploy
- λ©μμ΄μ¬μμ²λΌ νλ‘ νΈμλ μ€μΏ¨ 1κΈ° ν νλ‘μ νΈλ‘ μ§νν κ°κ·€λ§μΌμ
λλ€
- μνμ λ±λ‘, ν맀νκ³ μμ μ μΌμμ 곡μ ν μ μλ SNS λ§μΌμ
λλ€
- React Hook
- Next.js
- TypeScript
- Emotion
κ° κΈ°λ₯ λ³λ‘ μν μ λλμ΄ μ§ννμμ΅λλ€
github/wjdgml3834
- ν νλ©΄ κ²μκΈ
- νλ‘μ°, νλ‘μ° μ·¨μ
- κ²μκΈ λ³΅μ μ΄λ―Έμ§ μΊλ¬μ
- νλ‘μ, νλ‘μ νμ΄μ§
github/LEEHYUNHO2001
- next-authλ₯Ό μ΄μ©ν λ‘κ·ΈμΈ
- νμκ°μ
, νλ‘ν 미리보기
- κ°κ·€λ§μΌμ μ μ κ²μ
- μ’μμ λ° μ’μμ μ·¨μ
- νλ‘ν μμ
github/choisung2
- κ²μκΈ λ±λ‘, μμ , μμ
- μν λ±λ‘, μμ , μμ
- κ²μκΈ μμΈ νμ΄μ§
- μ μ νλ‘ν
- λκΈ κΈ°λ₯
νΌμ³λ³΄κΈ°
βββ src
βΒ Β βββ components
βΒ Β βΒ Β βββ BackButton.tsx
βΒ Β βΒ Β βββ Border.tsx
βΒ Β βΒ Β βββ Custom404.tsx
βΒ Β βΒ Β βββ Error.tsx
βΒ Β βΒ Β βββ Loading.tsx
βΒ Β βΒ Β βββ ProfileForm.tsx
βΒ Β βΒ Β βββ ProfileUpdate.tsx
βΒ Β βΒ Β βββ developer
βΒ Β βΒ Β βΒ Β βββ Developer.tsx
βΒ Β βΒ Β βΒ Β βββ Footer.tsx
βΒ Β βΒ Β βββ follower
βΒ Β βΒ Β βΒ Β βββ Card.tsx
βΒ Β βΒ Β βΒ Β βββ CardContainer.tsx
βΒ Β βΒ Β βΒ Β βββ Footer.tsx
βΒ Β βΒ Β βΒ Β βββ Header.tsx
βΒ Β βΒ Β βΒ Β βββ Main.tsx
βΒ Β βΒ Β βββ following
βΒ Β βΒ Β βΒ Β βββ Card.tsx
βΒ Β βΒ Β βΒ Β βββ CardContainer.tsx
βΒ Β βΒ Β βΒ Β βββ Footer.tsx
βΒ Β βΒ Β βΒ Β βββ Header.tsx
βΒ Β βΒ Β βΒ Β βββ Main.tsx
βΒ Β βΒ Β βββ home
βΒ Β βΒ Β βΒ Β βββ Card.tsx
βΒ Β βΒ Β βΒ Β βββ CardContainer.tsx
βΒ Β βΒ Β βΒ Β βββ Footer.tsx
βΒ Β βΒ Β βΒ Β βββ Header.tsx
βΒ Β βΒ Β βΒ Β βββ Main.tsx
βΒ Β βΒ Β βΒ Β βββ Nonfeed.tsx
βΒ Β βΒ Β βΒ Β βββ ReportCancelModal.tsx
βΒ Β βΒ Β βΒ Β βββ ReportModal.tsx
βΒ Β βΒ Β βββ layouts
βΒ Β βΒ Β βΒ Β βββ Layout.tsx
βΒ Β βΒ Β βΒ Β βββ StatusBar.tsx
βΒ Β βΒ Β βΒ Β βββ index.tsx
βΒ Β βΒ Β βββ login
βΒ Β βΒ Β βΒ Β βββ Email.tsx
βΒ Β βΒ Β βΒ Β βββ Main.tsx
βΒ Β βΒ Β βββ postDetail
βΒ Β βΒ Β βΒ Β βββ CoReportCancelModal.tsx
βΒ Β βΒ Β βΒ Β βββ Comment.tsx
βΒ Β βΒ Β βΒ Β βββ CommentDelModal.tsx
βΒ Β βΒ Β βΒ Β βββ CommentList.tsx
βΒ Β βΒ Β βΒ Β βββ CommentModal.tsx
βΒ Β βΒ Β βΒ Β βββ Container.tsx
βΒ Β βΒ Β βΒ Β βββ DetailCard.tsx
βΒ Β βΒ Β βββ postUpload
βΒ Β βΒ Β βΒ Β βββ Container.tsx
βΒ Β βΒ Β βΒ Β βββ EditContainer.tsx
βΒ Β βΒ Β βΒ Β βββ FileUpload.tsx
βΒ Β βΒ Β βΒ Β βββ PostEdit.tsx
βΒ Β βΒ Β βΒ Β βββ PostUpload.tsx
βΒ Β βΒ Β βββ product
βΒ Β βΒ Β βΒ Β βββ Container.tsx
βΒ Β βΒ Β βΒ Β βββ EditContainer.tsx
βΒ Β βΒ Β βΒ Β βββ FileUpload.tsx
βΒ Β βΒ Β βΒ Β βββ Modification.tsx
βΒ Β βΒ Β βΒ Β βββ ProductDeleteModal.tsx
βΒ Β βΒ Β βΒ Β βββ ProductModal.tsx
βΒ Β βΒ Β βΒ Β βββ Register.tsx
βΒ Β βΒ Β βββ profile
βΒ Β βΒ Β βΒ Β βββ Carousel.tsx
βΒ Β βΒ Β βΒ Β βββ CarouselCard.tsx
βΒ Β βΒ Β βΒ Β βββ DeleteModal.tsx
βΒ Β βΒ Β βΒ Β βββ Footer.tsx
βΒ Β βΒ Β βΒ Β βββ Info.tsx
βΒ Β βΒ Β βΒ Β βββ LogOutModal.tsx
βΒ Β βΒ Β βΒ Β βββ MyContainer.tsx
βΒ Β βΒ Β βΒ Β βββ MyPostCard.tsx
βΒ Β βΒ Β βΒ Β βββ MyPostContainer.tsx
βΒ Β βΒ Β βΒ Β βββ MyProfileModal.tsx
βΒ Β βΒ Β βΒ Β βββ PostModal.tsx
βΒ Β βΒ Β βΒ Β βββ ProfileAppPost.tsx
βΒ Β βΒ Β βΒ Β βββ ProfilePost.tsx
βΒ Β βΒ Β βββ research
βΒ Β βΒ Β βΒ Β βββ Card.tsx
βΒ Β βΒ Β βΒ Β βββ Footer.tsx
βΒ Β βΒ Β βΒ Β βββ Header.tsx
βΒ Β βΒ Β βΒ Β βββ Main.tsx
βΒ Β βΒ Β βββ signup
βΒ Β βΒ Β βββ SignUp.tsx
βΒ Β βΒ Β βββ SignUpProfile.tsx
βΒ Β βββ constants
βΒ Β βΒ Β βββ index.ts
βΒ Β βββ pages
βΒ Β βΒ Β βββ 404.tsx
βΒ Β βΒ Β βββ _app.tsx
βΒ Β βΒ Β βββ api
βΒ Β βΒ Β βΒ Β βββ auth
βΒ Β βΒ Β βΒ Β βββ [...nextauth].ts
βΒ Β βΒ Β βββ developer
βΒ Β βΒ Β βΒ Β βββ index.tsx
βΒ Β βΒ Β βββ follow
βΒ Β βΒ Β βΒ Β βββ [id]
βΒ Β βΒ Β βΒ Β βββ follower.tsx
βΒ Β βΒ Β βΒ Β βββ following.tsx
βΒ Β βΒ Β βββ home
βΒ Β βΒ Β βΒ Β βββ index.tsx
βΒ Β βΒ Β βββ home.tsx
βΒ Β βΒ Β βββ index.tsx
βΒ Β βΒ Β βββ login.tsx
βΒ Β βΒ Β βββ post
βΒ Β βΒ Β βΒ Β βββ [...params].tsx
βΒ Β βΒ Β βΒ Β βββ upload.tsx
βΒ Β βΒ Β βββ postdetail
βΒ Β βΒ Β βΒ Β βββ [id].tsx
βΒ Β βΒ Β βββ product
βΒ Β βΒ Β βΒ Β βββ [...params].tsx
βΒ Β βΒ Β βΒ Β βββ index.tsx
βΒ Β βΒ Β βββ profile
βΒ Β βΒ Β βΒ Β βββ [...params].tsx
βΒ Β βΒ Β βΒ Β βββ edit.tsx
βΒ Β βΒ Β βΒ Β βββ index.tsx
βΒ Β βΒ Β βββ research.tsx
βΒ Β βΒ Β βββ signup.tsx
βΒ Β βββ types
βΒ Β βββ Comments.ts
βΒ Β βββ Follower.ts
βΒ Β βββ Following.ts
βΒ Β βββ MyPost.ts
βΒ Β βββ Posts.ts
βΒ βββ Product.ts
λ‘κ·ΈμΈ |
νμκ°μ
|
ν |
![λ‘κ·ΈμΈ](https://user-images.githubusercontent.com/92927950/163723636-c3ec1409-9995-4b89-9fc3-5d568d8f5977.gif) |
![νμκ°μ](https://user-images.githubusercontent.com/92927950/163723668-bd56f9d9-7db8-4740-8b4c-9ab7bf2f7951.gif) |
![ννλ©΄](https://user-images.githubusercontent.com/92927950/163723799-f7a96379-9f10-46e3-ad52-d7d6fcaa992a.gif) |
κ³μ κ²μ(νλ‘μ° O) |
κ³μ κ²μ(νλ‘μ° X) |
κ°λ°μ |
![κ³μ κ²μ](https://user-images.githubusercontent.com/92927950/163723804-0f4d7b2e-a10f-488d-8f64-cb051b5466c9.gif) |
![κ³μ κ²μ(νλ‘μ°x)](https://user-images.githubusercontent.com/92927950/163724271-ab6c5217-69cb-45b9-9cb3-5a7a12909985.gif) |
![κ°λ°μ](https://user-images.githubusercontent.com/92927950/163723807-482185a2-2976-4ada-9f88-11fe1e107e2c.gif) |
λ§μ΄ νλ‘ν |
νλ‘μ |
νλ‘μ |
![νλ‘ν](https://user-images.githubusercontent.com/92927950/163724621-6799834c-a60b-456f-9cb6-0e00a606d68b.gif) |
![νλ‘μ°](https://user-images.githubusercontent.com/92927950/163724680-aaf5c677-0966-4e29-a115-ece4f9a04618.gif) |
![νλ‘μ](https://user-images.githubusercontent.com/92927950/163724682-2ffd9629-9746-4a7c-9fd0-511254ba2493.gif) |
νλ‘ν μμ |
λ‘κ·Έμμ |
μ μ νλ‘ν |
![νλ‘ν μμ ](https://user-images.githubusercontent.com/92927950/163724768-f57579d7-11c8-4e7b-af3c-52339c726805.gif) |
![λ‘κ·Έμμ](https://user-images.githubusercontent.com/92927950/163724985-317b398d-dbb5-47a3-9c43-71d7d60fbc42.gif) |
![μ μ νλ‘ν](https://user-images.githubusercontent.com/92927950/163725179-01ced3b3-5434-4621-990f-98dee10a580b.gif) |
μ κ³ |
λκΈ μμ± |
λκΈ μ κ³ λ° μμ |
![κ²μκΈ μ κ³](https://user-images.githubusercontent.com/92927950/163724911-587de063-5aa1-42ea-8ed5-0cb0d94bdb9a.gif) |
![λκΈ μμ±](https://user-images.githubusercontent.com/92927950/163724838-e27a234b-ce27-40de-9f81-aca84f18805f.gif) |
![λκΈ μ κ³ λ° μμ ](https://user-images.githubusercontent.com/92927950/163724837-ff92476f-0a2b-4ec0-afc0-3ba5b94d1bb6.gif) |
- μ΄λ² νλ‘μ νΈμμ Next.js, TypeScript λ₯Ό μ²μ μ νμ΅λλ€. μ΄λ°μλ μ΄λ €μ΄ λΆλΆμ΄ λ§μ λ§μ΄ ν€λ§Έμ§λ§ μ΄μ¬ν 곡λΆνλ©°, νμλΆλ€κ³Ό μν΅νλ©° λΉ λ₯΄κ² μ±μ₯ν μ μμλ κ² κ°μ΅λλ€. λ°°μΈ μ μλ κΈ°νκ° λ§μλ νλ‘μ νΈμμ΅λλ€.
- μμ¬μ΄ μ μ 1. νμ
μ€ν¬λ¦½νΈ μ¬μ©μ΄ λ―Έν‘νλ€λ μ κ³Ό nextμμ μ 곡νλ dynamic μ νμ©νμ§ λͺ»νλ€λ μ μ
λλ€. μΆν 리ν©ν λ§ μ anyμ never λ±μ νμ
μ λ체ν μμ μ΄λ©°, dynamicμ ssr μ΅μ
λ±μ νμ©ν΄ λ³΄κ³ μΆμ΅λλ€.