[태그:] javascript

23 3월 2021

[vJS] Prototype

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

1 2월 2021

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

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

25 11월 2020

[GoJS] Node의 모델, 다이어그램 업데이트

광고 두 포트가 있고, 각각의 포트는 GoJS의 노드로 표현한다.포트의 갯수와 이름, 라벨을 각각 portNums, portNames, portNamesContextLabel이라 칭한다. 여기서 포트의 이름은 텍스트 블록으로, 각 텍스트 블록의 우 클릭 시 나오는 컨텍스트 메뉴의 이름을 컨텍스트 라벨이라고 칭한다. portNames = ‘ firstName, secondName’포트 이름은 최초에 두 이름이 (,)형태로 이어져 있는 상태로 split() 후 활용 해야 한다는 전제가 있다. NS님의 소스 위에 기능을 추가하기 위해 그 위에 붙인 소스로, […]

17 11월 2020

[VUE]SPAウェブフロントエンド開発ためのまとめ

①SPA
SPAウェブは、最初のロード時、全体ページをロードした後からは、既存のページと比較して更新が必要な部分だけをjsonの形でデータを持ってきてバインディングします。

②Vue.jsでウェブを開発する際には、プロジェクトの構築及びその他の作業に役に立つVue-Cli、ルーティングを担当するVue Router、コンポーネント間のState管理を担当するVuexを使います。

③Routing
SPAウェブの使用性限界を補完するためには、ルーティングに関するライブラリを利用してヒストリーを管理する必要があります。

④State管理
各コンポーネントではStateにプロジェクトで共通に共有するデータを保存しておくことができ、最初の保存だけでどのコンポーネントでも当該データを照会することも、修正することもできます。

19 8월 2020

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

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

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

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

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

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

31 7월 2020

[vJS] Const、Let、Varの違い

JavaScriptの変数を宣言するキーワードで  const、  let、  varについてまとめました。

  1. constは値を再割り当てすることができない変数を宣言するとき使われます。
  2. letvarは再割り当てすることができる変数を宣言することができ、
    初期値を宣言しなくてもされます。
  3. varの場合のみ、同じ値を重複宣言することができます。

constは、再割り当てが不可能な変数を定義するキーワードです。 
再割り当てを禁止することにより、誤って別の値を割り当てて発生するバグを減らすことができます。 

したがって、変数を宣言する場合は、まず  const定義することができないかを検討した後、不可能な場合  letを使用することをお勧めします。

13 7월 2020

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

광고 5. 정리 JavaScript의 변수를 선언하는 키워드로 const, let, var에 대해 정리하였습니다. const는 값을 재할당 할 수 없는 변수를 선언 할 때 쓰입니다. let, var은 재할당 할 수 있는 변수를 선언 할 수 있으며, 초기값을 선언하지 않아도 됩니다. var의 경우만 같은 값을 중복 선언 할 수 있습니다. const는 재할당이 불가능한 변수를 정의하는 키워드입니다. 재할당을 금지함으로써 실수로 다른 값을 할당하여 발생하는 버그를 줄일 수 있습니다.  따라서, 변수를 선언하는 경우에는 먼저 const로 […]