[항해99] 2주차 강의

연산자

% : 나머지 구할 때 사용

 

라이브러리

필요한 기능들이 모여있는 코드의 묶음(모듈). 직접 호출하여 사용한다.

이것을 사용할 수 있게 인터페이스를 공개한 것이 API

jQuery도 라이브러리이다.

 

jQuery

주로 id를 활용한다

아이디는 #url 과 같이 사용하며, jquery는 $를 써서 사용한다

url의 값을 가지고 오고 싶을 때 ⇒ $('#url').val()

val 안에 값을 넣으면 url의 값이 바뀐다 ⇒ $('#url').val(’홍길동’)

숨기고 싶을 땐 ⇒ $('#post-box').hide()

보여주고 싶을 땐 ⇒ $('#post-box').show()

요소 추가할 땐 ⇒ $('#cards-box').append(temp_html)

 

클라이언트-서버 통신 타입

GET: 통상적으로 데이터 조회 요청 시

• 파라미터를 통해 데이터를 전달함

POST: 통상적으로 CUD 요청 시

API

https://www.ibm.com/kr-ko/cloud/learn/rest-apis

API 또는 애플리케이션 프로그래밍 인터페이스는 애플리케이션이나 디바이스가 서로 간에 연결하여 통신할 수 있는 방법을 정의하는 규칙 세트입니다. REST API는 REST(REpresentational State Transfer) 아키텍처 스타일의 디자인 원칙을 준수하는 API입니다. 이러한 이유 때문에 REST API를 종종 RESTful API라고도 합니다*.*

컴퓨터 과학자인 Roy Fielding 박사가 2000년에 자신의 박사학위 논문에서 처음으로 정의한 REST는 개발자에게 비교적 높은 수준의 유연성과 자유를 제공합니다. 이러한 유연성은 REST API가 마이크로서비스 아키텍처에서 컴포넌트와 애플리케이션의 연결을 위한 일반적인 방법으로 등장하게 된 이유 중 단지 하나에 불과합니다.

REST API는 HTTP 요청을 통해 통신함으로써 리소스 내에서 레코드(CRUD 라고도 함)의 작성, 읽기, 업데이트 및 삭제 등의 표준 데이터베이스 기능을 수행합니다. 예를 들어, REST API는 GET 요청을 사용하여 레코드를 검색하고, POST 요청을 사용하여 레코드를 작성하며, PUT 요청을 사용하여 레코드를 업데이트하고, DELETE 요청을 사용하여 레코드를 삭제합니다. 모든 HTTP 메소드는 API 호출에서 사용될 수 있습니다.

JSON은 사람과 기계가 모두 읽을 수 있으므로 인기를 얻었으며, 이는 프로그래밍 언어와 무관한 언어입니다.

 

JSON

• JavaScript Object Notation라는 의미의 축약어로 데이터를 저장하거나 전송할 때 많이 사용되는 경량의 DATA 교환 형식
• Javascript에서 객체를 만들 때 사용하는 표현식을 의미한다.
• JSON 표현식은 사람과 기계 모두 이해하기 쉬우며 용량이 작아서, 최근에는 JSON이 XML을 대체해서 데이터 전송 등에 많이 사용한다.
• JSON은 데이터 포맷일 뿐이며 어떠한 통신 방법도, 프로그래밍 문법도 아닌 단순히 데이터를 표시하는 표현 방법일 뿐이다.
• JSON 형식은 자바스크립트 객체와 마찬가지로 key / value가 존재할 수 있으며 key값이나 문자열은 항상 쌍따옴표를 이용하여 표기해야한다.
• 객체, 배열 등의 표기를 사용할 수 있다.
• 일반 자바스크립트의 객체처럼 원하는 만큼 중첩시켜서 사용할 수도 있다.
• JSON형식에서는 null, number, string, array, object, boolean을 사용할 수 있다.

백틱(`)

• 자바스크립트에서 문자열과 변수를 함께 쓸 수 있다

val(), text(), html()

• val(): Form Element의 값을 받아오는 데 쓰인다. Form Element의 값이 아니라면 받아오지 못한다!
• text(): 문자열을 받아올 수 있다.
• html(): 자식의 html 자체를 모두 반환한다

attr()

• $('#img-rtan').attr('src'); attr의 값을 가져온다
• $('#img-rtan').attr('src', ''); attr의 값을 바꿔준다