프로젝트3 [프로젝트] Cha.Dam.Hwa [ADIOS] nav, footer,회원가입 및 로그인, 메인페이지 nav, footer, 카트, 이벤트 페이지 1차 프로젝트 진행과정 벌써 2주라는 시간이 흘러, 1차 프로젝트가 끝이 났다. '술담화' 공식 홈페이지는 심플한 ui 구성을 가지고 있었다. 그래서 2주라는 시간 내에 충분히 원하는 기능들 (추가 기능 포함)을 모두 구현할 수 있을거라 생각했다. 하지만, 막상 직접 만드니, 그 안의 기능들, 특히 필터 기능이 만만치 않았고, 필터 기능을 제외하고도, 슬라이드 구현 및 이중 map을 사용한 컴포넌트 모음을 만드는 것이 생각만큼 호락호락하지 않았다. 처음 해본 프로젝트라서 단순히 프론트와 백엔드 각자의 일만 잘하고 나중에 합쳐보면 될거라는 무지한 생각을 했다.. 2022. 3. 15. [프로젝트 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 (2/28 - 1일차) 드디어 1차 프로젝트가 시작되었다. 정말 하고 싶어했던 '술담화' 홈페이지로 1차 프로젝트를 하게 되었다. 팀원들도 정해졌고, 내가 추천한 웹사이트여서 PM(Product Manager)을 맡게 되었다. 설레기도하고, 잘하고 싶은 마음이 커졌다. 꼭 전부터 해보고 싶었던 기능들을 이번 프로젝트때, 모두 다 구현해보고싶다. 오늘은 프로젝트 첫날이라 프론트팀(3명)과 백엔드팀(3명)이 모여서 어떻게 구현하고 싶은지, 우리가 구현할 수 있는 상태가 어느 정도까지인지에 대해서 의논했다. 우리가 선택한 '술담화' 홈페이지는 ui가 타싸이트에 비해 복잡하지 않고, 깔끔하고 심플해서 html과 css를 이용해서 만드는 것은 무리가 가지 않을 것 같았다. 서로 의견을 내면서 조율해서 계획을 작성했다. 조별 미팅이 끝난.. 2022. 3. 3. 이전 1 다음