[1일차] 개인 블로그 제작 (Express)

2021. 7. 21. 03:32·coooding/Node.js

ToDo

  • all article 페이지 완성
  • 게시글 페이지 완성(get 방식으로 만들기)
  • 게시글 작성페이지
    • 카테고리 토글 완성
    • 게시글 post로 보내기 완성하기
    • 게시글 보기 페이지
    • 메뉴바 include 설정
    • 각 게시글 링크 설정
    • 게시글 엔터 해결
  • all article 페이지 완성

배운점

  1. dateStrings: 'date'
    • mysql에서 DATETIME 속성을 사용할 시 INSERT 형식은 YYYY-MM-DD HH:MM:SS 이다.
      Ex) 2021-07-16 11:53:12
    • DATETIME 속성을 다시 꺼내 웹으로 보여줄 때에는 DB 정보에 dateStrings: 'date'를 추가해주어야 한다.
      Ex)
      let db_info = {
      host: 'localhost',
      user: 'server_user',
      password: 'server_password',
      database: 'velog',
      multipleStatements: true, // 다중 쿼리를 보낼 때 사용
      dateStrings: 'date'
      }
  2. favicon 내용
    • express에서는 html에서 favicon을 설정해주지 않아도 serve-favicon 모듈을 이용해 전체를 한번에 설정 할 수 있다. app.js에서 설정해준다.
      app.use(favicon(path.join(__dirname, '../src/img', 'favicon.ico')));
  3. 파라미터
    • express에서 get방식으로 온 파라미터 확인
      // Ex) http://localhost/contents/view?title=thisisboard
      app.get('/contents/view',(req, res) => { 
      console.log(req.query); //{ title: 'thisisboard' } 
      console.log(req.query.title); // thisisboard
      });
  4. ejs include 방법
    • <%- include('상대경로') %> 로 설정하면된다.
    • 반복되는 코드는 common 폴더를 만들어 용도별로 만들어 놓았다.
    • <html>,<body> 같은거 설정 딱히 안하고 그냥 넣어놔도 괜찮음.
      <%- include('../common/menubar') %>
  5. textarea로 받은 문자열의 줄바꿈 처리
    • DB에 저장되어 있는 값을 그냥 가져오면 줄바꿈이 적용안된 그냥 문자열이 출력됨.
    • \n,\g<br>로 치환하면 된다.(<%- %>를 사용한다.)
      // json으로 받은 문자열을 치환 후 화면에 출력
      <%- board[0].content.replace(/\n/g, '<br/>') %>

아쉬운점 or 보완하고 싶은 부분

  1. 라우터 페이지들을 지금보다 더 세밀하게 나누어 효율적으로 관리하도록 하기

깃허브 주소

https://github.com/Anhye0n/

 

Anhye0n - Overview

anhye0n.me. Anhye0n has 10 repositories available. Follow their code on GitHub.

github.com

 

저작자표시 (새창열림)

'coooding > Node.js' 카테고리의 다른 글

Node js mysql 값 가져올 때 async await 사용하기  (0) 2023.02.16
multer 모듈로 파일 업로드 하기  (0) 2021.07.22
[3~4일차] 개인 블로그 제작 (Express)  (0) 2021.07.21
[2일차] 개인 블로그 제작 (Express)  (0) 2021.07.21
'coooding/Node.js' 카테고리의 다른 글
  • Node js mysql 값 가져올 때 async await 사용하기
  • multer 모듈로 파일 업로드 하기
  • [3~4일차] 개인 블로그 제작 (Express)
  • [2일차] 개인 블로그 제작 (Express)
stableh
stableh
  • stableh
    생각 정리
    stableh
  • 전체
    오늘
    어제
    • 전체보기 (29)
      • coooding (12)
        • Spring (0)
        • 서버 (3)
        • Java (0)
        • Git (0)
        • Node.js (5)
        • React (1)
        • Javascript (1)
        • NestJS (2)
      • 프로젝트 (1)
        • 개인 블로그 (1)
        • tutorial-sejong (0)
        • Todone (0)
        • Markan (0)
      • 기록 (5)
        • 그냥저냥 (2)
        • 군대 (2)
        • 창업일지 (1)
      • 독서 (0)
        • 개발 서적 (0)
      • 지난 이야기 (11)
  • 블로그 메뉴

    • 홈
    • 블로그 관리
  • 링크

    • Github
    • 관리자페이지
  • 공지사항

  • 인기 글

  • 태그

    CORS
    ubuntu 22.04
    우분투 22.04
    NestJS
    JWT
    React
    datetime
    상태 관리
    MariaDB
    vue
    react-beautiful-dnd
    db 복사
    err
    노드
    pinia
    node
    favicon
    multer
    EJS
    db 이동
  • 최근 댓글

  • 최근 글

  • hELLO· Designed By정상우.v4.10.6
stableh
[1일차] 개인 블로그 제작 (Express)
상단으로

티스토리툴바