🔥 오늘의 목표

• 출근(무려 첫출근!)

---

📝 노트필기 및 정리

- 진도
1. 키워드:

데이터바인딩/깃허브/인텔리J/포스트맨/
에이잭스/제이슨/JSP/API/타임리프/플루터

인텔리J
https://altkeycode.tistory.com/17?category=692684
젯브레인스에서 만든, 프로젝트 중심의 개발환경 툴.

플루터
1. https://dingrr.com/blog/post/flutter-%EC%A0%95%EB%A7%90-%EC%A2%8B%EB%84%A4-%EB%82%98%EB%A7%8C-%EA%B7%B8%EB%A0%87%EA%B2%8C-%EC%83%9D%EA%B0%81%ED%95%98%EB%8A%94-%EA%B1%B4%EA%B0%80
2. https://m.blog.naver.com/PostView.naver?isHttpsRedirect=true&blogId=hobin1019&logNo=221598963926
구글에서 제작한 네이티브 기반의 ui툴킷.
모바일, 웹, 데스크탑 환경에서 사용할 수 있는 앱(프로그램)을 하나의 코드로 컨트롤 할 수 있다.
(즉, 크로스 플랫폼 자체 지원)
리액트랑 비교했을 때, 리액트의 언어는 javascript고 플루터는 dart이다.

JSP
https://javacpro.tistory.com/43
JSP 란 JavaServer Pages 의 약자이며 HTML 코드에 JAVA 코드를 넣어 동적웹페이지를 생성하는 웹어플리케이션 도구이다.JSP 가 실행되면 자바 서블릿(Servlet) 으로 변환되며 웹 어플리케이션 서버에서 동작되면서 필요한 기능을 수행하고그렇게 생성된 데이터를 웹페이지와 함께 클라이언트로 응답한다.

• 자바 서블릿(Java Servlet)서블릿이란 웹페이지를 동적으로 생성하기 위해 서버측 프로그램을 말한다.

제이슨 https://developer.mozilla.org/ko/docs/Learn/JavaScript/Objects/JSON#%EC%95%84%EB%8B%88_%EB%8C%80%EC%B2%B4_json%EC%9D%B4_%EB%AD%90%EC%A3%A0
https://m.blog.naver.com/PostView.naver?isHttpsRedirect=true&blogId=demonic3540&logNo=221277604043
JSON은 JavaScript Object Notation의 약자입니다.
JSON은 좀 더 쉽게 데이터를 교환하고 저장하기 위하여 만들어진 텍스트 기반의 데이터 교환 표준입니다.
1) Java Script Object Notation 의 약자이다.
2) json은 단순한 데이터 포멧이다. 데이터를 표시하는 방법일 뿐이다.
3) json을 쓰는 이유 : json파일이 가지고 있는 데이터를 받아서 객체나 변수에 할당해서 사용하기 위함이다

에이잭스
https://velog.io/@surim014/AJAX%EB%9E%80-%EB%AC%B4%EC%97%87%EC%9D%B8%EA%B0%80
JavaScript의 라이브러리중 하나이며 Asynchronous Javascript And Xml(비동기식 자바스크립트와 xml)의 약자이다.
브라우저가 가지고있는 XMLHttpRequest 객체를 이용해서 전체 페이지를 새로 고치지 않고도 페이지의 일부만을 위한 데이터를 로드하는 기법 이며
JavaScript를 사용한 비동기 통신, 클라이언트와 서버간에 XML 데이터를 주고받는 기술이다.
즉, 쉽게 말하자면 자바스크립트를 통해서 서버에 데이터를 요청하는 것이다.

관련 강의 : https://www.inflearn.com/course/%EC%A0%9C%EC%A3%BC%EC%BD%94%EB%94%A9-%EC%9B%B9%EA%B0%9C%EB%B0%9C-30%EB%B6%84%EC%9A%94%EC%95%BD/unit/106536?tab=curriculum

API
https://aws.amazon.com/ko/what-is/api/
https://brunch.co.kr/@operator/65
https://blog.wishket.com/api%EB%9E%80-%EC%89%BD%EA%B2%8C-%EC%84%A4%EB%AA%85-%EA%B7%B8%EB%A6%B0%ED%81%B4%EB%9D%BC%EC%9D%B4%EC%96%B8%ED%8A%B8/
API는 정의 및 프로토콜 집합을 사용하여 두 소프트웨어 구성 요소가 서로 통신할 수 있게 하는 메커니즘입니다. API는 프로그램들이 서로 상호작용하는 것을 도와주는 매개체로 볼 수 있습니다.

예시) https://developers.kakao.com/product
관련 강의 : https://www.inflearn.com/course/%EA%B3%B5%EA%B3%B5%EB%8D%B0%EC%9D%B4%ED%84%B0-api-1#curriculum

---

💭 느낀점

• 오늘 한 일은 무엇인가요?

• 중요한 것/기억해야 하는 것은 무엇인가요?

친구의 설명을 첨부함 :
퍼블리싱은 일단 html만 있는 페이지니까 ajax라는 호출/응답하는 놈을 이용해서
백단 데이터를 퍼블 화면에 맞게 묶어준다는건데용
근데 api는 내가 원하는 기능을 가지고있는 도움을 주는 프리셋?? 같은 거고
json은 그 api 안에 있는 데이터 파일의 형식이에여


대충 에이잭스라는 개발기법?으로 api를 호출하는데
거기서 json이라는 데이터 형태를 받아온다는 것 같아여…

• 내일 할 일은 무엇인가요?

수~목 할일
1. 공유 문서 이미지, 소스들 다운해서 퍼블리싱 어떻게 했는지 확인하기
2. ajax, json, api 가 무엇인지 꼭 숙지하기.

금 할일
1. 퍼블리싱된 페이지에 ajax를 이용해서 api의 데이터(list와 json)들을
데이터 바인딩 할 예정.