profile
공부 정리용 블로그

express의 Router를 사용하여 경로를 분할하기

설정한 여러 경로들을 한꺼번에 관리하고 싶다면 express의 Router메서드를 사용하면 된다. 이 메서드는 경로를 그룹화하고 분할하여 유지보수를 용이하게 해준다.경로를 따로 뺄 js파일을 생성한 뒤 express.Router();를 사용하면 라우터가 생성된다. 만약

2022년 7월 11일
·
0개의 댓글
·
post-thumbnail

node js/express 코드 리팩토링

코드에서이러한 부분이 다른 곳에서 여러 번 반복된다면 만약 어떤 것이 잘못되었을 때 일일이 모든 부분을 고쳐줘야 한다. 그러므로 이를 분리시켜서 관리할 필요가 있다.나는 util이라는 폴더에 새로운 js파일을 만들고 거기에 함수를 하나 만들었다.이때 js는 자바스크립트

2022년 7월 11일
·
0개의 댓글
·

404에러와 500에러 핸들링

요청에 해당하는 페이지를 찾을 수 없는 경우에 따로 뭔가를 해주지 않는다면 서버는 브라우저에 응답을 보내지 않고, 결국 시간 초과가 된다.코드의 일부. 레스토랑에 uuid패키지로 고유의 id를 할당하고 id가 일치할 때 레스토랑의 정보를 렌더링하도록 하였다. id를 찾

2022년 7월 11일
·
0개의 댓글
·

페이지별 고유한 ID를 할당하기

고유한 ID를 사용하여 각 페이지의 데이터를 관리하려면 uuid 패키지를 사용한다. 공식 페이지https://www.npmjs.com/package/uuid먼저 require로 uuid를 불러온 뒤 상수로 저장한다. 이후 v4메서드를 사용하는데 v4메서드는 고

2022년 7월 10일
·
0개의 댓글
·

express로 동적 경로 사용하기

출처 - 【한글자막】 100일 코딩 챌린지 - 2022 Web Development 부트캠프View Website버튼을 누르면 그 레스토랑에 해당하는 사이트가 동적으로 생성되고, 각 사이트 별 경로를 설정하려면 어떻게 해야 할까? 이때 레스토랑의 리뷰는 사용자가 생성하

2022년 7월 10일
·
0개의 댓글
·
post-thumbnail

EJS를 사용하여 HTML코드 분할 관리하기

작업 중에 여러 파일에 같은 구조가 반복되는 때가 있는데, 이 코드들을 한꺼번에 수정하는 방법은 무엇일까? 이때 EJS의 includes라는 기능을 사용한다. 이는 기본적으로 여러 페이지에서 사용할 수 있는 페이지의 일부를 포함하는 EJS파일이다. 그러므로 HTML파일

2022년 7월 10일
·
0개의 댓글
·
post-thumbnail

EJS에서 반복문으로 콘텐츠 출력하기

EJS에서는<% %>안에 자바스크립트 코드를 사용할 수 있다.하나의 값을 불러올 때는 <%= %>를 사용하고, 자바스크립트 구문을 사용할 땐 <% %>를 사용한다. 문법은 나중에 더 알아봐야겠다.이런 식으로 EJS에선 HTML 콘텐츠를 반복할 수 있다

2022년 7월 10일
·
0개의 댓글
·
post-thumbnail

form데이터를 파일에 저장 / 리다이렉트

출처 - 【한글자막】 100일 코딩 챌린지 - 2022 Web Development 부트캠프이러한 웹페이지의 form에서 데이터를 받았을 때 이를 저장하려면 어떻게 해야 할까? \-> POST라우트를 추가하여 POST요청을 받으면 된다(form에서 받은 데이터는 dat

2022년 7월 10일
·
0개의 댓글
·
post-thumbnail

Express를 사용하여 HTML 파일 제공하기

출처 - 【한글자막】 100일 코딩 챌린지 - 2022 Web Development 부트캠프특정 주소를 입력 받았을 때 Express를 사용하여 이러한 HTML 파일을 제공하려면 어떻게 해야 할까?Express를 사용하면 매우 간단한데, 단순히 sendFile메서드를

2022년 7월 10일
·
0개의 댓글
·
post-thumbnail

파일의 데이터를 반영하는 동적 HTML 반환하기

이번엔 파일에서 데이터를 읽어서 이를 HTML파일로 반환하려고 한다. 이름을 추가할 때마다 배열은 바뀌게 되므로 동적인 HTML을 반환하게 된다.큰 틀을 보자면 사용자 이름을 배열에서 읽어온 뒤 li태그의 콘텐츠로 추가하고 이를 리스트의 원소로 집어넣는 것이다.코드존재

2022년 7월 8일
·
0개의 댓글
·
post-thumbnail

서버 측 파일에 텍스트로 데이터 저장하기

json파일은 컴퓨터가 읽고 쓰기 매우 편한 파일이라고 한다. 그래서 특별한 분석이 없이도 사용자 이름 목록과 같은 복잡한 데이터를 쉽게 저장할 수 있다.data 폴더에 users.json파일을 생성하고 빈 배열만 놔둔 뒤 저장했다. 전체 코드users.json 파일을

2022년 7월 8일
·
0개의 댓글
·
post-thumbnail

Express를 사용하여 유저 입력 데이터를 가져오기

폼에 사용자가 입력한 데이터를 내 서버에 저장하려면 어떻게 할까?사용한 코드는 이렇다.form태그의 method 속성에는 POST를 사용하여 데이터를 내 서버에 저장하도록 했다. GET도 사용할 순 있으나 POST가 관례인 듯하다. POST를 사용하면 브라우저는 자동으

2022년 7월 8일
·
0개의 댓글
·

Express.js를 사용하여 요청+응답을 수행하는 서버 만들기

설치한 express를 이용하여 서버를 만들어보자. express패키지를 require로 불러와 상수에 저장하면, 이는 함수이기 때문에 괄호를 붙여서 실행시킨 뒤 상수에 저장해준다. 그래야 express에서 제공하는 기능들을 사용할 수 있다.app에 get이라는 메서드

2022년 7월 8일
·
0개의 댓글
·
post-thumbnail

npm으로 express.js설치하기

HTML문서에서는 third party 패키지를 사용하고 싶다면 단순히 그 패키지의 사이트로 들어가 url을 찾아서 script나 link태그의 src 속성에 넣어주면 된다. 하지만 node js에서는 다른 방법을 사용해야 한다.third party 라이브러리인 exp

2022년 7월 8일
·
0개의 댓글
·
post-thumbnail

사용자 지정 node js서버 만들기

https://nodejs.org/api/http.htmlnode js의 레퍼런스 페이지를 가보면 node js코드에서 사용할 수 있는 수많은 패키지를 볼 수 있다. 이 중 하나를 이용하면 손쉽게 서버를 생성할 수 있다.HTTP패키지는 들어오는 요청을 수신하고

2022년 7월 7일
·
0개의 댓글
·
post-thumbnail

node js설치 후 맛만보기

nodejs는 자바스크립트가 브라우저 밖에서 동작하도록 해주는 런타임 환경이라고 한다. 백엔드 지식은 하나도 없지만 node js를 활용하여 어느 정도의 감을 잡아보고 싶다.https://nodejs.org/ko/에서 node js를 최신버전으로 설치한 후 V

2022년 7월 7일
·
0개의 댓글
·