본문 바로가기

Study/JavaScript10

[JavaScript] 자바스크립트 객체의 속성과 메소드 사용하기 객체(Object) 자료형 속성과 메소드를 가질 수 있는 모든 것 더보기 프로그래밍 언어에서 말하는 속성(프로퍼티)이란, 객체의 특성 또는 객체 특성을 위한 컨테이너를 의미하는 경우가 있다. 예를 들어, 색상은 "red"라는 값을 갖는 텍스트 객체의 속성이 될 수 있다. // 배열 // a라는 이름의 배열을 선언 후 10이라는 속성을 지정 const a = []//undefined a.sample = 10//10 a.sample//10이라는 속성을 출력함 // 함수 // b라는 이름의 함수를 선언 후 10이라는 속성을 지정 function b(){}//undefined b.sample = 10//10 b.sample//10이라는 속성을 출력함 typeof a//object Array.isArray(a)/.. 2022. 12. 2.
[JavaScirpt] 자바스크립트 Rest API 참고 사이트 : https://youngjae0412.tistory.com/26 REST API (Representational State Transfer) 웹에서 사용되는 데이터나 자원(Resource)을 HTTP URI로 표현하고, HTTP 프로토콜을 통해 요청과 응답을 정의하는 방식 HTTP 프로토콜 기반으로 요청과 응답에 따라 리소스를 주고받기 위해서는 알아보기 쉽고 잘 작성된 메뉴판이 필요한데, 이 역할을 API가 수행해야 하므로 서로 잘 알아볼 수 있도록 작성하는 것이 중요하다. API가 Restful 하다는 것 리소스 중심의 올바른 엔드포인트 작성 적절한 응답 상태 코드 리소스에 대한 정보 기재 CRUD에 적합한 HTTP 메소드 사용 좋은 REST API를 디자인하는 방법 REST API를 .. 2022. 12. 1.
[JavaScript] 자바스크립트 Request param, query, body의 차이 req.param 주소에 포함 된 변수를 담아온다. http://localhost:3000/api/posts/12345 console.log(req.param) // 12345 req.query 주소 밖 ? 이후의 변수를 담아온다. http://localhost:3000/api/posts?q=12345 console.log(req.query) // 12345 req.body XML, JSON, Multi Form 등의 데이터를 담는다. 당연히 주소에선 확인할 수 없다. 2022. 11. 29.
[JavaScript] 자바스크립트 동기와 비동기, 블로킹과 논블로킹 동기와 비동기, 블록킹과 논블록킹은 완전한 별개의 개념이다. 동기와 비동기 : 프로세스의 수행 순서 보장에 대한 매커니즘 블록킹과 논블록킹 : 프로세스의 유휴 상태에 대한 개념 동기와 비동기 처리해야 할 작업들을 어떠한 '흐름'으로 처리 할 것인가에 대한 관점 동기 (Synchronous) 호출하는 함수 A가 호출되는 함수 B의 작업 완료 후 리턴을 기다리거나, 바로 리턴 받더라도 미완료 상태이라면 작업 완료 여부를 스스로 계속 확인하며 신경을 쓴다. (* 함수 A가 함수 B를 호출한 뒤, 함수 B의 리턴값을 계속 확인하면서 신경쓰는 것) 비동기 (Asynchronous) 함수 A가 함수 B를 호출할 때 콜백 함수를 함께 전달해서, 함수 B의 작업이 완료되면 함께 보낸 콜백 함수를 실행 함수 A는 함수.. 2022. 11. 28.