미리보기

1인 가구를 위한 레시피, 방자랑, 혼잣말 게시판 제공 커뮤니티 개발 팀 프로젝트 진행

배포 링크: https://home-alone.site/

깃허브 링크: https://github.com/homealone-front

담당 기능 및 특징

• 혼잣말 게시글 등록/조회/수정/삭제 기능

• 게시물 북마크/좋아요 기능

• 댓글 좋아요 기능

• react-hook-form과 yup을 활용한 효율적인 폼 관리 및 유효성 검사

• zustand를 활용해 전역 상태 관리

• tanstack-query를 활용해 서버 상태 관리 및 데이터 캐싱 적용

  • mutation 사용을 통해 낙관적 UI 업데이트 적용

사용 기술 및 언어

• React(Vite) TypeScript taillwind CSS shadcn zustand tanstack-query

• react-hook-form, yup, husky

박물관 전시 관람 환경 개선 지원 사업의 일환으로 진행된 만해 기념관 키오스크 웹 서비스 ‘디지털 만해기념관’ 개발 외주 프로젝트 진행(1인 개발)

기획자, 디자이너와의 소통과 협업을 통한 실무 경험

깃허브 링크: https://github.com/minsu111/manhae-project

담당 기능 및 특징

• 300여 개의 소장품 감상 페이지

• SpeechSynthesis api활용을 통한 TTS(Text To Speech) 기능 🔗관련 블로그 글 보기

• 드래그앤드롭을 통한 훈장 커스텀 기능

• 4지선다형/OX 퀴즈 등의 전시 연계 퀴즈 페이지

• 국문/영문 선택에 따른 언어 분기 처리

사용 기술 및 언어

• React SCSS

동호회, 동아리, 직장 내 회식 등 단체 회식 장소를 손쉽게 예약할 수 있는 웹앱 서비스 개발 팀 프로젝트 참여

깃허브 링크: https://github.com/minsu111/dining-together-react

담당 기능 및 특징

• 로그인/회원가입, 마이페이지, 회원 정보 수정 페이지 구현

• 팀 내 프론트엔드 리더 역할 담당

  • 팀원들과의 논의를 토대로 초기 개발 환경 구축

  • 프로젝트 진행 현황 체크 및 작업 일정 관리를 통한 협업 효율성 향상 경험

사용 기술 및 언어

• React TypeScript Redux Toolkit styled-components

8인 팀 프로젝트로 진행되었으며, mbti 유형 테스트와 통계 수치 제공을 통해 사용자가 자신의 성격 유형을 이해하고, mbti별 게시판을 제공해 다른 유형 사람들과 소통 및 상호작용할 수 있는 기회를 제공합니다.

배포 링크: https://are-you-t.vercel.app/

깃허브 링크: https://github.com/are-you-T/client

담당 기능 및 특징

• 10가지 문항에 대한 문답을 진행하는 테스트 페이지 구현

• 테스트 결과를 수치로 계산할 수 있도록 유저의 선택지를 취합하여 데이터로 전달하는 기능 구현

• 링크 공유 시, 각 플랫폼에 적합한 OG 태그를 설정하여 섬네일 이미지와 서비스 설명 글을 통해 유저가 해당 페이지의 정보를 쉽게 파악할 수 있도록 함 🔗관련 블로그 글 보기

• PWA(Progressive Web App) 적용

사용 기술 및 언어

• React TypeScript tailwind-styled-components