var vs const, let ES2015부터는 var를 const와 let이 대체한다. 무슨 차이인가? → 블록 스코프(var은 함수 스코프) if, for, while등의 중괄호({}) 안을 블록이라고 한다. if (true) { var x = 3; } console.log(x); //3 출력 if (true) { const y = 3; } console.log(y); //ReferenceError: y is not defined x : 블록은 빠져나갈 수 있지만, function의 중괄호 밖으로는 빠져나갈 수 없다. = 함수 스코프를 존중한다. y : 블록을 빠져나갈 수 없다. = 블록 스코프를 존중한다. const와 let의 차이? const a = 3; a = '5'; //Error const..

코드가 어떻게 실행될 지 호출 스택을 그려 보면 쉽게 파악할 수 있다. 호출 스택은 자바스크립트가 동기적으로 어떻게 작동하는지 파악가능하게 해 줌. 호출 스택 : 맨 아래에 가상의 전역 컨텍스트(크롬에서는 Anonymous라고 함)가 있고, 함수 호출 순서대로 아래에서부터 쌓이며 실행은 역순으로 된다. 함수 실행이 완료되면 스택에서 빠진다. LIFO 구조라서 스택이라고 불린다. stack : 밑에서부터 쌓이고 위에서부터 꺼낼 수 있도록 하는 방식. 호출 스택은 실행 콘텍스트와 밀접한 연관이 있다. 하지만 호출스택만으로는 자바스크립트의 코드 실행순서를 모두 설명할 수 없다. 비동기함수 때문! 대표적으로 setTimeout 이 있다. = 일정 시간 이후에 특정 함수를 실행시키도록 하는 명령어 코드가 백그라운..

Node의 정의 Node.js는 크롬의 V8(자바스크립트 엔진)로 빌드된 자바스크립트 런타임. 런타임? → 특정 언어로 만든 프로그램들을 실행할 수 있게 해 주는 가상 머신의 상태 = 실행기라고 생각하면 됨 노드는 서버가 아니다. 다만, 노드는 서버의 역할을 수행할 수는 있음. 자바스크립트로 서버의 기능을 수행하는 코드를 짜고 노드로 실행시켜 주면 그 역할을 할 수 있다. 자바스크립트는 브라우저에서 html 에서 스크립트 태크 안에 넣어 주면 브라우저가 html을 읽으면서 스크립트를 함께 읽어주는 방식으로 실행할 수 있었음. → html이 없으면 스크립트를 읽을 수 없었다. 종속되어 있는 느낌. node로 인해 브라우저와 html에 종속되어 사용되어야 할 필요성을 탈출할 수 있게 되었음. Node의 특성..

https://leetcode.com/problems/two-sum/submissions/ 숫자를 가진 배열 nums와 숫자값인 target이 있다.이 때, 배열 nums 안에서 두 개의 숫자를 더해서 target이 되도록 구현하는 문제. /*@param {number[]} nums@param {number} target@return {number[]}*/var twoSum = function(nums, target){ let x = nums.length; for(let i=0; i * i test input -> nums = [2,7,11,15] , target = 9배열의 길이 nums.length를 x라고 해 주었다.(1) i // 즉, i (2) i // 즉, i그리고 j = i+1이므..

어떤 페이지에 접근할 때는 URL을 통해 접근할 수 있다. 단, 페이지 안에서 어떤 특정한 부분으로 접근하고 싶을 때는? 예를 들어, 3개의 문단으로 구성된 글이 어떤 페이지(hash.html)내에 있고, 어떤 URL을 통해 그 페이지에 접근했을 때 3번째 문단을 기준으로 접근하고 싶다고 하자. Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type s..

Asynchronous Javascript And Xml : AJAX, 에이작스 비동기 방식의 Javascript와 Xml을 가리킨다. 데이터를 가져올 때 불필요한 정보까지 끌어내는 전체 페이지 리로드 없이 Ajax를 이용해서 필요한 정보만 가져 올 수 있다. → 데이터를 절약할 수 있고 + 싱글 페이지 애플리케이션을 구현할 수 있다. 싱글 페이지 애플리케이션 = 하나의 페이지로 여러 정보를 표현할 수 있는 애플리케이션. ajax를 구현하려면? → fetch API를 사용할 것이다 fetch API의 요청과 응답 클라이언트와 서버가 서로 통신을 할 때 클라이언트가 우선 요청. fetch함수는 첫번째 인자로 전달된 데이터를 서버에게 요청해 준다. fetch('javascript') : 웹브라우저에게 jav..

# 1. 학교와 학생, 성적 정보를 저장하려고 합니다. 데이터베이스를 설계해 보세요. - 학생은 반드시 하나의 학교에만 소속되어 있습니다. - 성적은 반드시 학생에게 소속되어 있으며, 한 학생에게 여러개 존재할 수 있습니다. - 매우 간단하게, 아래의 항목과 관계성만 포함하면 됩니다. - 학교 : 이름 / 학생 : 이름, 소속학교 / 성적 : 과목명, 점수, 누구의 성적인지 # 2. REST API 규칙에 따라, 아래 API의 HTTP Method와 url을 만들어 보세요. (예) 학교 상세 조회 GET /schools/1 - 학교 목록 조회 GET /schools - 학교 생성 POST /schools { "id" : 1 , { "name" : "herewego" } - id가 1인 학교 수정 PATC..

참고자료 및 연습문서 링크 기계가 웹을 통해서 통신할 때 정해진 규칙이 있다. REST API는 기계와 기계가 규격화된 방식으로 인터넷/웹을 통신할 수 있는 통신규약인 http를 이용한다. 이를 이용해서 통신할 때 http에게 가장 이로운 방식대로 해라~ 하고 권고하는 내용을 뜻함. 웹 서버-웹 서버, 웹 서버-웹 브라우저, 웹 서버-모바일 앱이 통신할 때 REST API를 이용할 수 있음. 기계와 기계가 http를 이용해서 통신할 때... 하나하나의 데이터를 모아 놓은 것을 Resource라고 한다. → REST API에서는 URI를 통해 표현됨 이런 데이터 전체 또는 여러 개를 식별할 수 있고, 이러한 URI를 Collection 이라고 한다. 그 중에서 한 건 한건의 데이터를 Element 라고 한..

Response Message의 형식 이미지 출처 : https://jsstudygroup.github.io/jsStudyBlog/posts/Http/ 이미지 출처 : https://ducmanhphan.github.io/2019-02-05-HTTP-protocol/ HTTP/1.1 200 OK → 버전. HTTP 1.1 이라는 포맷을 사용하고 있다. → HTTP status code. - 200번대는 성공했다는 뜻을 가지고 있다. 참고링크 → 좀 더 이해하기 편한 문구로 설명해 주는 부분 Content-Type 웹 서버가 응답할 때 텍스트인지 이미지인지 뭔지, 그 중에서도 어떤 타입인지 알려준다. 웹 브라우저는 이를 보고 해당 방식으로 해석해서 보여주게 된다. Content-Length 응답하는 이 컨..

Request Message의 형식 이미지 출처 : https://ducmanhphan.github.io/2019-02-05-HTTP-protocol/ 첫 번째 행에는 Request Line이 들어오며, 그 아래는 Request Headers라고 부른다. 그리고 그 전체를 합쳐 Request Message Header라고 부른다. 서버 쪽으로 전송해야 할 정보가 있다면 그 정보(실제 내용)를 payload라고도 하고, body라고도 하는데, 이 body는 header와 blank line으로 구분한다. 즉, Header는 요청 또는 응답에 대한 정보를 가지는 부분. body는 주고 받는 실제 데이터를 가지는 부분! * 쿠키는 부가적인 정보이므로 헤더에 저장된다. GET /doc/test.html HTTP..