Instagram Clone 후기

Instagram Clone Project 🎉

---

Project 기간 📅

• 2020.09.01 - 2020.09.11

---

기술 스택 🔧

• HTML,CSS
• JavaScript(ES6+)
• React
• SCSS

---

작업 사항 📝

• Login Page 레이아웃 구현
• Main Page 댓글창 구현
• Login Page id, Password 입력시 버튼 활성화
• Main Page 댓글창 key press, 버튼 클릭시 댓글 기능
• fetch()를 이용한 서버와의 통신
• Route를 이용한 페이지 이동

---

기억하고 싶은 코드👀

map()를 활용한 코드 줄이기

Project를 진행하면서 코드를 짜는게 하나하나 생소하고 신기했지만, map() 활용하며 코드의 양을 줄일뿐만 아니라, 가독성 또한 높일수 있다는 것에 map()을 상당히 많이 쓸것 같다는 생각이 들었다. 다음 프로젝트를 진행하면서 map()을 많이 사용해보도록 하자.

fetch()를 활용한 API 연동

map()를 이어, 또 하나를 말하자면 프론트와 백엔드의 만남인fetch()이용한 API 통신

가독성을 올려주는 비구조화 할당

개인적으로 기록하고 싶은 코드는 비구조화 할당이다. 기술적이고 어려운 코드는 아니지만, 누가 내 코드를 봤을때 이러한 것을 표현하고 싶었구나 라는 말을 들을수 있는게 내 목표이다. 개발자는 코드로 누구보다 쉽게 성명할수 있어야 된다. 다음 프로젝트를 진행할땐 비구조화 할당을 쓰며 가독성을 높여주면서 진행하고 싶다.

---

프로젝트에서 느낀점

처음 코딩을 배웠다 보니 많이 생소하고 어려웠지만, 코드로 뭔가를 표현한다는 것이 신선하고 재밌는 일이라 생각하며 프로젝트를 진행했던 것 같다.

인스타그램 프로젝트 마지막날 11기의 분들의 2차 프로젝트 발표를 봤는데 2주 만에 어떻게 저런 기능들을 구현했을까라는 걱정에 다음주 부턴 잠을 줄여야겠다 라는 생각이든다....

빨리 진행하고 싶다는 생각도 들면서도 한편으론 걱정이 앞서기도 한다.
그래도 잘해보도록 하자 !! 👊👊👊