node.js 썸네일형 리스트형 [node.js] gulp을 사용한 node.js 환경구성 들어가기 node.js로 프로젝트 관리할 수 있는 도구가 무엇이 있을까하다가 glup가 눈에 들어왔다. 한번 glup로 환경 구성을 해보자. eslint와 babel도 같이 설정했다. 작성자: ospace114@empal.com, http://ospace.tistory.com/ 초기화 node.js으로 개발하기 위한 기본 소스 환경을 구성해보자. 먼저 가장 기본적인 초기화부터 시작하자. 아래 명령을 이용해 package.json 기본 파일을 생성한다. npm init설치 glup 설치 다음으로 사용할 빌드 도구를 설치하자. 이는 전체 패키지로 한번만 설치하면 다른 곳에서도 사용 가능하다. npm i --save-dev glupbabel 설치 다음으로 트랜스 컴파일러를 설치한다. npm i --save-d.. 더보기 [node.js] websocket 사용하기 웹소켓은 웹 환경에서 웹소켓 클라이언트로 사용하는 예제이다.1 작성자: ospace114@empal.com, http://ospace.tistory.com/ var ws = new WebSocket('ws://localhost:3001'); ws.onopen = function (event) { ws.send("Client message: Hi!"); } ws.onmessage = function (event) { console.log("Server message: ", event.data); } ws.onerror = function (event) { console.log("Server error message: ", event.data); } 웹소켓 서버 웹소켓 서버 구현하기 위해서는 ws 패키지를 .. 더보기 [vue2] 레이아웃 구성 웹페이지는 여러 화면으로 구성되어 있다. 일반적으로 상단에 로고와 메뉴, 가운데에 컨텐츠, 하단에 사이트정보 등 형태로 되는 경우가 많다. 이런 화면을 모든 페이지에 반복적으로 나타나는데, 모든 페이지에 같은 작업을 반복적으로 하기에는 매우 비효율적이다. 이때 필요한게 레이아웃을 구성해여 화면 분할해서 작업하는 형식이다. 작성자: ospace114@empal.com, http://ospace.tistory.com/ 들어가기 vue.js에서 레이아웃은 기본 기능이기 보다는 라우터의 기능과 컴포넌트 기능을 적절하게 활용하는 형태이다. 다른 프레임워크에서는 페이지를 임포트하여 구성하거나 이를 위한 별도 라이브러리를 사용하는 경우가 많다. 물론 더 훌륭한 기능을 사용하고 싶다면 추가 라이브러리를 사용할 수도 있.. 더보기 이전 1 다음
