Node.js - Toy projects

 

 

안녕하세요 :)

 

이번 포스팅에서는 지금까지 배운 내용을 이용해서 몇개의 토이프로젝트를 진행해보겠습니다. 복습을 위해 간단한 웹사이트들을 만들어 볼것입니다.

 

 

 

1. 가사 정보 사이트

 

첫번째로 요청 패스를 이용해서 하이퍼 링크의 텍스트를 리다이렉션 해주는 미들웨어를 만들어 활용해보겠습니다.

 

옛날에 제가 html을 이용해서도 비슷한 웹 사이트를 만들었었는데요, 해당 사이트는 html의 <a> 태그와 href 에 파일의 경로를 직접 입력해주는 방법을 활용했었습니다. 전체적인 레이아웃은 태그를 이용했습니다. 이번에는 경로를 path로 지정하여 리다이렉션 메소드를 통해 페이지를 이동하게 만들어 보았습니다. (가수는 에스파로 했어요 윈터님 너무 귀엽습니다..!)

 

<디렉터리 구조>

 

 

<home page html>

 

 

 

<app.js 코드>

 

 

 

<결과 페이지>

 

 

 

 

 

 

 

2. 사진 첨부 메모(책 도전 문제)

 

두번째로 진행해본 프로젝트는 첫 페이지에서 얻은 파라미터를 바탕으로 두번째 페이지에 메모를 남기는 페이지를 만들어 보았습니다. 이를 나중에 DB화 한다면 사용자 마다 각각 다른 메모와 사진을 저장할수 있겠죠? 지금까지 다루어본 내용을 총복습하는 측면에서 만들어본 웹 어플리케이션입니다.

 

<홈 html>

 

 

<Node.js code>

 

<결과 페이지>