[태그:] frontend

16 5월 2021

[vJS] Scope와 Hoisting, Closure

아래와 같은 사항을 숙지하면 기본적으로 세련된 자바스크립트 개발에 도움이 된다.

・전역 스코프, 지역 스코프, 중첩 스코프
・호이스팅 시 발생할 수 있는 문제점
・클로저의 동작 및 사용 시 유의점

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의 차이점

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