-
작업 기간 : 24.09.07 ~ 24.09.10
-
페이지 구성
-
메인페이지
-
회원가입
-
로그인
-
마이페이지 (닉네임 수정)
-
테스트 페이지
-
테스트 결과 페이지
-
-
💻 기술 스택
-
💻 폴더 구조
📦src
┣ 📂api
┃ ┣ 📜auth.js
┃ ┗ 📜testResults.js
┣ 📂components
┃ ┣ 📜AuthForm.jsx
┃ ┣ 📜Layout.jsx
┃ ┣ 📜ProtectedRoute.jsx
┃ ┣ 📜TestForm.jsx
┃ ┣ 📜TestResult.jsx
┃ ┣ 📜TestResultItem.jsx
┃ ┗ 📜TestResultList.jsx
┣ 📂context
┃ ┗ 📜AuthContext.jsx
┣ 📂data
┃ ┗ 📜questions.js
┣ 📂pages
┃ ┣ 📜Home.jsx
┃ ┣ 📜Login.jsx
┃ ┣ 📜Profile.jsx
┃ ┣ 📜Signup.jsx
┃ ┣ 📜TestPage.jsx
┃ ┗ 📜TestResultPage.jsx
┣ 📂shared
┃ ┗ 📜Router.jsx
┣ 📂utils
┃ ┗ 📜mbtiCalculator.jsx
┣ 📜App.css
┣ 📜App.jsx
┣ 📜index.css
┗ 📜main.jsx
-
moneyful서버와 통신하는 과정을 이해하고 정확히 필요한 값을responsedata에서 불러오는 방법이 너무 어려웠습니다. 401, 404 에러를 수없이 만나면서 속상하고 복잡했지만 이번 과제를 통해 데이터를 주고 받는 과정을 이해하고 배울 수 있었습니다. -
tailwind css의 빠르고 편리한 부분을 잘 활용하지 못한 것 같습니다. 시간을 단축해서 사용할 수 있도록 정리된 문서가 있는지, 효율적으로 활용할 수 있는 방법은 없는지 찾아볼 필요를 느꼈습니다. -
시간이 부족해서 UX적인 측면을 고려한 기능을 넣지 못해 아쉽습니다.
alert등으로 가입 여부 등을 알려주는 부분을 리팩토링 하고, 작업 시 시간 배분과 속도 조절 필요를 다시 한 번 느꼈습니다.