미리보기

필요한 항목에 대한 선 발주를 하여 막힘없이 일정을 진행하도록 했습니다.

도면의 전체적인 그림을 보고 진행 순서와 방향성에 대해 문제없도록 하였습니다.

해외 출장 시 해외 현장과 사전 미팅을 하여 현장 상황을 파악하고 그에 대한 준비를 해 일의 진행 기한에 차질이 없도록 준비했습니다.

여행 준비/여행 시 필요한 물품 혹은 서류 사전 고지 및 제공하여 준비성을 갖췄습니다.

비행 스케줄 확인하여 고객들에게 문자/카카오톡 메신저로 사전 공지 및 알림을 해 혼동이 오지 않도록 하였습니다.

해외 출장 시 고객과 가이드 간의 중재 역할을 하여 가이드의 과도한 행동이나 영업을 지양하고 고객들의 불편 사항과 전달 사항들을 취합해 전달하는 역할을 했습니다.

변동적인 비행 스케줄을 확인하여 차질 없이 승객들의 원활하고 안전한 탑승을 위해 방송 및 안내를 했으며 컴플레인 사항이나 고객들이 불편함이 없도록 응대를 했습니다.

건강에 대한 관심도가 높아짐에 따라 사용자의 정보를 취합하여 적절한 식단과 맞춤 운동 제공/ 팀 구성(5명) - 프론트엔드 개발자 4명, 디자이너 1명

• 커뮤니티 내 게시글 등록 페이지 구현

  
  * 커뮤니티 내 게시글 등록 구현 - 사용자가 작성한 게시글 Supabase 로 저장.

  
  

  * 카테고리 선택 기능 구현 - 사용자가 목적에 맞게 카테고리 항목을 선택, 갯수 제한, 선택된 카테고리 항목 Supabase로 저장.

  * 이미지 등록 - Supabase Storage 내 buckets로 경로설정 후 url로 변환 , 해당 table에 저장.

  - 트러블슈팅

  >문제 : 이미지 관리 이슈

  >해결 : 불러오는 속성값의 경로를 지정, supabase에서 제공하는 샘플 코드를 응용하여 해당 정보를 불러오고 화면에 표출 시켰습니다.

• 프로필/ 마이 페이지 구현
  * 프로필 페이지 - 이미지, 닉네임, 식단 목적 등 표현, 내가 작성한 글 섹션 구현, bmi 정보 hover 형태로 구현

  * 마이 페이지 - 이미지, 닉네임, 신장, 체중, 목적 등 필수와 필요한 정보 게시, 체중과 목적 변경 시, 새로운 결과(식단)를 받아볼 수 있고 alert 구현함으로 페이지 이동 유도

  - 트러블슈팅

  >문제 : DB에서 불러온 데이터 이슈( 신장과 체중 그리고 식단목적 변경 시 저장 x)

  >해결 : supabase와 연결하는 코드 중 select()에서 slect('*')로 변경, all rows 전체를 불러와 설정하는 방식으로 수정 했습니다.

• 반응형 CSS 구현

  
  * 담당 페이지 마다 웹/앱에서 모두 볼 수 있게 CSS 구현

• github 사용

  
  * github내 Projects 이용 및 사용

  : 프로젝트 개발 해야 할 사항들을 미리 Issue-Template으로 생성 후 팀원들 간의 진행 상황 확인 용이.

  * Issue Template와 Pr Template 사용

  : Issue-Template 사용하여 팀원 간 프로젝트 진행 상황 확인을 쉽게 알 수 있다.

  : Pr-Template 사용하여 개발 상황 이유를 파악할 수 있다.

  * git-flow 사용

  : 팀 프로젝트 개발 프로세스 정립

  : 브랜치를 나누어 충동 문제 해결

  (팀원들의 참여도가 높은 컴포넌트의 git 병합 충동률을 30% 이상 줄였습니다.)

주어진 주제(저출산,고령화,사회이슈)를 논의하고 기획하여 현실적으로 해결,개선 가능한 웹/앱을 팀 단위(UI/UX 1명, FE 2명, BE 3명 총 6명)로 개발 사회적 가치를 창출하고 AI 기술을 접목하여 미래의 기술적 도전과 혁신적 문제 해결 능력을 배양하고 향상시켰습니다.

React.js/Typescript/Next.js를 커리큘럼과 실습을 통해 학습했으며, 4번의 프론트/ 백엔드(supabase) 협업 프로젝트를 통해 실무 환경처럼 협업하는 경험을 쌓았습니다.