바닐라 자바스크립트11 [바닐라 자바스크립트] 7장 - Mock 서버 준비하기 7.1 Postman 설치 - Postman: Mock 서버를 설치해서 좀 더 직관적으로 API 등록 및 사용 가능 7.2 Mock 서버 생성 - Mock 서버; 실제 서버처럼 클라이언트로부터 요청을 받고 응답을 주는 가짜 서버 7.3 API 반환 데이터 설정 - JSON으로 설정 [Reference] Source Code - Vanilla JavaScript ch. 07 Vanilla JavaScript (비제이 퍼블릭 출판사) 2022. 2. 15. [바닐라 자바스크립트] 6장 - REST API 6.1 REST API - API: 애플리케이션을 구축하고 통합하기 위한 프로토콜 세트 - REST: 자원을 이름으로 구분하여 해당 자원의 상태를 주고받는 모든 것 - 상태; 전송되는 데이터 (JSON 형태의 데이터) - HTTP URI를 통해 자원을 명시 - HTTP Method를 통해 해당 자원에 대한 CRUD 수행 6.2 JSON 서버 사용하기 - JSON 서버 설치 - JSON 서버; JSON 기반으로 가상의 REST API 서버 구축 가능한 npm 모듈 - JSON 파일 생성 - JSON Server 실행 - GET 요청 - POST 요청 - PUT 요청 - DELETE 요청 [Reference] Source Code - Vanilla JavaScript ch. 06 Vanilla JavaScr.. 2022. 2. 15. [바닐라 자바스크립트] 5장 - 자바스크립트 고급 문법 5.1 this 키워드 - 사용되는 위치에 따라 this 키워드에 바인딩 된 객체가 달라짐 - this에 window 객체가 바인딩 된 경우 - script 태그 루트와 script 태그 안에 선언된 함수 내에서의 this는 window 객체 가리킴 - this에 DOM 요소가 바인딩 된 경우 - 이벤트가 발생한 HTML DOM 그 자체를 가리킴 - this에 Object 객체가 바인딩 된 경우 - 객체 리터럴 내부에 함수를 정의할 때, 함수 내에서 Object 내에 정의된 다른 키 접근 위해 this 키워드를 통해 접근 가능 - Object에 키로 존재하지 않지만, Object 내에 이미 키로 선언되어 사용 중인 다른 데이터를 활용해서 만들 수 있는 새로운 데이터를 정의해서 사용하기 위해 많이 사용 5.. 2022. 2. 15. [바닐라 자바스크립트] 4장 - 자바스크립트 내장 객체 4.1 Object 객체 - 모든 JS 객체의 루트 객체 4.2 String 객체 - JS에서 문자열을 다루기 위한 객체로 문자열을 다룰 때 유용한 프로퍼티와 함수 제공 - length - 문자열의 길이 반환 - 실무 1) 사용자가 비밀번호 입력 시 몇 자리로 입력되었는지 알 수 있음 - 실무 2) 주민번호 앞 6자리인 생년월일이 6자리로 입력되었는지 알 수 있음 - indexOf() - 문자열 안에 특정 문자열이 존재하는지 찾음 - 실무) 입력된 전화번호 데이터에 하이픈이 있는지 확인 가능 - lastIndexOf() - 찾고자 하는 문자열이 둘 이상 발견되면 제일 마지막에 발견된 문자열의 index 반환 - slice() - 파라미터로 시작 위치와 종료 위치를 주면, 문자열에서 해당 부분 잘라내서 반.. 2022. 1. 31. 이전 1 2 3 다음 반응형