Notice
Recent Posts
Recent Comments
Link
«   2025/07   »
1 2 3 4 5
6 7 8 9 10 11 12
13 14 15 16 17 18 19
20 21 22 23 24 25 26
27 28 29 30 31
Tags more
Archives
Today
Total
관리 메뉴

JOOHUUN

KPT 회고록) 개인 프로젝트, 인스타 데스크탑UI 클론코딩 본문

카테고리 없음

KPT 회고록) 개인 프로젝트, 인스타 데스크탑UI 클론코딩

JOOHUUN 2022. 5. 2. 18:00

프로젝트명: 인스타 데스크탑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

- 깃에서 커밋작성시 무엇이, 어떻게 변경되었는지 자세히 기입할 필요가 있음,,,나만 알아볼수있게 작성 금지 나중엔 내가 작성한것도 못 알아보게됨.

- 구역설정 체계적으로하기. 시간이 걸리더라도 실제 클론코딩할 페이지의 소스를 확인하여 구역 설정하기

- 다른거 보다 필수포함내용 먼저 완성하기

- 다음 프로젝트 전까지 시간있을떄 위의 문제점들 개선하기

Comments