미리보기

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

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

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

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

• UI/UX 개선

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

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

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

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

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

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

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

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

• 프로젝트 기획 및 리드

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

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

• 프로젝트 기능 정의

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

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

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

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

배포 링크 | GitHub
타이머를 이용해 공부 시간을 측정할 수 있고, 하루 회고를 통하여 나만의 공부 잔디를 심을 수 있는 서비스
FE 4
사용 기술 : TypeScript React

• 컴포넌트의 시각화, 테스트를 위한 Storybook 적용

• 글 작성 폼에 react-hook-form을 이용하여 폼 데이터 관리

• 팀원 간 활발한 소통을 주도했으며 커뮤니케이션 능력이 좋고, 협업하기 좋다는 평을 받음

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

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

멋쟁이사자처럼 11기에서 학교 대표로 활동했습니다.
HTML/CSS, JavaScript, React 교육 및 스터디를 진행하며 지식을 공유, 발표할 수 있는 경험을 했습니다.
같은 지역권의 멋쟁이사자처럼 11기 참여 대학과 연합하여 해커톤을 기획하고 개최하여 운영을 하는 경험을 했습니다.
한 단체를 이끌며 1년 계획을 수립하고 운영하는 경험을 할 수 있었고, 긍정적인 피드백과 함께 활동을 마무리할 수 있었습니다.

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

멋쟁이사자처럼 10기에서 Frontend 운영진으로 활동했습니다.
HTML/CSS, JavaScript, React 교육 및 스터디를 진행하며 지식을 공유, 발표할 수 있는 경험을 했습니다.
해커톤에 참가하여 단기간에 기획부터 서비스 배포까지 하는 경험을 했습니다.
은퇴자분들의 제2의 삶을 위한 서비스인 'Re:act'를 개발했고, 상위 우수 15팀에 선정되었습니다.