기존 개인과제로 진행하였던 포켓몬 api를 불러와 제작한 포켓몬 프로젝트의 업그레이드 포켓몬 프로젝트.
메인에 있는 각 포켓몬 카드 클릭 시 나오는 상세 페이지 제작을 맡았다.
기존에 작성하였던 til #54부터 #57까지 참고하면 된다.
필자는 이 프로젝트에서 ui/ux를 가장 신경써서 제작하였다.
기존 불러오던 포켓몬 api에서 추가적인 정보를 더 불러와 보여주도록하였고, 기존 상세페이지에서만 보여주던 포켓몬을 swiper를 통해 진화 과정 전체를 보여주도록 하였다. swiper로 카드를 넘기면 전/후 포켓몬의 페이지로 넘어가도록 하였다.
이전 프로젝트들과는 다르게 기존 프로젝트를 업그레이드 시키는 방식이라 크게 설명할 부분은 없다. ui/ux를 향상시키기 위한 라이브러리 사용, api 문서를 보고 추가적으로 원하는 정보 불러오기 등 새로운 기술을 사용한다기 보단 다시 한 번 둘러보는 프로젝트였던 거 같다.
아무래도 이 프로젝트에선 구현의 어려움보단 다른 어려움이 더 컸던 거 같다. 팀원 분의 개인 사정으로 인한 프로젝트 하차, 다른 팀원 분의 적극적이지 못한 프로젝트 참여율 등 여러 난관이 있었지만 이러한 어려움 조차 겪는 것이 성장에 충분한 도움이 되어서 가치있는 프로젝트였다.
프론트엔드 개발자를 향해서
안녕하세요, 엘리스트랙입니다. 공부하느라 고생 많으십니다.
프론트엔드 개발자로 취업 준비 중이시라면, 포트폴리오가 고민되실 텐데요.
혹시 수료 후에 포트폴리오 부족하다고 느끼시면, 저희 단기 심화 포트폴리오 트랙을 꼭!! 추천드리고 싶어요.
자세한 내용은 아래 요약해서 전달드리고 링크도 공유드립니다😊
취업 준비가 쉽지 않으실 텐데 엘리스트랙에서 도움이 될 수 있으면 좋겠습니다. 감사합니다!
[엘리스 포트폴리오 트랙]
모집 기간 : ~12월 25일(수) 오후 6시까지
교육 기간: 24년 12월 30일(월) ~ 25년 3월 7일(금)
코치님 주요 정보 : 前 야놀자, 왓챠 프론트엔드 개발
주요 유의사항 : KDT 수강하셨어도 내일배움카드로 전액 무료입니다!
커리큘럼 :
1️⃣ UI 라이브러리 제작 및 프론트엔드 애플리케이션 통합
2️⃣ Service Worker와 Web Worker를 활용한 최적화
3️⃣ 유닛 테스트와 E2E 테스트로 품질 보증
링크 : https://elice.training/track/portfolio