프론트엔드 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주차 달성률이 너무 미달이기에 더 많은 시간을 투자해보자...