Front-end

광고




[vJS] Prototype

Prototype을 사용할 경우, 메모리의 절약이 가능하며 2배가량의 속도 이득을 볼 수 있다(2번 참고). 설계 방식이 까다롭고 사용법을 익히는 데에 시간이 필요하지만, 다루는 객체가 복잡해지고 또 실행의 빈도 수가 높아짐에 따라 프론트엔드에서 다뤄야 하는 필수 요소이다.

[vJS] ES5 ~ ES10 및 Typescript, Babel에 대해

광고 목표 *ES5부터 ES10의 도큐먼트를 기준으로 변경 사항을 정리하고, 대세적으로 사용하는 TypeScript와 Babel에 대해 알아봅니다. *ES5 : 2009년에 릴리즈 된 ECMA -262 기술 규격에 따라 정의하고있는 표준화 된 ECMA 스크립트 언어 (ES6 = ECMAScript 2015)*이전에 작성한 ‘[vJS] Const, Let, Var의 차이점’의 추가 요청에 의해 작성 목차 ES5 변경사항 ES6 (ES2015) […]

[VUE] SPA 웹 프론트앤드 개발을 위한 정리

Vue.js는 자바스크립트 프레임워크 중 하나로, SPA 개발에 특화되어 있습니다.

1. SPA
SPA 웹은 최초 로드 시, 전체 페이지를 로드 한 후부터는 기존의 페이지와 비교하여 갱신이 필요한 특정 부분만을 json형태로 데이터를 가져와 바인딩합니다.

2. Vue.js로 웹을 개발할 시, 프로젝트 구축 및 기타 작업을 수행해 줄 Vue-Cli, 라우팅을 담당해 줄 Vue Router, 컴포넌트 간의 State 관리를 담당 할 Vuex를 사용합니다.

3. Routing
SPA웹의 사용성 한계를 보완하기 위해서는, 라우팅을 담당해 줄 라이브러리를 이용하여 히스토리의 관리를 하는 것이 좋습니다.

4. State 관리
각 컴포넌트에서는 State에 프로젝트에서 공통으로 공유할 데이터를 저장해 둘 수 있으며, 최초 저장만으로 어느 컴포넌트에서든 해당 데이터를 조회할 수도, 수정할 수도 있습니다.

[vJS] Const, Let, Var의 차이점

광고 목록 Javascript의 변수 Const에 대해서 Let에 대해서 Var에 대해서 정리 1. Javascript의 변수 Javascript에는 변수를 선언하는 키워드 const, let, var가 있습니다. 이 키워드들은 아래에 대해 차이가 있습니다. 초기값 중복 된 값 할당 호출 범위 우선 const, let, var 모든 변수들은 아래와 같이 ,(쉼표)로 구분하여 동시에 여러 변수를 정의 할 […]