인스타 클론 #3

오늘 CSS다 했다! 쉬울 줄 알았는데 생각보다 많이많이 힘들었다. 인스타그램이 하이브리드로 제작된줄 처음 알았다... 자바스크립트를 빨리 더 잘 배워야겠다는 생각 뿐... 멘붕의 연속 또 연속

# 아쉬운 부분 + 보완해야 할 부분

화면을 줄이면 이미지가 아직도 작아진다... 고통스러어... 제대로 찾아보고 공부해야지
header에서 내 이미지가 정사각형이 아니다보니 마구마구 뭉개짐 꺄롤로...

# input 박스에서 palceholder에 아이콘 넣기

참고사이트 :  https://webdesign.tutsplus.com/ko/tutorials/css-experiments-with-a-search-form-input-and-button--cms-22069 / https://codepen.io/kruxor/pen/kpesI

---

하루 내가 뭘 공부했는지를 알려면 북마크로 가면 된다. 정리해도 다음 날 되돌아오는 신기하고 재미있는 세계...

API란?

-  Application programming interface의 약자로 다른 서버로 부터 손쉽게 데이터를 얻을 수 있는 것. 오직 데이터만을 가져오며 해당 웹 사이트를 통해 데이터를 얻을 수 있다. 

Q. 그럼 파싱이랑 API랑 다른게 뭐야?!

- JS는 요청을 보내고 응답으로 데이터를 받는다. 가져온 데이터를 새로고침 하지 않아도 웹 사이트에 적용된다. 계속해서 데이터를 가져옴.

then() 

-  함수 호출과 같지만 데이터가 완전히 왔을 때 호출한다. fetch 될 때 까지 기다린다.

---

JSON

- 축약어로 데이터를 저장하거나 전송할 때 많이 사용되는 경량의 DATA 교환 형식 => 데이터 전송에 주로 사용.
- JS에서 객체를 만들 때 사용하는 표현식이다.(단순히 데이터를 표시하는 방법 => 텍스트 형식일 뿐)
- 서버와 클라이언트 간의 교류에서 많이 사용, JSON형식의 문서를 쉽게 JS객체로 변환 가능하다. JS객체 형식기반
- JS객체와 마찬가지로 key와 value가 존재한다. - 객체, 배열로 표현 가능하다.

참고사이트 : https://velog.io/@surim014/JSON%EC%9D%B4%EB%9E%80-%EB%AC%B4%EC%97%87%EC%9D%B8%EA%B0%80 / https://developer.mozilla.org/ko/docs/Learn/JavaScript/Objects/JSON