미리보기

• 프로젝트 링크: https://github.com/Codeit-Part-SFJs/WDYTA

• 배포 사이트 링크: https://www.wdyta.store

  ---

• 프로젝트 소개: 음악,식당,영화,강의,여행지,전자기기,호텔,와인,옷,앱 등 다양한 분야의 상품을 리뷰하는 플랫폼

• 구체적 역할 및 기여:

  • 홈페이지 기능 구현:

    • 서버사이드 렌더링(SSR) 적용 (기술 블로그)

    • 카테고리•검색•정렬을 변경할 시 URL 및 query key 변경으로 상품 동적 데이터 반영

    • 무한 스크롤 및 로딩 시 스켈레톤 구현

    • 어댑터(Adapter) 디자인 패턴을 활용한 데이터 구조 변환 함수 구현 (기술 블로그)

    • Zustand를 활용하여 페이지 이동 시 검색어 초기화 (기술 블로그)

    • 팔로워 수에 따른 리뷰어 랭킹 확인 가능

    • 반응형 그리드 레이아웃 구현

    • 상품 추가 모달 구현

      • 상품 추가 모달을 통한 상품의 이름, 카테고리, 이미지, 소개글 작성 가능

      • 상품 추가 완료 후 추가한 상품 상세 페이지로 이동

• 성과:

  • 홈페이지의 초기 렌더링 시간과 FCP (First Contentful Paint)를 500ms로 향상시켰으며, 추가적인 데이터 요청시간인 300ms를 단축

• 기술 스택: TypeScript, Next.js(app router), TanStack Query, TailwindCSS, Storybook, Zustand

• 프로젝트 링크: https://github.com/SungshinMine09/sungshin-mine-09,

  https://github.com/linason-esc/sungshin-mine-_CICD

• 프로젝트 소개: 성신여자대학교 ʻ재학생’들만을 위한 공동구매 웹서비스

• 구체적 역할 및 기여:

  • 토큰 방식으로 회원 관리와 관련된 모든 백엔드 기능 개발 및 해당 기능들의 화면 인터페이스를 개발 (이메일 인증,회원가입, 로그인+로그아웃, 아이디찾기+비밀번호재설정, 아이디/비밀번호변경)

  • 코드 변경 사항을 지속적이고 자동적으로 통합하고, 빠른 배포를 위해 Jenkins, Docker, Kubernetes, GoogleCloud Platform을 활용하여 CI/CD 자동화 파이프라인을 구축

• 성과:

  • 팀프로젝트 점수 만점을 받았으며, 해당 과목 성적은 ʻA0 ’라는 높은 점수를 달성

  • CI/CD 자동화 파이프라인을 구축하기 전보다, 코드 통합 및 배포 시간을 50% 이상 단축

• 기술 스택:

  • 프론트엔드: HTML, CSS, EJS

  • 백엔드: Javascript(Node.js, Express.js), MySQL, Sequelize

  • CI/CD 및 배포: Jenkins, Docker, Kubernetes, Google Cloud Platform

• 프로젝트 링크: https://github.com/objectio/sfml-ECOVID-19

• 프로젝트 소개: 코로나 시대에서 증가하는 일회용품 사용에 대한 경각심을 나타내는 ʻECOVID-19’라는 게임 프로그램 제작

• 구체적 역할 및 기여: 멀티미디어 API인 SFML을 일주일만에 학습한 후, 게임 플레이 화면 및 플레이 기능을 개발

• 성과: 28개 팀 중에서 장려상 수상

• 기술 스택: C, C++, SFML

초등학교 3~5학년 학생들을 대상으로, 엔트리 블록코딩, 파이썬, 아두이노 수업을 1:1 맞춤별/수준별로 진행