누구나 자유롭게 만드는 성향 테스트

각양각색의 사람들의 성향을 테스트 할 수 있는 폼을 제공해주는 웹어플리케이션입니다.

프로젝트 개요

• 사용스택: TypeScript, Next.js, Styled-Components, React-Hook-Form, Redux-Toolkit
• 개발환경: Ubuntu
• 개발도구: Visual Studio Code
• 프로젝트인원: 1명
• 프로젝트기간: 22. 11 ~ 23. 04

담당 역할

• Next.js 사용한 성향 테스트 클라이언트 개발
• React-Hook-Form을 사용한 성향 테스트 작성폼 개발
• Redux를 사용한 상태관리
• 백엔드와의 REST API 통신 구축
• 모바일 사용자를 고려한 반응형 기능 구현
• Next.js를 활용한 성능 최적화(코드 스플리팅, Image 컴포넌트 사용)

서버

https://github.com/seounjin/personality-test-server

개발 상세 설명

노션 링크

실행 화면

성향 테스트

점수형 테스트 만들기 예시

테스트유형 선택지	기본정보

유형 설정	선택지 설정

최종확인	유효성 체크

성향테스트 수정 삭제

수정	삭제