본문 바로가기

전체_컨텐츠2572

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.
윈도우10 - 기본 백신으로 바이러스 검사하기 Windows Defender 검사 안녕하세요. 고코더 입니다. ● 1. 윈도우10 부터는 많은 분들이 알다시피 원도우 디펜스 백신이 내장되어 있습니다. 기본으로 내장된 바이러스 검사 기능을 사용하는 방법을 알려드리겠습니다. ● 2. 시작에서 바이러스 라고 검색하여 바이러스 및 위협 방지를 클릭 합니다. ● 3. 나타나는 설정 창에서 바이러스 및 위협 방지를 클릭 하고 오른쪽 창에서 빠른 검사를 실행 하게 됩니다. ● 4. 그럼 윈도우 디펜스 기능을 이용하여 바이러스를 검색 합니다. ● 5. 검사 옵션을 사용도 가능 합니다. ● 6. 전체 검사를 실행 하면 바이러스를 상세하게 모든 파일을 검사 할 수 있습니다. 마무리 광고 없고 가벼운 윈도우10 자체 백신 2019. 7. 28.
Node.Js - Express 프로젝트 생성하기 / package.json 설치 익스프레스 프로젝트 만들디 안녕하세요. 고코더 입니다. 이전 시간에는 express 프레임워크를 설치를 했습니다. -> Express 프레임워크 설치하기 이젠 이 도구를 통해 프로젝트를 생성해보겠습니다. ● 1. 프로젝트를 생성하고 싶은 폴더까지 커맨드로 접속해서 아래 명령어를 입력 합니다. 프로젝트를 생성하는 express 명령어 입니다. 해당 폴더 하위에서 프로젝트 폴더가 생성 됩니다. express gocoder ● 2. 생성한 프로젝트 이름 폴더 안에 필요한 폴더들와 파일들이 설치 되는 LOG를 확인 가능합니다. ● 3. 폴더에 접근해보면 이렇게 파일들이 생성 되어 있습니다. 많이 보던 구조이죠? ● 4. 아직 끝난게 아닙니다. 생성된 디렉토리로 접근 합니다. cd gocoder ● 5. 루트에 .. 2019. 7. 27.
윈도우10 - 잠금화면 배경사진 원본 다운로드 윈도우10 잠금화면 사진 구하기 안녕하세요. 고코더 입니다. ● 1. 윈도우10을 쓰면 시간마다 바뀌는 잠금화면 사진이 인상적입니다. 어떤 사진은 소장하고 싶기도 한데요. MS가 셀렉 해주는 이 배경화면을 다운로드 하는 방법을 알아보겠습니다. 화면을 잠그니 오늘도 멋진 배경화면이 있네요. 이 사진을 다운로드 해보겠습니다. ● 2. 탐색기에서 아래 주소를 입력하여 접속을 합니다.%LocalAppData%\Packages\Microsoft.Windows.ContentDeliveryManager_cw5n1h2txyewy\LocalState\Assets ● 3. 그럼 윈도우 임시 파일들이 보이는데 여기서 가장 용량이 큰 화일을 그림판으로 열어보겠습니다. ● 4. 방금 잠금화면에 나왔던 이미지가 나타났습니다. 이.. 2019. 7. 27.
윈도우10 - 컴퓨터에 설치된 폰트 미리보기 windows 10 font 파일 글꼴 확인하기 안녕하세요. 고코더 입니다. ● 1. 윈도우10 에서는 설치된 폰트들을 알 수 있는건 물런이고 미리보기로 어떤 모양에 폰트인지 확인할 수 있습니다. ● 2. 바탕화면에서 마우스 오른쪽 버튼을 누르고 "개인 설정"을 클릭 합니다. ● 3. 그리고 나타나느 설정에서 글꼴 탭을 선택하고 미리보고 싶은 글꼴을 클릭 합니다. ● 4. 폰트 상세보기에서 미리보고 싶은 글자를 텍스트 박스에 입력하면 글꼴 모양이 밑에 바로 표시 됩니다. 마무리 가장 이쁜 폰트는 ? 2019. 7. 27.
윈도우 CMD - 파일 확장자명 한번에 바꾸기 / rename 명령어로 확장자 모두 변경 / ren 안녕하세요. 고코더 입니다. ● 1. 윈도우 cmd 를 활용하면 마우스와 키보드로 하는 작업하는 것 보다. 훨씬 빠르게 수정이 가능합니다. ● 2. 오늘은 확장자명을 한번에 바꾸는 방법을 배워보겠습니다. 임시로 4개에 파일을 모두 다른 확장자로 만들어 보았습니다. 1번 파일은 확장자 없이 저장했고요 ● 3. cmd 커맨드 명령 프롬프트에서 해당 폴더로 이동후에 아래 명령어중 하나를 실행 해봅니다. 두개 모두 같은 기능에 명령어 입니다. rename * *.jpg ren * *.jpg ● 4. 해당 명령어를 실행하면 폴더안에 파일에 확장자가 한번에 변경 되었습니다. 마무리 단순 반복 작업도 CMD에서는 한번에 완료 2019. 7. 27.
Node.js - Express 프레임워크 설치하기 Express FrameWork Setup 안녕하세요. 고코더 입니다. 저번 시간에는 Node.JS를 게시판 만들기를 시작하기 위해 노드를 설치하였습니다. ->윈도우에서 학습을 위한 최신 버전 설치 / 12.x.x / 첨부파일 이번 시간에는 npm엔진을 통해 익스플레스를 설치하는 법을 배워 볼텐데요. 간단한 명령어 만으로 모든 설정이 완료된 엔진을 쉽게 설치 가능 합니다. ● 1. Express 프레임워크를 설치해보겠습니다. ● 1-1. 명령프롬프트(cmd)를 실행합니다. 그리고 아래 명령어를 입력해보세요. 제 강의에서 사용할 익스플레스 기본 설치 명령어 입니다. npm install -g express-generator ● 1-2. 설치 명령어에 옵션에 대한 설명 입니다. npm install - np.. 2019. 7. 27.
에버노트 - 사용중인 첨부파일 폴더 위치 윈도우 에버노트에서 사용중 노트에 파일들이 임시 저장된 폴더 안녕하세요. 고코더 입니다. ● 1. 노트에서 파일을 수정하고 저장하면 파일이 에버노트에 새롭게 업로드 되는걸 볼 수 있습니다. ● 2. 노트에 파일을 사용시 에버노트 폴더 하위에 첨부파일이 임시 저장 됩니다. Databases\Attachmentsex) D:\evernote\Databases\Attachments ● 3. 말로 설명하니 조금 어렵죠. 예시로 설명드리겠습니다. 노트에서 특정 이미지를 클릭합니다. ● 4. 뷰어로 확인하였습니다. ● 5. 그럼 해당 폴더에 임시로 파일이 보이게 됩니다. 압축된 에버노트 파일 구조에서 임시폴더로 파일을 내보내는 구조 입니다. ● 6. 그리고 파일 사용을 끝내면 백업 파일만 남겨두고 다시 해당 폴더에서.. 2019. 7. 27.

티스토리툴바