💻웹 페이지 렌더링 프로젝트

🤜 프로젝트 : 웹 페이지 랜더링하기

◽ 주제 : 피부 스킨케어 제품 판매
◽ 의도 : 상품 카테고리, 장바구니 담기, 상품 리스트, 프로모션 확인 등을 목표로 하는 랜딩 페이지 제작
◽ 타켓 : 바쁜 현대 사회에서 피부에 시간 투자하기 어려운 20~30대 여성을 타겟으로 한다.

📆 총 프로젝트 기간 : 12월 15일 ~ 12월 19일

◾ 기획기간 : 12월 15일~16일
◾ 프로젝트 : 수행 기간 12월 15~19일

🖨프로젝트 기획안

1. 유저의 페이지 이탈을 방지하기 위해 섹션별로 필요한 정보와 소식을 확인할 수 있도록 분류하여 필요한 상품을 빠르게 확인할 수 있도록 디자인 했습니다.
2. 레이아웃의 형태는 중앙정렬로 일관성을 주고 섹션마다 배경색의 유무에 따라 화면을 분할했습니다.
3. 상단과 중앙에 슬라이드 배너를 넣어 기업의 이벤트 소식을 넣고 회원가입, 경품, 이벤트 등 보상이 이루어지는 페이지를 넣어 상품 구매 의도 및 클릭할 가치가 있도록 만들었습니다.
4. 스킨케어 상품을 판매하는 홈페이지로 깔끔하고 미니멀한 디자인을 의도했습니다.
   구현페이지
   
   
   
   
   

🤼‍♂️팀원간 역할분담

task	status	담당자	date
상단 메뉴(햄버거 버튼), 모달화면, 장바구니 화면	In progress	최o우(팀장)	2022-12-19
이미지 디자인, 카테고리별 추천 상품 및 이벤트 혜택 영역	In progress	박o지	2022-12-19
메인 페이지 슬라이드 배너 구성, footer영역	In progress	이o현	2022-12-19

🤘 프로젝트에서 만족한 부분(keep)

✔ 이론적인 학습 방법보다 프로젝트 실습을 통한 학습이 실력 향상에 큰 효과가 있다는 것을 체감함.
✔ 개발 직군의 협업 문화나 소통의 중요성을 직접 체험할 수 있었음.

🤷‍♀️잘 되지 않았거나 문제가 있던 내용(Problem)

✔ 변수 이름과 태그 클래스 및 아이디 중복으로 인한 문제점(클래스, 아이디 남발 및 css)
✔ 반응형 웹 구현하는 데 어려움이 있음.(이미지/폰트 깨짐)
✔ 함수 사용 및 활용 능력이 부족하여 하드코딩을 이용한 부분이 있어 코드가 클린해지지 못했음.

👊개선점(Try)

✔ 본인의 코드만이 아닌 팀원들 모두의 코드를 어느정도 파악할 필요가 있음.
✔ 개발에서 팀원간의 협업을 할 때 소통능력을 키울 필요가 있음.
✔ 리팩토링을 통해 코드를 클린하게 만들 필요가 있음.
✔ 서버를 이용하여 database 관리기능을 추가할 필요가 있음.