TIL 2022.04.28 인스타그램 클론코딩 - 1

오늘부터는 데스크탑화면에서의 인스타그램 클론코딩을 시작하였다.

이번 기회에 프론트엔드를 한번 제대로 해보면서 자주 쓰이는 태그들이나 부트스트랩 사용, 프론트엔드 작업 시 도움되는 이미지 사이트 같은 것등을 파악 해둬서 북마크에 지정하든 추후에라도 정확한 사용법까진 아니더라도 검색해서 활용할 수 있을 정도까지 기억해두는게 좋겠다.

 

인스타그램 클론코딩하는 것도 물론 중요하지만 아무래도 워낙 레퍼런스들이 유튜브 부터해서 검색만 하면 줄줄이 다나 와서 그래서 우선 레퍼런스들을 보지않고 기본적인 태그나 부트스트랩만 가져오고 또 뭐 어떻게 하는법 검색을 해서 큰틀 정도는 직접 잡아보고 세부적인 내용들을 수정할 때 막히는 부분이 있거나 혹은 전체적으로 코드를 깔끔하게 정리할 때 레퍼런스들을 참고해서 작업을 하려고 생각중이다.

 

이번 개인프로젝트에서는 다른 것보다 git을 이용해보는 것이 제일 중요하다고 말씀하셨다.

그래서 우선 큰틀을 직접 짜서 git에 최초 연동을 해두고 후에 큰틀을 토대로 상단 네비바 부분, 피드부분, 프로필부분 등 작업이 완료될 때마다 git 에 commit해서 commit 메세지 작성하는 법도 나름 연습하는 식으로 프로젝트를 진행할 예정이다.

 

우선 여러 레퍼런스들 중에 참고할만한 것을 우선 따라하면서 실제적인 작업은 만들어 놓은 큰틀에다가 나만의 코드로 옮겨서 git에 올려볼 예정이다. 완전히 베껴서 하는 것 보단 거기에 추가로 코드를 정리해서 혹은 파일별로 정리를 해보는 등 나름 차이를 둬서 실제 git에 commit할 프로젝트와 레퍼런스를 따라 쳐볼 프로젝트를 나눠서 작성해볼 예정이다.

아마 시간이 더 많이 걸릴 것 같아 추가 내용들 보단 최대한 필수사항들을 모두 구현할 수 있도록 해봐야겠다.

 

cloneInstargram git hub 주소

https://github.com/Aeius/cloneInstargram.git

GitHub - Aeius/cloneInstargram: 인스타그램 클론코딩