본문 바로가기

IT_Developers1149

명령 프롬프트(CMD) - 커맨드 라인 텍스트 복사하기 커맨드창 텍스트 문자열 복사하기 안녕하세요. 고코더 입니다. ● 1. cmd 창에서 출력 되는 텍스트 복사할 수 있습니다. 커맨드 창에서 마우스 오른쪽 버튼을 누르면 반응이 없어서 내용 복사가 안될거라 생각하는데요. 단축키를 사용하면 됩니다. ● 2. 원하는 텍스트를 마우스 왼쪽 버튼으로 드래그하여 단축키 CTRL+C를 누릅니다. ● 3. 그럼 클립보드에 해당 문자열이 복사되어 있어서 원하시는 곳에 CTRL+V로 붙혀넣어 사용이 가능 합니다. ● 4. 원도우7일 경우에는 마우스 오른쪽 버튼을 눌러 표시 기능을 선택 한후에 마우스 왼쪽으로 드래그가 가능 합니다. 마무리 텍스트 노가다 금지 2019. 7. 29.
Node.js - routes 기본 생성 예제 routes 파일 생성, 라우터 app.js에 추가 안녕하세요. 고코더 입니다. 지루한 설정은 끝내고 이제 재밌는 실습에 들어가보겠습니다. 노드 express로 소스 코딩에 본격적으로 해보겠는데요. 오늘은 views, routes 파일을 추가하여 기본 예제를 해볼려고 합니다. 어떻게 노드를 작성해야 하는지 기초 구조를 알 수 있는 시간입니다. ● 1. routes 폴더에 .js 파일을 추가 ● 1-1. routes 폴더에서 마우스 오른쪽 버튼을 눌러 New을 클릭해 JavaScript file을 추가 합니다. 노드는 자바스크립트 문법이기에 .js가 프로그래밍 확장자 입니다. 파일명은 form.js 입니다. ● 1-2. 생성된 파일안에 소스 내용을 이렇게 채워보겠습니다. var express = requi.. 2019. 7. 29.
Node.js - nodemon 설치, 실행방법 / webstorm 연동 노드몬 설치 후 웹스톰으로 연동 하기 안녕하세요. 고코더 입니다. 이번 시간에는 개발시에 편의성을 위해 소스 수정시 자동 반영을 도와주는 nodemon을 설치 하고 webstorm과 연동하는 방법을 배워 보겠습니다. ● 1. nodemon(노드몬)이란? ● 1-1. node.js 사용시에 꼭 필요한 모듈중 하나 입니다. 쉽게 말하면 소스 코드를 수정하면 이걸 감지하여 서버를 자동으로 재시작 해줍니다. 자바 개발시에 사용하던 비슷한 설정이 있죠? 거의 같은 역할을 해줍니다 -> eclipse 소스 수정시 톰캣 자동 재시작 / Auto reloading enabled ● 1-2. 설치 명령어는 아래와 같습니다. npm install nodemon -g ● 1-3. 글로벌 옵션이기에 제 컴퓨터 폴더 기준으로는.. 2019. 7. 29.
Node.js - Webstorm으로 express 프로젝트 ejs로 생성하기 Webstorm으로 Node.js Express 개발환경 셋팅 안녕하세요. 고코더 입니다. 오늘은 이전 시간에 배운 ejs로 -> Node.js - ejs 와 jade를 비교 살펴보기 프로젝트를 다시 생성합니다. 하지만 복습은 아닙니다. 개발툴를 활용해 node를 생성할 것 입니다. 세상에서 가장 훌륭한 메모장으로 개발하진 않을 것 입니다. 노드를 개발할때 가장 많이 사용하는 도구는 이클립스와 webstorm 입니다. 둘에 차이는 무료와 유료 입니다.기능은 당연히 인텔리제이가 훨씬 낫습니다. 이클립스는 다른 분들이 많이 다루고 강의해주시니 저희는 더 최신화된 인텔리제이에 웹스톰을 이용해 실습해보겠습니다. ● 1. 웹스톰을 다운로드 받아주세요. 저와 동일한 버전으로 실습하실려면 2017.2.5 버전을 다운.. 2019. 7. 29.
이클립스 - eclipse 소스 수정시 톰캣 자동 재시작 / Auto reloading enabled 소스 수정하면 서버 재시작 하게 하기 안녕하세요. 고코더 입니다. ● 1. 이클립스에서 소스를 수정하면 톰캣을 재시작 해줘야 반영된 결과 값을 확인 할 수 있습니다. 컴파일 언어에 매력이죠. ● 2. 그런데 학습 중이거나 작은 프로젝트를 진행하고 있다면 소스 수정시 바로 서버에 반영될 수 있도록 하는 방법이 있습니다. 바로 Auto reloading enabled 옵션입니다. ● 3. 톰캣에서 Web Modules 에서 Edit를 클릭하면 해당 옵션 여부가 나옵니다. 이렇게 설정하면 매번 소스 수정시 톰캣이 새로 고침 하게 됩니다. 마무리 프로젝트에서 사용하면 큰일 납니다. 2019. 7. 29.
intellij - 설치방법 / 포터블 설치 / PhpStorm,WebStorm 웹스톰 포터블로 설치하기 안녕하세요. 고코더 입니다. ● 1. 인텔리제이 개발툴을 설치를 하는 방법을 배워보겠습니다. Webstorm 기준으로 설치를 함께 진행 해보겠습니다. 해당 사이트에 접속하여서 다운로드를 받습니다. http://bit.ly/2YohpZD ● 2. 그리고 저처럼 안정화된 이전버전을 받고 싶은분은 해당 버튼을 누르거나 URL로 이동합니다. http://bit.ly/2SL89cs ● 3. 버전은 2017년로 다운로드 받아보겠습니다. 제 블로그 강의에서 웹스톰을 사용하는 경우 이버전을 사용중입니다. ● 4. 첨부파일을 다운 받으셔도 됩니다. ● 5. 설치는 당연히 설치파일을 누르면 ● 6. 설치과정이 완료 됩니다. ● 7. 하지만 개인적으로 포터블 버전으로 설치하여 사용하는걸 추천드리는데.. 2019. 7. 29.
Node.js - ejs 와 jade를 비교 살펴보기 view 템플릿 ejs 그리고 jade 차이 안녕하세요. 고코더 입니다. 프로젝트 설치부터 서버 실행 까지 실습을 마무리 했습니다. -> Node.Js - express 서버 실행 / hello Express(node) / Port 변경 오늘은 잠깐 코드 실습에 들어가기 전에 꼭 알아야 할 view 모듈인 ejs와 jade를 알아 보는 시간을 갖겠습니다. ● 1. jade 란? ● 1-1. 이전 시간까지 따라온분들은 해당 폴더로 이동해서 index.jade 파일을 열어보세요. D:\node\gocoder\views\index.jade 이게 뭔가 싶은 생각 듭니다. express 기본 옵션을 사용하여 프로젝트를 생성하면 view 모듈은 .jade(제이드)가 기본입니다. ● 1-2. jade란? 노드에서 만.. 2019. 7. 28.
Node.Js - Express 서버 실행 / hello Express(node) / Port 변경 서버 실행, 웹 접속, 포토 변경 안녕하세요. 고코더 입니다. 익스프레스 프로젝트를 완료 했습니다. -> Node.Js - Express 프로젝트 생성하기 / package.json 설치 아주 천천히 자세히 강의 하고 있어서 따로오기 어렵지 않을거라 생각 됩니다. ● 1. 이제 서버를 실행해보겠습니다. 우리가 설치하고 있는 노드 폴더는 D:\node\gocoder 입니다. 해당 폴더로 이동후에 ● 2. CMD 창에서 해당 명령어를 실행해보세요. 서버를 실행하는 명령어입니다. node .\bin\www ● 3. 그리고 브라우저에서 아래 URL로 접속합니다. 간단한 명령어로 쉽게 서버가 실행 되었고 학습 환경이 구성 되었습니다. http://localhost:3000/ ● 4. 해당 URL로 접속시마다. 로.. 2019. 7. 28.
Node.Js - Express 프로젝트 생성하기 / package.json 설치 익스프레스 프로젝트 만들디 안녕하세요. 고코더 입니다. 이전 시간에는 express 프레임워크를 설치를 했습니다. -> Express 프레임워크 설치하기 이젠 이 도구를 통해 프로젝트를 생성해보겠습니다. ● 1. 프로젝트를 생성하고 싶은 폴더까지 커맨드로 접속해서 아래 명령어를 입력 합니다. 프로젝트를 생성하는 express 명령어 입니다. 해당 폴더 하위에서 프로젝트 폴더가 생성 됩니다. express gocoder ● 2. 생성한 프로젝트 이름 폴더 안에 필요한 폴더들와 파일들이 설치 되는 LOG를 확인 가능합니다. ● 3. 폴더에 접근해보면 이렇게 파일들이 생성 되어 있습니다. 많이 보던 구조이죠? ● 4. 아직 끝난게 아닙니다. 생성된 디렉토리로 접근 합니다. cd gocoder ● 5. 루트에 .. 2019. 7. 27.

티스토리툴바