Vue.js 프로젝트 구조 프로젝트 구조 셋팅에 앞서.. 1. vue 설치 이전 포스팅에서 vue 개발환경 셋팅 중 가장 중요한 vue 설치를 빼먹었었네요 ^^; 그래서 우선, vue 설치부터 하고 가겠습니다~~! vue를 쉽게 설치하는 방법은 크게 두 가지가 있습니다. //CDN ... 1.2 NPM 다음으로는 우리와 같이 프로젝트 시작하기 전에 vue를 적용하여 폴더셋팅을 하기 위한 사람들을 위한 방법입니다. 또한 대규모 서비스를 만들 때 NPM을 이용하시는 것을 추천드립니다. NPM을 아시는 분들이라면 아마도 쉽게 하실 수 있을 겁니다. CMD 창을 열어주시고, 아래와 같이 명령어 한 줄이면 OK! # 최신 안정화 버전 $ npm install vue① "Window Key + R" ② npm in..

[Vue] Vue.js 개발 환경 셋팅 vue.js 개발 환경을 위해서 몇 가지 필요하다고 생각하는 것을 설치하도록 하겠습니다. Chrome Node.js VS Code Vue.js devtools Chrome 브라우저 설치 뷰로 화면 개발을 하려면 첫 번째로 구성해야 할 환경이 바로 브라우저입니다. 구글에서 개발한 크롬 브라우저는 최신 웹 트렌드와 문법을 빠르게 반영하고 있는 브라우저이며, 웹 개발 시 편리한 기능을 제공하는 크롬 개발자 도구를 지원합니다. 크롬 브라우저는 공식 사이트 또는 검색 사이트에서 '크롬'이나 'Chrome'으로 검색하여 설치하시면 됩니다. Node.js 설치 1. node.js 홈페이지 접속 후, 현재 버전이 아닌 LTS 버전을 다운로드 합니다. . . (중간 설치 과정은 생..

[Vue] Vue.js란 무엇인가? Project 포스팅에 앞서, 일단 Vue.js와 Node.js에 대한 정리를 어느 정도 하기로 했다. Vue.js란? 웹 페이지 화면을 개발하기 위한 프런트엔드 프레임워크 뷰 코어 라이브러리는 화면단 데이터 표현에 관한 기능들을 중점적으로 지원 프레임워크의 기능인 라우터, 상태 관리, 테스팅 등을 쉽게 결합할 수 있는 형태로도 제공 Vue의 장점 배우기가 쉽다. 리액트와 앵귤러에 비해 성능이 우수하고 빠르다. 리액트의 장점과 앵귤러의 장점을 갖고 있다. 뷰는 구글에서 일하던 직원이 앵귤러를 더 가볍게 쓰고 싶어서 만든 프레임워크 앵귤러의 데이터 바인딩 특성과 리액트의 가상 돔(Virtual DOM) 기반 렌더링 특징을 모두 가지고 있음 Vue.js의 특징 UI 화면단..

자바스크립트의 메모리 관리? 이전에 자바스크립트의 동작원리에 대해서 정리를 했었다. "그래 이젠 자바스크립트가 어떻게 동작하는지는 알겠어.." 라면서, 자바스크립트에 대해 이해한 줄 알았다. 하지만, 얼마 전에 누군가가 "자바스크립트는 메모리 관리 어떻게 해요?"라고 물어봤는데 대답을 할 수 없었다.. 다른 언어들의 메모리 관리 C 언어 malloc()나 free()와 같은 저수준의 메모리 관리를 위한 원시함수(primitive) 존재 개발자는 이들을 이용하여 명시적으로 운영체제로부터 메모리를 할당 받거나 돌려주는 작업 Java JVM(Java Virtual Machine)의 GC(Garbage Collection) 이용 JVM(Java Virtual Machine)과 Garbage Collection ..

[Javascript] 자바스크립트 Coding Convention 및 네이밍 규칙 포스팅 계기 지금까지 학부 때부터 Java만 쭉 써오다가, 회사에 들어와서 Javascript에 관심이 생겼고, 프로가 되고 싶었다. 그래서 요즘 Javascript에 대한 포스팅을 늘리면서 지식을 정리하고, javascript로 코딩을 프로처럼 할 수 있는 날을 꿈꾸며 Coding 규칙과 네이밍 규칙 같은 convention에 대해서 정리하려 했지만.... 할 수 없다....(너무 양이 많음ㅠ) convention을 따라야 하는 이유? 무엇보다도 같이 일할 팀원을 위해서이고 다른 개발자들을 배려하기 위해서!!이다. 원래 코드에 대한 convention 가이드가 나와 있는 레퍼런스가 따로 있다. w3schools Java..

[Javascript] Closure(클로저) 란? ClosureClosure(클로저)는 두 개의 함수로 만들어진 환경 으로 이루어진 특별한 객체의 한 종류이다. 여기서 환경 이라 함은 클로저가 생성될 때 그 범위 에 있던 여러 지역 변수들이 포함된 context를 말한다. 이 클로저를 통해서 자바스크립트에는 없는 비공개(private) 속성/메소드, 공개 속성/메소드를 구현할 수 있는 방안을 마련할 수 있다.클로저 생성하기다음은 클로저가 생성되는 조건이다.내부 함수가 익명 함수로 되어 외부 함수의 반환값으로 사용된다.내부 함수는 외부 함수의 실행 환경(execution environment)에서 실행된다.내부 함수에서 사용되는 변수 x 는 외부 함수의 변수 스코프에 있다.function outer() ..