자바스크립트6 Express 설치 Express 설치 - VSCode 설치 Node.js 가 먼저 설치되어 있어야 한다. 1. Express-generator 설치 express 프로젝트의 기본 형식을 만들어주는 커멘드 모듈 패키지를 통해 프레임워크에 필요한 package.json과 기본 구조도 설정된다. C:\nodejs > npm install express-generator -g -g 명령어를 통해 글로벌로 설치한다. 설치된 파일은 C:\Users\사용자명\AppData\Roaming\npm\node_modules\express-generator에서 확인 가능. 2. 프로젝트 생성C:\nodejs 폴더 아래 myapp 폴더가 생성된다. 웹 템플릿으로 ejs모듈 사용하고, css모듈로 sass사용 3. C:\nodejs > expre.. 2022. 6. 2. 자바스크립트 현재 URL 가져오기 window.location.href : 현재 페이지의 href 반환 window.location.hostname: 웹호스트 도메인 네임 반환 window.location.pathname: 현재 페이지 경로, 파일 이름 반환 window.location.protocol : 사용 중인 웹 프로토콜 반환(http://나 https://) window.location.assign: 새로운 document 로드하기 2022. 5. 30. 비동기 Promise 비동기 - Promise Promise는 비동기(async)작업의 최종 완료 또는 실패를 나타내는 객체이다. 제작코드(producing code)와 소비코드(consuming code)를 연결해준다. 프로미스 사용 이유 JS가 처음 나온 시기에는 이벤트 발생 -> 콜백 함수 호출 정도의 간단한 작동을 수행했다면, 이제는 callback hell이라 불릴 만큼 콜백이 중첩되기도 한다. 이를 해결하기 위해 Promise라는 패턴을 활용한다. 프로미스를 활용하면, 비동기 작업들을 순서대로 수행할 수 있게끔 하거나, 병렬로 진행하는 등 함수 조작이 수월해진다. 제작코드 & 소비코드 먼저 제작코드란, 시간이 걸리는 일련의 작업을 의미한다. 소비코드는 제작코드의 결과를 기다렸다 사용하는 코드이다. 제작코드를 사용하.. 2022. 5. 16. 자바스크립트 호이스팅 Hoisting 코드를 작성하면 위->아래로 순차적으로 진행되는 것이 일반적이다. 그러나 자바스크립트에서는 함수가 변수보다 위에 작성되었더라도 함수를 사용하는 것이 가능하다. 간단히 말해, Hoisting은 모든 선언(var, let, const, function 등)을 가장 위로 끌어오는 것이며, 이 과정에서 선언과 할당은 분리된다. 동작 변수의 범위에 따라 다르게 동작할 수 있다. 전역 (global scope) : 스크립트 최상단으로 변수가 끌어올려진다. 함수 (function scope) : 함수의 최상단으로 변수가 끌어올려진다. 최상단으로 변수가 끌어올려지더라도, 변수의 선언만 끌어올리는 것이다. //console.log(hhh); // Reference Error console.log(hois.. 2022. 5. 13. 이전 1 2 다음