[내일배움캠프] - 12일차 : 개인 프로젝트 | instargram 클론코딩 투

 시작하는 글 

 

(시작하기 전, 어제의 나를 빙의해본다)

 

 

오늘은 2022.04.27 내일배움캠프 스파르타코딩클럽 실무형 AI 웹개발자 양성과정의 12일차다.

 

계획했던대로 프로젝트를 해보고자 한다.

 

 

 

ㄱㄱ

 

 

---

 훈련 내용 

 

 

1부 : CSS 진짜 어렵네

 

이번 프로젝트의 첫 목표는

HTML과 CSS로

사이트의 UI만이라도 구현해보는 것.

 

 

어제 조사해둔 클론코딩 사례 파일들과

인스타그램 공식 사이트를 코드소스를 비교하면서

내 백지를 채우기 시작했다.

 

 

(마 장난아니네 이거;;)

 

 

살짝 해봤는데 너무 어려움...

 

 

가장 먼저 당황스러웠던 점은,

div가 너무 많아;

 

그리고 내가 알지 못하는 CSS 속성들이 너무 많고

서로 여기저기 다 연결되어 있다보니

내가 분석하기에는 불가능한 수준이었다. (팀프로젝트 생각나네)

 

 

 

그래도 꾸역꾸역 해보았다.

 

 

 

인스타그램 UI

(이미지는 아무거나 넣어봄)

 

CSS는 잘 하지 못하지만

디테일에 나름대로 신경을 많이 썼는데,

 

클론코딩 사례 파일보다는 인스타그램 공식 사이트에 더 충실했다보니

더 오래걸렸다.

 

 

---

 

2부 : git 활용

 

 

중간중간 git 커밋도 열심히 했는데,

 

뿌듯^^

(그때그때 push도 해놓음)

 

Ui 만드는 것에만

커밋 10번이나 했음 ㅋㅋ

 

 

---

 

 끝내는 글 

 

물론 여기까지 했다고 끝난 건 아니다.

 

 

추가해야할 많은 기능들이 있고,

 

원하는대로 보이기만 하면 막 갖다가 막무가내로 작성해놓은

CSS들을 잘 다듬어야 한다. (아마 이게 제일 문제)

 

 

주말 근무 예약 ^^