투케이2K

[개발 환경 설정] ​ 개발 툴 : VS CODE 개발 언어 :NodeJs [사전 설정] ​ ​ [app.js : 소스 코드] ​ // ---------------------------------------------------------------------------------------------- const express = require('express') const app = express() // --------------------------------------- app.set('view engine', 'ejs') // [Page] : [Render] app.set('views', './views') // [Page] : [Render] // ------------------------..

[개발 환경 설정] ​ 개발 툴 : VS CODE 개발 언어 :NodeJs [사전 설정] ​ ​ [app.js : 소스 코드] ​ // ---------------------------------------------------------------------------------------------- const express = require('express') const app = express() // --------------------------------------- app.set('view engine', 'ejs') // [Page] : [Render] app.set('views', './views') // [Page] : [Render] // ------------------------..

[학습 구분] ​ 과목 : 하드웨어 ​ [설 명] 1. 라우터 란 OSI 3계층 장비에 포함되며, 네트워크 간 연결에 사용되는 최적의 전송 경로를 찾아 데이터를 전송하는 네트워킹 장비 입니다 >> 둘 이상의 패킷 전환 네트워크 또는 서브네트워크를 연결하는 장치 2. 라우터는 데이터 패킷을 의도한 IP 주소로 전달하여 네트워크 간의 트래픽을 관리하고, 여러 장치가 동일한 인터넷 연결을 사용할 수 있도록 하는 등 의 기능을 제공합니다 3. 라우터 주요 기능 : >> 패킷 스위칭 : 작은 블록의 패킷으로 데이터를 전송하며 데이터를 전송하는 동안만 네트워크 자원을 사용 >> 경로 설정 기능 : 목적기에 대한 전송 가능한 최적의 경로들을 찾아 트래픽을 라우팅 시킴 >> 로드 밸런싱 : 전송 자원을 분산해서 전달 ..

[개발 환경 설정] ​ 개발 툴 : VS CODE 개발 언어 : Vue Js [그림 설명] ​ [index.html - 소스 코드] ​ [FooterLayout.vue - 소스 코드] Footer Area [HeaderLayout.vue - 소스 코드] ​ Home Hello Main [HelloComponent.vue - 소스 코드] ​ {{ data }} [HomeComponent.vue - 소스 코드] ​ {{ data }} [MainComponent.vue - 소스 코드] ​ {{ data }} [index.js - 소스 코드] ​ // [router > index.js 설명] // 1. router : 라우터는 웹 페이지 간의 이동하는 방법 및 경로를 설정해주는 파일입니다 // 2. router..

[개발 환경 설정] ​ 개발 툴 : VS CODE 개발 언어 : Vue Js [방법 설명] ​ ​ ​ cmd 설치 명령어 : C:\Users\tk\VueProject\test-project> npm install vue-router@next ​ ​ [main.js - 소스 코드] // [main.js 설명] // 1. 애플리케이션 진입점으로 Vue 초기화, 폴더 , 전역, 컴포넌트 , 라이브러리 등록 수행 실시 // 2. import App 을 사용해 최상위 App.vue 컴포넌트 지정 실시 // 3. createApp mount 를 사용해 index.html 파일 div id 값 설정 및 렌더링 시작점 지정 실시 // 4. router : 라우터는 웹페이지 간의 이동하는 방법 및 경로를 설정해주는 파일..