본문 바로가기

전체 글

(190)
[Node.js] EJS_ router 분리, controller 분리, sevice 분리, views 분리, dao 분리, 서버 별칭 사용 EJS router - 초기 ejs 파일 세팅 - - middle ware - 특정 기능을 처리하는 역할을 하는 것 ( 여기에서는 router 라는 middle ware 를 사용하여 경로의 기능을 위임한다 ) 라우터를 여러개 생성하여 사용할 수 있다 ( 라우터 별로 root 경로를 설정하여 사용 ) 서버 별칭 설정 및 사용 ( 구동해야하는 서버가 변경되면 script 의 값으로 들어가있는 npx supervisor app.js 에서 app.js 를 실행시킬 서버 파일로 변경해주면 된다 ) Flow 여기까지 라우터를 분리 완료... 이제부터는 컨트롤러를 분리... 서버 실행 여기까지 컨트롤러 분리 완료... 이제부터 service 를 분리... 실습 예제 1-1 예제 풀이 1-1 실습 예제 1-2 예제 풀..
[Node.js] EJS 설치, 변수 전달하기, EJS 에서 for 문 사용 EJS 템플릿 엔진 설치 ejs : node 에서 사용하는 변수를 html 파일에서 사용할 수 있게 보내준다 ( if 문, for 문 등등... ) ejs 파일은 html 코드 내에서 if, for 등의 기능을 사용할 수 있게 해준다. 실습 예제 예제 풀이 const express = require("express"); const app = express(); app.set("views", "./views"); // (./views)에서 기능을 찾고 app.set("view engine", "ejs"); // 기능 중 ejs 라는 기능을 사용하겠다 app.get("/", (req, res) => { res.render("index"); // index.ejs 파일을 불러서 response(응답) }); ..
[Node.js] Node.js 실행하기, express 설치, supervisor 설치 Node.js res.end(내용) : 클라이언트에게 내용을 출력 - 만약 서버를 구동할때 오류가 발생하는 경우 - 구동된 서버 접속 - ip 로 서버를 구동하는 경우 - 한글이 깨지지 않게 설정 const http = require("http"); // require : 통신하기 위해 http 기능을 가져오겠다는 뜻 const app = http.createServer((req, res) => { // http.createServer : 기능안의 서버를 만드는 기능을 호출 - 서버를 생성 // ( req : request(요청), res : response(응답) ) console.log("연결 성공!!!!"); res.writeHead(200, { "Content-Type": "text/html; c..
[Node.js] Node, HTTP, IP 란? Node 란? Node 는 대규모 프로젝트를 진행하기엔 적합하지 않고, 소규모 프로젝트에 적합하다. json : key 와 value 의 문법으로 이루어진 데이터 HTTP 란? HTTPS : S (Secure) 이 붙음으로서 암호화가 들어간 형태 IP 란? Server & Client 란? 정적 웹 서비스와 동적 웹 서비스
[Node.js] Node.js 설치 Node.js 설치 - Node.js 다운로드 - Node.js — Download Node.js® Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine. nodejs.org
[JavaScript] jquery_ui - datepicker, draggable datepicker(), draggable() - jQuery UI 사이트 - jQuery UI jQuery UI is a curated set of user interface interactions, effects, widgets, and themes built on top of the jQuery JavaScript Library. Whether you're building highly interactive web applications or you just need to add a date picker to a form control, jQue jqueryui.com jquery 의 ui 기능을 추가로 script 로 선언해야 사용할 수 있는 메소드 아래 코드에 보면 추가로 선언해놓은 것을 볼 수 ..
[JavaScript] 답글 달기 기능 만들기 답글 달기 기능 구현 z-index 를 사용하여 display:none 으로 보이지 않게 태그를 겹쳐놓은 뒤 덮어씌워서 사용 답글 작성 페이지 작성자 : 홍길동 제목 : 내용 : 답글 취소 내용 작성 합니다 배부르다 답글 달기 코드 실행
[JavaScript] jquery - slideDown, slideUp 메소드 slideDown, slideUp jQuery 의 내장 메소드인 slideDown, slideUp [오늘의 공지] 오늘의 공지사항 입니다 안녕 코드 실행

728x90