광고 두 포트가 있고, 각각의 포트는 GoJS의 노드로 표현한다.포트의 갯수와 이름, 라벨을 각각 portNums, portNames, portNamesContextLabel이라 칭한다. 여기서 포트의 이름은 텍스트 블록으로, 각 텍스트 블록의 우 클릭 시 나오는 컨텍스트 메뉴의 이름을 컨텍스트 라벨이라고 칭한다. portNames = ‘ firstName, secondName’포트 이름은 최초에 두 이름이 (,)형태로 이어져 있는 상태로 split() 후 활용 해야 한다는 전제가 있다. NS님의 소스 위에 기능을 추가하기 위해 그 위에 붙인 소스로, […]
Vue.js는 자바스크립트 프레임워크 중 하나로, SPA 개발에 특화되어 있습니다.
1. SPA
SPA 웹은 최초 로드 시, 전체 페이지를 로드 한 후부터는 기존의 페이지와 비교하여 갱신이 필요한 특정 부분만을 json형태로 데이터를 가져와 바인딩합니다.
2. Vue.js로 웹을 개발할 시, 프로젝트 구축 및 기타 작업을 수행해 줄 Vue-Cli, 라우팅을 담당해 줄 Vue Router, 컴포넌트 간의 State 관리를 담당 할 Vuex를 사용합니다.
3. Routing
SPA웹의 사용성 한계를 보완하기 위해서는, 라우팅을 담당해 줄 라이브러리를 이용하여 히스토리의 관리를 하는 것이 좋습니다.
4. State 관리
각 컴포넌트에서는 State에 프로젝트에서 공통으로 공유할 데이터를 저장해 둘 수 있으며, 최초 저장만으로 어느 컴포넌트에서든 해당 데이터를 조회할 수도, 수정할 수도 있습니다.
광고 5. 정리 JavaScript의 변수를 선언하는 키워드로 const, let, var에 대해 정리하였습니다. const는 값을 재할당 할 수 없는 변수를 선언 할 때 쓰입니다. let, var은 재할당 할 수 있는 변수를 선언 할 수 있으며, 초기값을 선언하지 않아도 됩니다. var의 경우만 같은 값을 중복 선언 할 수 있습니다. const는 재할당이 불가능한 변수를 정의하는 키워드입니다. 재할당을 금지함으로써 실수로 다른 값을 할당하여 발생하는 버그를 줄일 수 있습니다. 따라서, 변수를 선언하는 경우에는 먼저 const로 […]
