미리보기

Github

FE 4 | BE 2 | DE 1

여행 관리를 위한 TODO 서비스

여행 준비부터 여행 종료까지 할 일을 관리하는 TODO 기반의 서비스가 없다는 페인 포인트에 착안하여 기획하게 됐습니다.
해야 할 일 / 한 일을 관리하고, 노트를 첨부하고, 여행 메이트와 공유하여 여행 경험을 개선하는 관리 서비스입니다.

사용 기술 : TypeScript Next.js React-Query tailwind CSS Zustand GitHub Actions

• CI 파이프라인 구축

  • GitHub Actions를 활용해 테스트 실행, 코드 커버리지 생성, Lint 검사 자동화 프로세스 적용

배포 링크 | GitHub
FE 4 | BE 2
취업 준비, 이직 과정에서 마주한 면접을 준비하는 데에 도움이 되고자 면접을 효율적이고 빠르게 준비할 수 있는 기능을 제공하는 서비스
사용 기술 : TypeScript React React-Query styled-component Zustand MSW

• 서비스 로그인 & 회원가입 후 메인 페이지로 이동하는 flow 담당

  • 사용자의 인증 유무를 처리하기 위한 Auth HOC 구현

  • token 저장 유무, 해당 token이 유효한 지에 따른 자동 로그인 구현

• UI/UX 개선

  • 화면 너비를 구하는 resize 이벤트 성능 이슈 해결

  • 검색 API 호출 시 API 연속 호출 방지를 위한 디바운싱 적용

  • 미디어 쿼리를 이용한 반응형 웹, 모바일 환경 구현

  • API fetch 상태에 따른 스피너 컴포넌트 도입으로 사용자 경험 개선

• 웹 접근성, 검색 엔진 최적화를 위해 시멘틱 태그로 코드 마이그레이션

• 재사용성 향상과 구성요소를 작은 단위로 나누고 조합하는 방법으로 개발하기 위한 공통 컴포넌트 개발

• MSW를 사용하여 백엔드와의 협업 효율 증대

GitHub
교내 신입생 및 재학생을 위한 2023년 신입생 환영회 & 동아리 박람회 행사 안내 서비스
FE 5 | BE 2
사용 기술 : JavaScript React

• 프로젝트 기획 및 리드

  • 학교 행사를 준비하는 과정에서 신입생에게 행사 위치에 대한 자세한 설명이 되지 않고 있다는 것과 여러 매체에 행사 정보가 분산되어 불편함을 겪고 있다는 것을 알게 되어 프로젝트를 기획

  • 행사 참여 동아리 및 단체는 서비스에 기입됐으면 하는 내용들을 수집하여 홍보의 효과를, 행사에 참여하는 재학생은 행사장에 직접 가지 않더라도 사전에 정보를 습득할 수 있는 효과 창출

• 프로젝트 기능 정의

  • 캠퍼스 내 행사가 열리는 위치를 직관적으로 표시해 이해를 도움

  • 행사에 참여하는 동아리의 정보와 행사에서 동아리가 운영하는 부스 정보를 담아 행사장 부스에 직접 방문하지 않아도 온라인으로 어떤 부스들이 있는지 파악할 수 있도록 함

  • 행사 스케줄표를 넣어 전반적인 행사 일정을 파악할 수 있도록 함

• 약 130명 가량의 사용자 유입, 서비스를 보고 행사장에 방문해준 학우들이 많았다는 관계자의 피드백을 받을 수 있었습니다.

프론트엔드 개발 역량을 한층 강화하기 위해 해당 과정을 수료하였고, UI/UX 최적화, 데이터 처리, API 연동 등의 기술 역량을 쌓았습니다.

함께한 팀원으로부터 적극적인 소통, 팀을 최우선으로 생각하여 팀워크와 완성도에 많은 기여를 해주었다는 리뷰를 받았습니다.

멋쟁이사자처럼 10, 11기에서 각각 Frontend 운영진, 학교 대표로 활동했습니다.

• HTML/CSS, JavaScript, React 교육 및 스터디를 진행하며 지식을 공유, 발표할 수 있는 경험을 했습니다.

• 해커톤에 참가하여 단기간에 기획부터 서비스 배포까지 하는 경험을 했습니다.

• 같은 지역권의 멋쟁이사자처럼 11기 참여 대학과 연합하여 해커톤을 기획하고 개최하여 운영을 하는 경험을 했습니다.

• 한 단체를 이끌며 1년 계획을 수립하고 운영하는 경험을 할 수 있었고, 긍정적인 피드백과 함께 활동을 마무리할 수 있었습니다.

사동고등학교 학생들을 대상으로 4개월간 HTML/CSS, JavaScript 기초 내용에 대해 교육 봉사를 진행했습니다.
해당 활동을 인정받아 KIT 학습공동체 최우수상을 수상하였습니다.