JOOHUUN
KPT 회고록) 개인 프로젝트, 인스타 데스크탑UI 클론코딩 본문
프로젝트명: 인스타 데스크탑UI 클론코딩(4.28~5.2)
Key Goal
1) 프론트엔드의 레이아웃을 보고 알맞은 태그와 속성을 이용해 배치를 할 수 있게 되는것이 목적입니다.
2) 원하는 대로 레이아웃을 그릴 수 있게 되었다면 자유롭게 레이아웃을 변경해서 창의적인 결과물을 내놔도 좋습니다!
필수포함내용
1) GIT 사용
2) 사이트의 헤더 ( 왼쪽 상단의 로고, 검색창, 오른쪽 아이콘들)
3) 사이트의 본문 (왼쪽 피드, 오른쪽 팔로우 추천)
4) 사이트의 Footer (회사정보)
1. keep
· 처음보다 깃 사용에 익숙해젔음
· 열심히 하기,,
· ,,,
2. problem
- 깃에서 커밋작성시 대책없이 작성되어 알아보기 힘들었음.
- 클론 코딩시 구역(div)설정을 임의대로 하고 css도 픽셀값(px)을 사용하여 중구난방으로 수정하다보니 반응형 웹으로 만드는 과정에서 문제가 발생되었음.
- 필수 포함 내용이 누락되었음
(ex.옵션 : ... 버튼을 오른쪽에 배치하고 클릭시 모달이 등장하게 할 수 있습니다)
- 자바스크립트를 사용하여 무한스크롤 기능 구현을 하였으나 진짜 무한으로 스크롤되는 오류 발생
3. try
- 깃에서 커밋작성시 무엇이, 어떻게 변경되었는지 자세히 기입할 필요가 있음,,,나만 알아볼수있게 작성 금지 나중엔 내가 작성한것도 못 알아보게됨.
- 구역설정 체계적으로하기. 시간이 걸리더라도 실제 클론코딩할 페이지의 소스를 확인하여 구역 설정하기
- 다른거 보다 필수포함내용 먼저 완성하기
- 다음 프로젝트 전까지 시간있을떄 위의 문제점들 개선하기