1차 프로젝트 후기

Beom·2022년 5월 7일
0

Project

목록 보기
1/2

위코드에서 진행하였던 1차 프로젝트에 대한 회고 및 후기입니다
2022.04.25 ~ 2020.05.06까지 약 2주간 진행하였으며 프론트엔드로 작업하였습니다


클론 프로젝트 사이트

비비노

와인 추천 사이트로 다양한 와인 제품에 대한 추천 및 필터링 기능을 하여 개인이 구매하고자 하는 와인 제품을 더 정확하게 추천할 수 있도록 도와주는 사이트입니다.


프론트엔드 적용 기술

  • React
  • SCSS

프로젝트에서 맡은 기능 및 역할

  • 제품 리스트에서 제품 컴포넌트화
  • Footer 레이아웃 및 구현 작업
  • Nav 바 드롭다운 메뉴 및 링크 작업

기록하고 싶은 코드

  1. 조건에 따른 CSS 적용


제품 리스트 페이지에서 제품에 대한 컴포넌트에 대한 CSS 적용을 받아온 데이터에 리뷰가 있을 경우 하단에 CSS가 변경되어 적용되며 없을경우 Null 값으로 처리하였습니다

CSS를 적용할 때 항상 어떻게 복합적으로 다르게 적용할 수 있을까 고민했었는데 새로운 방식을 알 수 있었습니다

  1. 마우스 이벤트에 따른 CSS 적용

카드 컴포넌트에 마우스를 올렸을 때 텍스트박스와 상품이미지에 CSS 효과를 적용하였습니다
부모안에 있는 자식요소는 CSS 효과를 같이 주면 동시에 움직이는 효과르 줄 수 있다는 것을 배웠습니다

  1. Nav바 드롭다운 메뉴 및 링크 연결

Nav바에서 클릭 시 드롭다운 메뉴가 생성되며 이벤트로 상승하는 효과를 주는 CSS를 적용하였습니다

클릭하였을 때 Visible 설정을 해주어 드롭다운 메뉴가 움직이는 효과를 주는 CSS를 작성해 보았습니다


프로젝트 회고

좋았던 점

  1. 혼자가 아닌 팀원들과 함께 프로젝트를 진행할 수 있어서 좋았습니다
  2. 팀원들의 도움으로 코드를 작성하는 데 보다 넓은 시각을 가질 수 있었습니다
  3. 같은 프론트엔드 뿐만 아니라 백엔드와의 원활한 소통을 진행하였고 그에 따른 중요성을 깨달을 수 있었습니다

아쉬웠던 점

  1. 조금 더 다양한 기능을 수행해보고 싶었는데 진행하지 못하여 아쉬웠습니다
  2. 장바구니 기능을 구현하고 싶었지만 시간이 부족하였고 복잡한 로직이 있어서 구현하지 못했습니다. 2차 프로젝트나 개인적으로라도 꼭 구현해보고 싶습니다

앞으로의 계획

2차 프로젝트에서 다양한 기능을 구현해보고 싶습니다. 단순히 기능 구현의 목적이 아닌 로직을 고민해보고 성공적으로 화면에 출력하지 못하더라도 로직을 작성해보고 싶습니다.

0개의 댓글