Front-end




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

5. 정리 JavaScript의 변수를 선언하는 키워드로 const, let, var에 대해 정리하였습니다. const는 값을 재할당 할 수 없는 변수를 선언 할 때 쓰입니다. let, var은 재할당 할 수 있는 변수를 선언 할 수 있으며, 초기값을 선언하지 않아도 됩니다. var의 경우만 같은 값을 중복 선언 할 수 있습니다. const는 재할당이 불가능한 변수를 정의하는 키워드입니다. 재할당을 금지함으로써 실수로 다른 값을 할당하여 발생하는 … [vJS] Const, Let, Var의 차이점 계속 읽기

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

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