320x100 Projects/NodeBoard16 테이블 생성과 게시판별 조회 기능 먼저 글 정보를 담기 위한 POST 테이블을 만들 것이다. POST테이블의 칼럼은 다음과 같이 생각하고 있다. ID : 글을 구별하기 위한 ID 값 TITLE : 글 제목 AUTHOR : 글쓴이 TYPE : 게시판 종류 CONTENT : 글 내용 VIEWS : 조회수 PASSWORD : 익명으로 글 작성시 글 삭제를 위한 비밀번호(추후 적용 예정) isLogined : 익명으로 쓰인 글인지, 로그인하고 쓰인 글인지 bool 타입 THUMBUP : 추천수 다음은 해당 테이블을 생성하기 위한 쿼리이다. CREATE TABLE `POST` ( `ID` INT NOT NULL AUTO_INCREMENT, `TITLE` VARCHAR(45) NOT NULL, `AUTHOR` VARCHAR(45) NOT NULL,.. 2021. 2. 23. 기본적인 라우팅과 MySQL DB 연동 먼저 최상위 도메인인 / 으로 접속했을 경우 자동으로 /list로 리다이렉트 하여 전체글보기 화면을 띄울 수 있도록 했다. 또한 /list로 접속 시 list-all.ejs를 렌더링한다. list-all.ejs는 이전의 index.ejs이다. 사이드바와 상단 네비게이션 바는 어떤 페이지든 들어가기 때문에 다른 파일로 분리해줬다. 그리고 글 조회 페이지도 일단 껍데기만 만들어 놓았다. 임시로 만든 글 조회 페이지에서는 title값을 받아와서 렌더링한다. 그리고 MySQL DB를 연결하기 위해 npm으로 mysql모듈을 설치한다. db연결을 테스트해보기 위한 db-connect.js 파일이다. 해당 파일을 node 명령어로 따로 실행시켜보면, 이렇게 임시로 저장해 놓은 값이 잘 불러와진다. 주의할 점은 지금.. 2021. 2. 22. 메인 페이지 레이아웃 짜기 이번엔 기본적인 레이아웃을 구성한다. 먼저 어떤 식으로 구성할지 대충 그리자면 대충 이런식으로 상단 네비게이션 바에 사이드바를 부르기 위한 햄버거 버튼과 소셜 로그인 버튼들, 그리고 하단 왼쪽 부분에는 게시글을, 오른쪽 부분에는 공지와 추천글들을 보여주는 형태로 만들길 바라고 있다. 글 목록을 부트스트랩의 테이블을 사용할 것이기 때문에 부트스트랩을 인스톨해준다. app.js에 해당 경로를 설정해주어야 한다. 또한 스크린샷은 없지만 제이쿼리도 인스톨해주었다. 일단 오늘 간단하게 구성해본 레이아웃은 위 스크린샷과 같다. 사이드바에 내용은 아직 넣지 않았지만 햄버거 버튼과 사이드바 애니메이션도 추가해 주었다. 해당 애니메이션은 맛집찾아 프로젝트에서 차용하였다!!! 햄버거 버튼같은 경우 moonformeli.t.. 2021. 2. 21. 프로젝트 생성과 모듈 설치, github 레포지토리 생성 Nodejs 와 Express, 그리고 MySQL를 통해 게시판을 제작하려고 한다. 단순 CRUD뿐만아니라, 댓글, 소셜 로그인, 접속자 실시간 채팅, 추천하기 기능과 추천 많은 글 모아보기 등등 다양한 기능을 구현하고 실제로 운영하고 있는 게시판처럼 만드는 것이 최종 목표이다. IDE는 VSCode를 사용한다. 프로젝트 폴더 생성 express nodeboard -g 필수 모듈 설치 cd nodeboard && npm install 먼저 터미널에서 명령어를 통해 express generator로 프로젝트 폴더를 빠르게 생성하고, npm install 명령어로 필수적인 모듈들을 빠르게 설치한다. generator를 사용해서 처음 프로젝트를 생성하면 이런 구조를 가지고 있다. npm start 명령어를 통.. 2021. 2. 20. 이전 1 2 3 4 다음
