Web-Node.js/간단한 익명게시판 만들기 썸네일형 리스트형 5. 만든 게시판 heroku 이용하여 서버에 올리기 git bush 설치 저희는 파일 관리를 git bush를 이용하여 깃 명령어로 할 것이기 떄문에 git bush가 다운되어있어야 합니다. heroku 이용 방법 우선 heroku 사이트로가서 가입을 해줍니다. id.heroku.com/login Heroku | Login id.heroku.com 에 들어가 sign up 을 통해 가입 해줍니다. 그 후 로그인하여 Creat a new app을 눌러줍니다. 다음 Appname 과 region를 선택해줍니다. region는 us를 선택해주시면 됩니다 ㅎㅎ 여기서 Appname 은 서비스 주소가 됩니다. 저는 앱 name을 board-app-cg 로 해주었습니다. 이후 만드신 앱을 눌러주시면 Deploy 탭으로 이동하시면 사용법이 나와있습니다 . 저희는 He.. 더보기 4. 서버 파일 만들기 (node.js) 사용할 모듈. express bodyParser moment - 날짜 포맷을 위한 모듈 DB파일 만들기 db 파일은 /config/database.js 에 저장했습니다. let mysql = require('mysql'); let db_info = { host: ' port:' user: ' password: ' database: ' connectionLimit: }; module.exports.poll = function(){ return mysql.createPool(db_info); }; db 인포 정보는 자신의 db 정보를 적어주시면 됩니다. 기존 poll방식 말고 creatConnection 방식을 사용했었는데 db정보를 수정해도 서버가 다운되는 현상이 발견되어 구글링 검색하여 mysql 환경설.. 더보기 3. 각 화면 구성 레이아웃 엔진은 ejs를 사용하였습니다. board.ejs - 글들을 보여주는 화면입니다. 예제 게시판!! CRUD 예제 익명 게시판 입니다용! 순번 제목 작성자 작성일 글쓰기 board.css @import url('https://fonts.googleapis.com/css2?family=Nanum+Gothic:wght@800&display=swap'); .head { font-family: 'Nanum Gothic', sans-serif; border-top-left-radius: 20px; border-top-right-radius: 20px; color: white; background-color: #a7acf1; height: 250px; width: 1300px; display: flex; f.. 더보기 2. 레이아웃 구상하기 필요한 화면 생각해보기 메인화면 : 작성한 글 목록을 보여주는 화면 -list.ejs 글 작성 화면 : 글을 작성 할 수 있는 화면 - write.ejs 글 내용 보여주는 화면 : 목록에 있는 글 클릭 시 상세 내용 볼 수 있게 하는 화면 -read.ejs 글 수정 화면 : 글 수정 클릭 시 수정할 수 있는 화면으로 이동 - update.ejs 댓글 화면 : 댓글 작성 및 댓글 리스트 볼 수 있는 화면 댓글 수정 화면: 댓글 수정 클릭 시 댓글을 수정 할 수 있는 화면으로 이동 더보기 1. DB 설계하기 DB는 MySQL를 이용하였고 설계에는 exERD 를 사용 하였습니다 테이블은 총 2개 글 테이블과 댓글 테이블로 나누었습니다. Board 테이블에서 id값을 기본키로하고 auto_increment를 사용하여 글을 구분할 수 있게 하였습니다. sBoard 테이블에서는 Board의 id값을 외래키로하여 해당 글마다 댓글을 가져올 수 있도록 하였습니다. sBoard 테이블에서도 마찬가지로 sid값을 기본키로 auto_increment를 이용하여 댓글 간 구분도 할 수있게 하였습니다. 각각 테이블에는 수정 삭제를 해당 사용자만 할 수있게 비밀번호를 칼럼으로 두었습니다. 더보기 Node.js를 이용한 익명 게시판 구현하기 사용할 프로그램 및 언어 에디터 : 비쥬얼 스튜디오 코드 DB: Mysql 모델링프로그램 : exERD 언어 : html ejs node.js js css 구현 할 기능 게시판 CRUD 글쓰고 읽고 삭제하고 수정하는 기능 댓글 CRUD 각 글에 대한 댓글 쓰고 읽고 삭제 수정 기능 넣기 해당 글 삭제시 댓글 모두 삭제 완성 후 heroku를 이용해 다른 사람들도 이용할 수 있게 서버 가동시키기 만드는 과정 순서 DB 모델링 하고 DB 및 테이블 구현하기 각각 레이아웃 구상하고 구현해놓기 각각 페이지에 기능 및 서버 연동하기 heroku에 올리기 최종 결과물 board-app-cg.herokuapp.com/ 문의 게시판 예제 게시판!! CRUD 예제 익명 게시판 입니다용! board-app-cg.herok.. 더보기 이전 1 다음
