자바스크립트

  • Web Programming/Angular

    Angular Router 적용

    안녕하세요, 씨앤텍 시스템즈 임재원 연구원입니다 이번 포스트는 Angular에 기본적인 Router를 사용하는 방법에 대해 작성하려 합니다. * 버전 정보 Node version -20.9.0 Angular CLI -17.0.3 Angular Router 란 ? Angular 애플리케이션에서 내비게이션을 관리하기 위한 라이브러리입니다. 단일 페이지 애플리케이션(SPA)에서 페이지간의 전환 및 라우팅을 담당합니다 SPA는 페이지를 새로 로드하지 않고도 동적으로 내용을 갱신할 수 있는 웹 애플리케이션을 의미합니다. 와 의 차이점 ? *SPA의 장점 중 하나인 동적 로딩을 구현할 수 있습니다 *페이지 전환 시 새로고침이 발생하지 않습니다 *자원소비 감소 *전체 페이지를 다시 로드하게 되어 브라우저가 서버로부터..

  • Web Programming

    Front-end 노드와 링크로 구성된 네트워크 시각화 Vis.js 플러그인

    안녕하세요. 씨앤텍시스템즈 홍정화 연구원입니다. 이번 포스트에서는 프론트엔드 Vis.js 사용방법에 대하여 정리해 보았습니다. 네트워크 시각화란? 네트워크 시각화로 데이터를 표시하여 관련 항목과 클러스터 간의 관계를 쉽고 빠르게 식별할 수 있습니다. 네트워크 시각화는 소셜 네트워크를 시각화하거나 시장 점유 분석을 수행할 때 유용합니다. 속성 요소는 시각화에서 노드로 표시되며, 요소 간의 관계를 나타내기 위해 노드 간에는 선(가장자리라고 함)으로 표시됩니다. 시각화가 만들어지면 노드 크기, 가장자리 두께, 가장자리 색상 등과 같은 표시 옵션을 사용하여 노드의 특성과 노드 간의 관계를 볼 수 있습니다. 특정 국가에서 각 매장에 대한 노드가 표시된 경우 두 매장이 많은 수의 고객을 공유한다면 더 두꺼운 선을 ..

  • Web Programming/Angular

    Angular란?

    안녕하세요 씨앤텍 시스템즈의 김준형입니다. 이번 포스트는 Angular에 대해서 정리해 보았습니다. 오늘날 JAVA를 이용한 시스템 개발에 많이 사용되는 프레임워크인 Angular는 2009년 Google의 직원인 Miskio Hevery의 개인 프로젝트에서 출발했습니다. 개인 차원에서 시작한 프로젝트였지만 초기 아이디어에 대한 반응이 좋아서 현재는 구글의 공식 지원 프로젝트가 되었습니다. 그렇다면 Angular의 인기는 어떻게 될까요?? 확실히 Vue.js와 React와는 차이가 있는 모습입니다. Vue.js, React, Angular 중 개발 난이도는 어떻게 될까요? Vue.js