솔직한 질문을 통해 상대와 더 가까워지세요.
자유롭게 질문과 답변을 통해 소통하는 플랫폼 입니다.
-
🌐Demo 배포사이트
-
-
⭐️ Vite와 pnpm 사용이유
-
Vite : Vite는 개발 서버를 이용할 때 빠른 속도를 자랑합니다. 기존 번들로 기반으로 개발을 진행할 때, 소스 코드를 업데이트 하게 되면 번들링 과정을 다시 거쳐야 했지만 Vite는 어떤 모듈이 수정되면 수정된 모듈과 관련된 부분만 교체하기 때문에 로딩이 빠릅니다.
-
pnpm : pnpm의 경우에는 프로젝트별로 node_modules에 매번 패키지를 설치했던 것과는 달리 global 저장소에 패키지를 한 번만 저장함으로써 저장 공간을 절약할 수 있다는 아주 큰 장점을 가지고 있어 사용하게 되었습니다.
🔎미리보기
-
프로젝트 기간 : 2024.02.24 ~ 2024.03.12
-
프로젝트 내용
- 메인페이지에서 이름을 입력하고 질문을 받을 수 있습니다.
- PC에서 8개의 리스트가 보여지고 Tablet에서 Mobile로 줄어들 때마다 리스트 정렬이 바뀝니다.
- 질문 리스트에 들어가 모달을 통해 질문을 올리고, 공유하기 버튼을 통해 카카오톡, 페이스북에 공유가 가능합니다.
- 질문이 많을 경우 무한스크롤을 통해 질문을 불러올 수 있으며, 좋아요/싫어요 버튼을 통해 표현이 가능합니다.
- 답변하기를 통해 내 피드페이지에 올라와 있는 질문을 답변, 거절, 수정 할 수 있습니다.
-
주요기능
⭐️무한 스크롤
⭐️페이지 네이션
| 이름 | 담당 | |
|---|---|---|
| 팀장 : 유아름 |
답변하기 페이지
피드 페이지, State 관리 전체적 코드 관리, 무한스크롤 CSS세팅, 스타일 관리 |
|
| 팀원 : 강나리 |
질문리스트 페이지
무한 스크롤, 페이지네이션 API Hook, State 관리 |
|
| 팀원 : 최수민 |
메인 페이지, 모달
토스트, 공유하기 피드 페이지 공용 레포 관리 깃 액션, 배포 |
|
| 팀원 : 김태은 |
피드 페이지
프로필 좋아요, 싫어요 |
|