본문 바로가기

Front-end/Web57

[JS] 콘솔에 출력, script async와 defer의 차이점 및 공부방향 Hello World! 출력 1. VS code를 킨다. 2. main.js의 이름으로 아래의 코드 작성 console.log('Hello World!'); 3. 실행한다. 3-1. node.js가 없으면 설치한 후 실행한다. Preparation 1. index.html 생성 후 아래의 코드 작성 2. Cmd + Option + i 를 통해 서버를 띄우고 Console을 보면 Hello World가 출력되어있다. Dev Tools 1. Console API(Application Programming Interface)는 브라우저가 제공하는 함수들이 있다. https://developer.mozilla.org/ko/docs/Web/API/Console_API 2.JS의 공식 사이트 https://www... 2021. 8. 26.
[JS] 자바스크립트의 역사와 현재 그리고 미래 자바스크립트가 어떻게 탄생했는가 - 동적인 웹사이트에 대한 필요성 - Scripting 언어의 필요성 - JIT(just-in-time compliation)이 포함된 브라우저 Crome의 등장하면서 JS의 표준안인 ECMAScript에 대한 작성이 활성화 현재 가고 있는 방향 SPA(Single Page Application) 이 핫하다. 즉 하나의 페이지에서 부분적으로 업데이트 하는 것이 유행하고 있다. React,Vue.js 등등 이런것들이 뜨고 있다. 이용할 수 있는 분야는? node.js -> back-end mobile 어필리케이션또한 만들 수 있고, desktop 어플리케이션 또한 만들 수 있다. Thanks for 드림코딩 https://youtu.be/wcsVjmHrUQg 2021. 8. 26.
JavaScript 기초 - Promise, async function과 await 1. Promise 01. Promise-1 ES6 부터 JS의 표준 내장 객체로 추가되었다. ES6를 지원하는 브라우저나 Node.js에서 전역에 있는 Promise를 확인할 수 있다. 생성자를 통해서 프로미스 객체를 만들 수 있고, 생성자의 인자로 excutor 라는 함수를 이용한다. - excutor 함수는 resolve와 reject를 인자로 가진다. (resolve, reject ) => {...} - resolve와 reject는 함수다. resolve(), reject() - 생성자를 통해서 프로미스 객체를 만드는 순산 pending(대기) 상태라고 한다. new Promise(/*excutor */(resolve,reject) => {}); - excutor 함수 인자 중 하나인 resol.. 2021. 2. 23.
JavaScript 기초 - 객체, 클래스 1. 객체 01. 객체A : 함수, 클래스(틀) => 객체, 개체, object - 생성자 함수로 객체 만들기 function 틀(){} => new 틀() //생성자 함수 function A (){} const a = new A(); console.log(a, typeof a); //A {} object console.log(A()); //undifined //생성하면서 데이터 넣기 function B(name,age){ console.log(name,age); } const b = new B(); //undifined undifined const c = new B('Mark',37); //Mark 37 console.log(B()); //undifined undifined -> return 값이 없어.. 2021. 2. 23.
JavaScript 기초 - 조건문, 반복문, 함수 1. 조건문 01. 조건문-1 블록에 코드가 한줄이면, 중괄호{}는 생략 가능하다. 표현식이 거짓으로 평가될 때 Falsy (ex. false, 0, ",null, undefinded, NaN) 표현식이 참으로 평가될 때 Truethy (Falsy의 반대) /* if (표현식){ 표현식이 참으로 평가될 때, 실행되는 블럭(문장들의 모음) } */ if (true){ console.log('항상 실행'); } Falsy한 값들, Truthy는 Falsy의 반대 //false //0 //' ' //null //undefined //NaN if (false) console.log(false); if (0) console.log(false); if('') console.log(''); if(undefined) .. 2021. 2. 23.
JavaScript 기초 - 시작, 변수 1. 자바스크립트란? 스크립트 언어 (응용 소프트웨어를 제어하는 컴퓨터 프로그래밍 언어를 가리킨다) 인터프리터 언어 (프로그래밍 언어의 소스 코드를 바로 실행하는 컴퓨터 프로그램 또는 환경을 말한다) node.js Node.js는 확장성 있는 네트워크 애플리케이션(특히 서버 사이드) 개발에 사용되는 소프트웨어 플랫폼이다. 작성 언어로 자바스크립트를 활용하며 Non-blocking I/O와 단일 스레드 이벤트 루프를 통한 높은 처리 성능을 가지고 있다. 내장 HTTP 서버 라이브러리를 포함하고 있어 웹 서버에서 아파치 등의 별도의 소프트웨어 없이 동작하는 것이 가능하며 이를 통해 웹 서버의 동작에 있어 더 많은 통제를 가능케 한다. ko.wikipedia.org/wiki/Node.js electron 원래.. 2021. 2. 23.

티스토리툴바