본문 바로가기

IT_Developers/Node.js41

Node.js - express 게시판 만들기 / 페이징 개발/ page 게시판 만들기 page 안녕하세요. 고코더 입니다. 이번 시간에는 게시판에 간단한 페이징을 구현합니다. 기존에 만든 리스트 페이지는 글이 추가되면 페이징 없이 아래로 노출되는 기본방식 입니다. 오늘은 다시 리스트 페이지에 페이징을 추가해볼려고 합니다. 처음 개발시에 페이징 구현을 하지 않는건 생각보다 많은 로직이 들어가는 기능 입니다. 리스트 개발시에 페이징을 함께 하면 개인적인 경험에서는 지치기 때문에 노드를 조금 익숙하게 받아들인 후에 살펴보는 것이 낫습니다. ● 1. board.js 페이징 코딩 추가 ● 1-1. board.js에 코딩을 추가합니다. ● 1-2. board.js에 아래 코딩을 추가합니다. 기존 list는 그대로 두고 page 라는 페이지를 새로 만들어 페이징을 구현합니다. 게시판 기.. 2019. 8. 2.
Node.js - express 게시판 만들기 / 글 수정 / Update 게시판 만들기 update 안녕하세요. 고코더 입니다. 이번 시간에는 상세보기 페이지에서 글을 수정하고 비밀번호를 입력 한 후에 해당 비밀번호가 맞다면 해당 글을 수정하는 페이지를 만들어 보겠습니다. ● 1. '/update' board.js 글 수정 코딩 추가 ● 1-1. board.js에 코딩을 추가합니다. ● 1-2. 상세보기를 표현할 라우터를 추가합니다. 123456789101112131415161718192021222324router.post('/update',function(req,res,next){ var idx = req.body.idx; var name = req.body.name; var title = req.body.title; var content = req.body.content;.. 2019. 8. 1.
Node.js - express 게시판 만들기 / 글 상세페이지 / select / 게시판 만들기 read 안녕하세요. 고코더 입니다. 이번 시간에는 리스트에 있는 글에 내용을 확인하는 상세 페이지를 개발 합니다. 지금까지 강의를 잘 따라오신 분들이라면 이 글을 안보고도 개발이 가능합니다. 지금 내가 어느정도 노드가 자신있는지 테스트 해보실려면 이 강의 전에 읽기 페이지를 한번 스스로 만들어보세요. ● 1. '/read' board.js 상세보기 코딩 추가 ● 1-1. board.js에 코딩을 추가합니다. ● 1-2. 상세보기를 표현할 라우터를 추가합니다. 1234567891011router.get('/read/:idx',function(req,res,next){var idx = req.params.idx; var sql = "select idx, name, title, content,.. 2019. 8. 1.
Node.js - express 게시판 만들기 / 글쓰기 / insert / 게시판 만들기 write 안녕하세요. 고코더 입니다. 이전 시간에 게시판 리스트를 개발하였습니다. 이제는 이 리스트에 내용을 추가 할 수 있는 글쓰기 기능을 만들어보려고 합니다. 데이터베이스에 insert 하는 구문도 노드에서는 보기 쉽고 간단하게 구현이 가능합니다. ● 1. '/wirte' board.js 글쓰기 코딩 추가 ● 1-1. 저희가 이전 시간부터 만들어놓은 board.js에 코딩을 추가합니다. ● 1-2. 글쓰기 입력을 받을 폼을 표현할 라우터를 추가합니다. 123router.get('/write', function(req,res,next){ res.render('write',{title : "게시판 글 쓰기"});});Colored by Color Scriptercs ● 1-2. 소스 설명.. 2019. 8. 1.
Node.js - express 게시판 만들기 / 리스트페이지 / select / 게시판 만들기 LIST 안녕하세요. 고코더 입니다. 오늘부터 기초적인 예제를 마무리 하고 게시판 만들기로 실전을 다져볼려고 합니다. 기본예제에서 배우지 못한 소스들이 나온다고 해도 긴장하지 마시고 천천히 한줄한줄 고민하면서 따로오시면 금방 노드가 머리속에 익혀질거라 생각 됩니다. ● 1. 들어가기전에 체크 해야 할 사항 ● 1-1. 데이터베이스 참조파일 생성이 되어 있는지 확인 이전에 require()로 DB 소스를 참조로 사용하는 방법을 배웠습니다. 해당 DB폴더가 자신에 로컬에 설치되어 있고 mysql에 정상 접속 되는지 확인해보세요. ● 1-2. 로컬에 Mysql이 설치 되어 있는지 확인해보세요. 이제는 데이터베이스와 연동하여 작업을 해야 합니다. 로컬에 mysql 설치가 필수 입니다. -> 제 데.. 2019. 8. 1.
Node.js - express 라우터 req res, uri 설명 router req, res, uri 쉬운 설명 안녕하세요. 고코더 입니다. 제 노드 강의를 따라온분들이 이제 질문이 생기기 시작했습니다. 좋은 현상입니다. 제가 예제로 노드가 익숙해지시면 설명드리려 했던 라우터에 대해 말씀드릴려고 합니다. ● 1. 라우터 URI 경로 ● 1-1. 매번 익숙하게 선언했던 라우터 메소드 뒤에 URI 가 있습니다. 계속 이부분을 루트 '/'로만 사용중이었는데요. router.get('/', function (req, res) { 이 부분은 라우터 이후에 원하는 URI로 경로를 받을 수 있습니다. app.use('/', indexRouter);로 설정된 라우터 기준으로 말씀드리겠습니다. ● 1-2. 접속 : http://사이트주소/gocoder router.get('/goco.. 2019. 7. 31.
Node.js - require()을 이용한 외부파일 참조 require() 파일 참조하기 / include 안녕하세요. 고코더 입니다. 오늘은 외부 참조 파일을 만들어 공통으로 쓰는 방법을 실습해보려고 합니다. 인스턴스를 참조 하도록 도와주는 require() 함수를 이용해 반복으로 선언하는 코드들을 낭비하지 않도록 만들 수 있습니다. 지난 시간에 간단한 mysql을 연결하여 기본예제를 만들어 보았습니다. -> Node.js - Mysql 연결 기본예제 mysql 을 연결할때마다 소스상에 DB커넥션 정보를 페이지마다. 기록하면은 유지보수도 어려워지고 보안상에 문제도 있습니다. 이걸 특정 소스에 기록하고 불러와서 사용하도록 개발해보겠습니다. ● 1. 데이터베이스 접속 정보 참조 파일 db_info.js ● 1-1. 데이터베이스에 접속 정보를 관리할 소스를 생성하.. 2019. 7. 31.
Node.js - Mysql 연결 기본예제 mysql 연결방법 알아보기 안녕하세요. 고코더 입니다. 이전 시간에 mysql 모듈을 설치 했습니다. -> Node.js - Mysql 설치방법 / CMD / webstorm 설치방법 이번 시간에는 데이터베이스와 연결 하는 방법을 알아보겠습니다. 그전에 mysql 설치가 필요한데요. 여기에 따라 DB를 설치해주세요. 포트나 비밀번호등을 저와 같게 설정하면 강의 따라하기가 수월합니다. -> MySQL - 학습을 위한 MySQL Installer 설치하기 노드로 mysql을 연결하는 방법을 쉽고 자세하게 알아보겠습니다. ● 1. mysql.js 생성 ● 1-1. 처음에 할일은 routes 폴더에 mysql.js를 추가합니다. ● 1-2. 파일안에 내용은 이렇습니다. 1234567891011121314151.. 2019. 7. 31.
Node.js - Mysql 설치방법 / CMD / webstorm 설치방법 노드에서 MySQL 설치 방법 안녕하세요. 고코더 입니다. 오늘은 데이터베이스를 쓰기 위해 첫번째로 해야 하는 Mysql 설치 방법을 함께 알아보려고 합니다. 노드를 배우는 강의이고 개인에게는 완전히 무료이면서 설치가 가벼워서 다른 DBMS를 제치고 번 강의에서는 MySQL를 사용해보겠습니다. 설치 방법은 두가지가 있습니다. 그리고 npm 설치는 모두 이 과정과 동일 합니다. ● 1. 커맨드(CMD)로 설치 ● 1-1. 커맨드 라인에서 자신에 프로젝트로 이동 합니다. 저랑 계속 함께 개발중이라면 해당 폴더 입니다. D:\node\gocoder ● 1-2. 프로젝트에서 npm을 설치하는 명령어를 입력합니다. 그럼 순신각에 폴더와 파일을 생성 하면서 끝입니다. npm install mysql ● 1-3. n.. 2019. 7. 31.