위코드 팀 프로젝트(brunch 클론코딩) 1주차

김태영·2021년 12월 5일
0

Wecode

목록 보기
1/5
프론트엔드 3명, 백엔드 3명 6명으로 팀을 이루어 시작한 팀 프로젝트 Brunch 클론코딩 1주차가 끝나버렸다. 내가 담당하고 있는 부분은 브런치 메인페이지와 네비게이션, 햄버거 메뉴 총 3가지를 담당하고 있다. 코딩하는 과정들은 재밌고 새롭게 알게 되는 부분들도 많은데 너무 어렵다 ㅠㅠ

1주차 진행률

메인페이지

  • jsx, scss로 기본적인 메인페이지 구조 작성 [완료!]
  • 특정 높이값에 버튼 보여주기 [완료]
    • window.scrollY를 활용하여 최상단으로 이동시키는 버튼을 구현하고 버튼 스타일에 style={ScrollY < 260 ? { display: 'none' } : null}를 사용하여 스크롤 높이값이 특정 높이 값만큼 내려오지 않으면 버튼이 보이지 않게 만들었다.
  • 가로 이미지 스코롤 기능 [미완성]
    • 가로 이미지스크롤(캐로셀-Carousel)을 만들고 싶었는데 아직 미완성이면서 원하던 기능과는 다소 다른 기능이 만들어졌다.
      원하던 기능은 좌우 버튼으로 3개의 이미지가 이동하고 숫버 버튼으로 한개의 이미지씩 이동하기를 원했지만 다소 다르게 만들어져서 수정해야 한다 ㅠㅠ
      style={{transform: `translateX(${-위치값state(기본으로 0) * 슬라이드 버튼 클릭 시 움직일 길이}px)`,}}
  • scss 마우스 hover => 텍스트 및 테두리 색상 변경 [완료]
  • 태그 카테고리에 따라 같은 태그를 가진 사용자 데이터를 보여주는 기능 [구현 실패]
  • 백엔드와 데이터 주고받아 state에 저장하고 활용하기 [성공]

네비게이션 & 햄버거메뉴

  • jsx, scss로 기본적인 메인페이지 구조 작성 [완료!]
  • 기능 구현 [대기중]

메인페이지 image



문제점

  • 예상보다 매우 부진한 진행률
    • 1주차에서 슬라이드 기능을 끝내고 무한 스크롤 기능을 알아보고 가능하다면 구현까지 해보고자 했지만 슬라이드 기능조차 미완성인 상태
    • 위의 사항으로 인해서 메인페이지 핵심기능 2개 중에서 완료된 것이 없다 + 네비게이션도 덩달에 늦어지고 있다


어떻게 해야할까?

일단 늦어지고 있는 것은 팀원들과 그때그때 소통하면서 이야기 했기 때문에 모두가 아는 것이고 그렇다면 늦어진 스케줄을 새롭게 작성하고 불필요한 부분은 과감하게 잘라내거나 도움을 받을 수 밖에 없을거 같다.
작업하면서 도움은 계속 받아 왔지만 그럼에도 1주차 달성률이 너무 미달이기에 더 많은 시간을 투자해보자...

profile
즐거운 개발을 위해~

0개의 댓글