전체 글69 [프로젝트 1차] Cha.Dam.Hwa (3/4 - 5일차) 1. main 페이지 컴포넌트 프로젝트에 들어오기 전까지, props에 대해서 잘 다루지 못했었다. props에 관한 개념도 두루뭉실했고, 왜 써야하는지도 이해가 가지 않았다. 적어도 내눈에는 별로 필요하지 않은, 번거롭다 싶은, 날 괴롭히는 존재에 불과했던 것 같다. 하지만, 직접 써보면서 props가 어떻게 쓰이는지 왜 필요한지에 대해서 좀 더 깊숙하게 이해를 할 수 있었던 것 같다. props는 정말 꼭 필요한 존재다. Component (컴포넌트) 뭘까? 리액트에서는 '컴포넌트'라는 구성단위로 프론트 개발을 한다. 컴포넌트는 구성요소라는 뜻인데, 화면을 구성하는 요소들을 각각 만들고 그것을 하나로 합쳐 하나의 페이지가 되는 형식이다. 이 컴포넌트 또한 작게 쪼개서, 작은 부분을 합쳐 하나의 컴포넌.. 2022. 3. 13. [프로젝트 1차] Cha.Dam.Hwa (3/3 - 4일차) 데일리 스탠딩 미팅 (22.03.03) 장바구니 등은 서버 DB에 올릴 필요가 없다 판단되어서 구조화 하지 않기로 했다. 기능별로 브랜치를 나눠서 저장해야하는데, 브랜치를 생성할 때는 master로 넘어가서 다시 master를 기반으로 feature 생성해야 한다. (master 기반으로 하지 않고 feature/Login 을 기반으로 만들면 feature/Login 에서 작업한 내용이 들어가게된다.) 공용 컴포넌트(nav , footer 등..)가 있으면 거기에 맞게 브랜치를 생성해서 해야 한다. 실수로 브랜치를 바꾸지 않고 기능을 만든 경우, 모든 브랜치에서 만든 기능을 삭제해주면 된다. 차담화 홈페이지 메인페이지에서 테마 대신 농장으로 하는 것으로 백엔드와 합의했다. 브랜치를 페이지별로 만들면 기능.. 2022. 3. 3. [프로젝트 1차] Cha.Dam.Hwa (3/2 - 3일차) 1. Sub-nav 만들기 내가 느낀 기존의 술담화 홈페이지의 불편한 사항은 메인페이지를 스크롤로 내려도, 메뉴가 따라 내려오지 않기 때문에, 다시 메뉴를 보려면 한참을 위로 올려야하는 불편함이 있었다. 그래서 그 사항을 개선하기 위해서, 스크롤을 내려도 메뉴가 위에 있게끔 만들었다. position:fixed 와 z-index 기능을 사용했다. 그랬더니 잘 작동된다. 하지만, 아래의 컨텐츠들이 nav와 subnav를 인식못해서 위로 올라와버리는 현상이 발생했다. 그래서 margin-top값을 줘서 문제를 해결했다. 2. Main Page 만들기 main 페이지 아직, 미완성의 메인 페이지다. 영상에서 보이는 분홍 부분에 슬라이더 기능을 넣어서 이벤트 배너를 넣으려한다. 아직 이벤트 배너는 만들지 못했다.. 2022. 3. 3. [프로젝트 1차] Cha.Dam.Hwa (3/1 - 2일차) 1. Nav 만들기 (컴포넌트화 완료) 1-1. logo 만들기 SoolDamHwa의 로고처럼 우리가 만들 ChaDamHwa의 로고도 의미있게 만들고 싶었다. 차(TEA)를 파는 사이트이니, 찻잎과 꽃, 그리고 차를 마시면서 대화하는 의미를 주고 싶어서 말풍선도 함께 추가해서 한 송이의 꽃처럼 표현했다. 또한, 우리나라 전통차를 파는 사이트라서 영어를 사용하기 보다, 한글을 사용해서 만들고 싶었다. 그래서 한글 초성만을 이용해서 깔끔하고 심플하게 만들어보았다. 1-2. Nav 만들기 (컴포넌트화) 웹사이트에서 계속 반복적으로 나타나는 Nav는 컴포넌트화를 시켜주었다. 우리는 "구독하기" 메뉴를 이번 프로젝트에서 하지 않기로 했기때문에 메뉴에는 "담화마켓(스토어)"과 "로그인"만 보여진다. flex를 사용.. 2022. 3. 3. 이전 1 2 3 4 5 6 ··· 18 다음
