# ES6
REST API란? REST API의 구성
REST(Representational State Transfer)는 월드 와이드 웹과 같은 분산 하이퍼미디어 시스템을 위한소프트웨어 아키텍처의 한 형식이다.웹에 존재하는 모든 자원(이미지, 동영상, DB 자원)에 고유한 URI를 부여해 활용하는 것으로,자원을 정의하고
ES6와 변수 - var, let, const의 차이점 알기
ES6와 ES6 이전의 변수 / 일시적 사각지대(TDZ, Temporal Dead Zone) / var의 운명
탬플릿 엔진이란? + ejs 설치
매 페이지를 생성할 때마다 이런 식으로 추가를 해야하는 불편함 HTML 코드를 추가해야하는데 JavaScript 언어 위에서 작성하려니 불편함따라서 이런 불편함을 없애고 편하게 작업하기 위한 방법 --> 탬플릿 엔진 사용\--> 템플릿 엔진은 사용하면 일관된 양식의
Express-Middleware
\--> 라우터를 통해 값이 들어올 떄 그 값읋 선처리하고 싶다거나, 그 값이 유효한지 미리 체크하고 싶거나, 그 사용자가 유효한지 체크하고 싶거나 등등의 이유로 사용\--> 하지만 위의 기능을 하는 코드를 모든 라우터에 일일이 넣는 것은 비효율적이므로 미들웨어를 만들
Express-Router 객체 사용하기
goods/list와 goods/detail 라는 이름의 path가 설정되어 있음그냥 path를 설정한 것이기 때문에 이것만으로는 큰 의미가 없음 but 다음 예시부터 이런 식의 설정이 큰 의미를 가짐 routes폴더 안에 존재\--> goods에 속한 path페이지
Eepress에 대한 기본 지식 --> 라우팅, 미들웨어, EJS
ex) 게시판 주소와 게시판의 글을 클릭해서 나온 상세주소의 url은 서로 다름 \--> 라우팅에 각각 여러가지 url을 설정\--> 이를 통해 각각의 url에 따라 다른 결과물을 보여줌\--> 웹 프레임워크의 특징\--> 반복해서 자주해야하는 동작들을 간단하게 미리
ES6) Javascript REST
rest는 객체, 배열 그리고 함수의 파라미터에서 사용 가능하다.rest 안에 color를 제외한 값이 들어가게 된다.추출한 값의 이름이 꼭 rest일 필요는 없다.배열 비구조화 할당을 통해 원하는 값을 밖으로 꺼내고, 나머지 값을 rest에 넣는다.파라미터로 넣어준
TS) 타입스크립트(TypeScript) 입문 (1)
타입스크립트는 자바스크립트에 타입을 부여한 언어이며 자바스크립트의 확장된 언어라고 볼 수 있다.크게 두 가지가 있다.에러의 사전 방지😎숨겨진 내용😎
js) Promise
프로미스는 자바스크립트 비동기 처리에 사용되는 객체 \- (비동기 처리란 '특정 코드의 실행이 완료될 때 까지 기다리지 않고 다음 코드를 먼저 수행하는 자바스크립트의 특성'을 의미)api통신이 완료된 후 다음 함수로 넘어 갈 수 있게 해준다?콜백함수를 사용한 코드프로
js) async & await
기존의 비동기 처리 방식인 콜백함수와 프로미스의 단점을 보완하고 개발자가 읽기 좋은 코드를 작성할 수 있게 도와준다.fetchItems() 함수를 실행하면 프로미스가 이행되며 결과 값은 items 배열이 된다.logItems() 함수를 실행하면 fetchItems()
var, let, const 차이 [js지식]
자바스크립트에서 변수란 무엇인가?변수는 하나의 값을 저장하기 위해 확보한 메모리 공간 자체 또는 그 메모리 공간을 식별하기 위해 붙인 이름이다.자바스크립트는 매니지드언어(managed language)이기 때문에 C언어와는 다르게 개발자가 직접 메모리를 제어하지 못한다
[11.24] import from vs const require
개발을 하다보면 모듈을 불러올 때 이 두가지를 마주하는 경우가 많다.뭔가 다른 것 같고, 또 실제로 혼용하거나 잘못 사용하면 에러가 나는 경우가 다반사이다.하지만 뭔지도 모르고 그냥 지나쳐서 사용했던 이 두 친구들을 정리해보려 한다.더 최신 스펙인 ES6 모듈 시스템을
ES6) Spread 연산자
Spread 연산자를 통해 배열, 문자열, 객체 등 반복 가능한 객체를 개별 요소로 분리할 수 있다.기존방식ES6의 spread 사용함수를 호출할 때 함수의 매개변수(parameter)를 spread operator로 작성한 형태를 Rest parameter라고 부른다
Express란 무엇인가? + 설치 + 브라우저에 띄워보기
\--> 웹 브라우저에 주소를 적었을 때(Request를 했을 때) 웹 브라우저에 해당 화면을 보내준 것을 웹서버라고 함\--> 웹 브라우저에 특정 주소를 적으면 브라우저는 해당 주소에 있는 웹서버를 호출하고 웹서버는 해당 홈페이지의 내용을 웹브라우저에 보내주는 형식웹
ES6에서 추가된 새로운 문법 2 Promises, async&await
ES6에서 새롭게 추가된 기능 arrowFunction --> 화살표 함수 function hello() { console.log("Hello function"); } // 첫번째 arrow function const arro
VSCode에서 특정 js 파일 실행하기
특정 js파일 실행node 해당파일이름ex ) \--> node index.js \--> index.js라는 파일을 실행하겠다는 뜻JavaScript에서의 변수의 선언var, let, const
Node.js란? ES6란? npm이란?
Node.js 공식 사이트 : https://nodejs.org/ko/ \--> 일반적으로 lts버전 다운 (안정적)정의 : 크롬 V8 JavaScript 엔진으로 빌드된 JavaScript 런타임 \--> V8엔진은 구글이 만든 것\--> but node
JS - Array.prototype.copyWithin()
이 포스팅을 이해하기 위해서는 Array.prototype.slice()에 대한 선행학습이 필요하다copyWithin()우선 설명을 읽어보자copyWithin() 메서드는 ES6에서 도입된 새 메서드이다. 배열의 일부를 얕게 복사한 뒤, 동일한 배열의 다른 위치에 덮어