BackEnd

https://opentutorials.org/course/3332/21028생활코딩님의 Node.js강의를 참고하였습니다. 1.루트페이지 처리하기루트페이지는 descriptions이 없기 때문에 descriptions === undefined일때는 title, description 을 조건문을 통해 직접 생성해준다.이과정에서 스코프 문제가 생기기에 title,description 을 let으로 선언하였다.fs.readFile(`data/${queryData.id}`, 'utf-8', function(err, descriptions) {if (descriptions === undefined) { // 파일이 없거나 읽기 실패 시 title = 'Welcome'; ..

https://opentutorials.org/course/3332/21028생활코딩님의 Node.js강의를 참고하였습니다.1.URL 경로 추출var pathname = url.parse(_url, true).pathname; // URL 경로 추출  2.루트 경로 처리pathname이 '/'일 경우, data/ 디렉토리에서 title에 해당하는 파일을 읽습니다.if (pathname === '/') { // 루트 경로 요청 시 // 'data/타이틀' 파일을 읽어 HTML 페이지 생성 fs.readFile(`data/${title}`, 'utf-8', function(err, description) {  3. 다른경로 요청시다른 경로..

https://opentutorials.org/course/3332/21028생활코딩님의 Node.js강의를 참고하였습니다. 1.본문 파일생성data 폴더에 본문파일을 작성한다.  2.파일 읽기data/ 디렉터리에서 title에 해당하는 파일을 읽어, 그 내용을 동적으로 생성된 HTML 페이지에 포함하여 응답합니다. // 해당 파일 읽기 (title에 해당하는 파일)fs.readFile(`data/${title}`, 'utf-8', function(err, description) { // HTML 템플릿 생성 및 파일 내용 포함 var template =` WEB HTML CSS ..

https://opentutorials.org/course/3332/21028생활코딩님의 Node.js강의를 참고하였습니다. 1.파일읽기파일 시스템 모듈을 통해 파일을 읽습니다.첫 번째 인자는 읽을 파일의 경로('sample.txt')를 지정합니다. 두 번째 인자는 파일을 읽을 때 사용할 인코딩 방식('utf8')을 지정합니다.세 번째 인자는 콜백 함수로, 파일을 읽은 후에 실행됩니다.만약 파일을 읽는 도중 오류가 발생하면, err 변수에 오류 객체가 전달됩니다. 오류가 발생하지 않은 경우, err는 null이 됩니다. // 파일 시스템 모듈 로드const fs = require('fs');// sample.txt 파일을 비동기적으로 읽음fs.readFile('sample.txt', 'utf8', fun..

https://opentutorials.org/course/3332/21028생활코딩님의 Node.js강의를 참고하였습니다. 1.쿼리 데이터 저장// 쿼리 데이터의 'id' 값을 title 변수에 저장합니다.var title = queryData.id;    2. 동적으로 생성된 HTML 템플릿정의// 동적으로 생성된 HTML 템플릿을 정의합니다.// title 변수의 값에 따라 페이지 제목과 본문의 제목이 변경됩니다.var template = ` WEB HTML CSS JavaScript ${title} Hypertext Markup Language (HTML) is the standard markup language for creating web pages and ..

https://opentutorials.org/course/3332/21028생활코딩님의 Node.js강의를 참고하였습니다. 1.URL 파싱// URL 모듈을 불러옵니다. URL을 파싱하여 유용한 정보를 추출하는 데 사용됩니다.var url = require('url'); // URL을 파싱하여 쿼리 문자열(query string)을 추출하고 queryData 변수에 저장합니다.// url.parse() 메서드의 두 번째 인자는 true로 설정되어, 쿼리 문자열이 객체 형식으로 변환됩니다.var queryData = url.parse(_url, true).query;    2.쿼리데이터의 응답 보내기// 클라이언트에게 쿼리 데이터의 'id' 값을 응답으로 보냅니다.// 예를 들어, /?id=Html로 요..

https://opentutorials.org/course/3332/21028생활코딩님의 Node.js강의를 참고하였습니다.scheme://hostname:port/path?query#fragment1. Scheme (스킴)자원에 접근하기 위해 사용되는 프로토콜을 나타냅니다.웹 브라우저나 클라이언트가 URL을 해석할 때 어떤 프로토콜을 사용해야 하는지 알려줍니다.http, https, ftp, mailto   2.Hostname (호스트 이름)자원이 호스팅된 서버의 도메인 이름 또는 IP 주소를 나타냅니다.서버의 위치를 식별합니다. 브라우저는 이 정보를 사용하여 해당 서버와 연결을 시도합니다.www.example.com, 192.168.1.1   3.Port (포트)서버의 특정 서비스에 연결하기 위한 포..

https://opentutorials.org/course/3332/21028생활코딩님의 Node.js강의를 참고하였습니다. 1.자바스크립트 파일1-1.모듈 호출서버 생성, 파일 상호작용을 위한 모듈들을 호출한다.// http 모듈을 불러옵니다. 이 모듈은 Node.js에서 HTTP 서버를 생성하는 데 사용됩니다.var http = require('http');// fs 모듈을 불러옵니다. 이 모듈은 파일 시스템과 상호작용할 수 있게 해줍니다.var fs = require('fs');   1-2.HTTP 서버를 생성http.createServer를 통해 HTTP 서버를 생성합니다.// HTTP 서버를 생성합니다. 서버가 요청(request)을 받으면 이 함수가 실행됩니다.var app = http.cre..