개발자 moo.choi 이야기

Vue Basic 깃헙 링크 Template 프로젝트 만들기 Project 생성 vue create template Directory Tree 형태 template/ ├── babel.config.js ├── node_modules/ ├── package-lock.json ├── package.json ├── public/ | ├── favicon.ico | └── index.html ├── README.md └── src/ ├── App.vue ├── assets/ ├── components/ └── main.js components/ : 공통적으로 사용하는 component들을 보통 하나의 폴더로 묶어서 관리해준다. 파일명은 Vue.js Style Guide를 따라 파스칼케이스로 만들어주었다. Vue..

How to start Vue.js 목차 필요한 툴 설치 Getting Started Project 구조 필요한 툴 설치 node.js node.js 란? 어느곳에서나 JavaScript로 프로그래밍이 가능하게 하는 framework server-side rendering, command line tools 등에 사용 npm 이란? Package Manager library, package 들을 쉽게 관리할 수 있도록 해줌 package.json 파일안에 사용하는 외부 라이브러리들과 버전 정보들이 들어있다. npx 란? 원하는 library, package를 실행할 수 있도록 해줌 실행하는 방법 npx "some-package" node.js 공식사이트 node, npm version 확인 node -v..

use strict JavaScript 코드를 작성할 때 항상 가장위에 'use strict';를 입력해 주는 것이 좋다. JavaScript는 매우 유연한 언어로 예상치못한 실수를 할 수 있다. ECMAScript5에 추가됨 사용 예시 "use strict"; console.log("Hello World!"); let a; // a를 선언해주었을 때와 선언하지 않았을 때를 비교해보자. a = 6;

Async vs. Defer HTML에서 의 기본적인 사용법 HEAD에 포함 HTML 파싱을 통해 페이지를 불러오는 도중에 Page를 모두 로드하고 를 실행한다. Page에서 JS를 통해 기능을 만들어준 경우 Page가 모두 로드되고난 후 스크립트가 실행될때까지 기다리고 나서야 정상적인 페이지를 확인할 수 있다. head + async head안에 script를 이용하되 asyn 속성값을 사용 브라우저가 html을 실행하다가 script를 만나면 main.js를 병렬적으로 다운로드한다. 다운로드가 끝난 후 파싱을 멈추고 다운받은 js파일을 실행한다. 다운로드 받는 시간을 절약할 수 있다. 하지만, js파일에서 쿼리 selector를 이용해서 DOM요소를 조작할 때 조작하려는 시점에 원하는 html요소가 ..

README 드림코딩 by 엘리 님의 유튜브와 강의로 기본에 대해 학습하고, 드림코딩 by 엘리 모든 드림코더분들이 개발자로 성장해 나가고 꿈을 이루는 여정에 함께 할 채널입니다. ❝Don't forget to code your dream 여러분들의 멋진 꿈을 코딩하세요 ⭐️ ................................................... www.youtube.com (한빛미디어) You don't know JS, (위키북스) 코어 자바스크립트를 학습하며 간략하게 정리한 내용입니다.

Angular vs. React vs. Vue 배경 모바일의 시대가 도래하면서, 모바일 환경에 맞춰진 웹 페이지 즉 모바일 웹에 대한 니즈가 폭발적으로 증가하였고 그에 따른 성능 이슈도 함께 거론되었다. 데스크탑에 비해 성능이 낮은 모바일, 스마트폰을 통해 웹 페이지를 출력하기 위해서는 기존에 있었던 방식과는 다른 접근이 필요했고 그에 따라서 Single Page Web Application 기법(SPA)이 등장하게 되었다. SPA는 브라우저에 로드되고 난 뒤에 페이지 전체를 서버에 요청하는 것이 아니라 최초 한번 페이지 전체를 로딩한 이후 부터는 데이터만 변경하여 사용할 수 있는 웹 애플리케이션을 의미한다. 전통적인 웹 방식(서버 사이드 렌더링)은 이 SPA 방식에 비해 성능 문제를 보였다. 요청 시 ..