FrontEnd19 [Vue.js] Vue.js 설치, 프로젝트 세팅 https://kr.vuejs.org/v2/guide/installation.html 설치방법 — Vue.js Vue.js - 프로그레시브 자바스크립트 프레임워크 kr.vuejs.org Vue.js는 JavaScript 의 프레임 워크 중에 하나로 React, Angular의 장점들을 모아서 만들었다고 한다. React와 Angular를 아직 공부하지 못해서 Vue.js에 어떤 장점들이 모인건지 파악하기는 아직 힘들지만 앞으로 두 가지의 프레임워크를 더 공부하고 나면 판단할 수 있을 거 같다 ! Vue.js 는 도큐먼트가 쉽게 사용할 수 있도록 설명이 잘 되어있는 편이다. [ 설치방법 ] 1. 직접 script 에 추가하는 방법(vue 참조하는 형태) : script에 추가 2. NPM을 사용하는 방법 .. 2021. 11. 9. [JS] Javascript의 var, let, const의 차이 var, let, const는 모두 자바스크립트의 변수 선언방식이지만 각각 차이점들이 존재한다. [1] var 1 2 3 4 5 var userId = 'hahaha' console.log(userId); // --- hahaha var userId = 'hehehe' console.log(userId); // --- hehehe cs : var의 경우 여러번 선언이 가능하다. 이부분이 var사용에 있어 가장 큰 단점이라고 할 수 있다. 같은 변수명으로 여러번 변수선언이 가능하기 때문에 코드가 길어지고 복잡해질 수록 변수를 파악하기 힘들고 값이 수 없이 바뀔 수 있기 때문에 굉장히 불편하다. + var로 선언된 변수는 선언과 동시에 초기화가 된다. 호이스팅으로 인한 상황을 예로 들어 보자면 var는 선언.. 2021. 9. 15. [JS] Javascript의 Promise Promise : promise는 자바스크립트의 내장객체로 Callback 지옥을 해결하기 위해 등장했다. promise는 비동기 작업을 수행하고 비동기 작업의 수행이 끝나면 성공/실패 여부에 따라 then 메서드 또는 catch 메서드를 호출하는 객체 (promise의 상태는 개발자들이 파악한다.) Promise의 상태(statement) - pending : Promise의 연산이 완료되지 않은 상태 - fulfilled : Promise의 연산이 성공적으로 완료된 상태 / resolve()가 호출된 상태 - rejectes : Promise의 연산이 실패한 상태 / reject()가 호출된 상태 Promise의 메소드(method) - resolve() : Promise의 상태를 fulfilled .. 2021. 1. 22. [JS] Javascript의 비동기(asynchronous) 비동기(asynchronous) : 두가지 이상의 작업을 동시에 처리하는 것, : 자바스크립트에서 비동기로 처리하는 경우들 : eventListener, ajax, Timer(setTimeout) : 자바스크립트는 single thread로 동작하기 때문에 비동기 처리를 진행할 수 없다. 따라서 자바스크립트의 interpreter가 코드를 읽다가 비동기 처리가 필요한 함수를 만나면 해당 함수의 비동기 처리를 브라우저(web APIs)에게 넘긴다. 브라우저는 비동기 처리를 끝내고 나면 실행할 콜백함수를 Call Back queue에 저장한다. 만약 자바스크립트의 stack영역이 비어있다면 stack영역에 queue에 저장된 함수를 올린다. 이미 stack 영역에서 처리중인 작업이 있다면 해당 작업들이 모두.. 2021. 1. 22. 이전 1 2 3 4 5 다음
