[InfLearn] Node.js 웹개발로 알아보는 백엔드 자바스크립트의 이해

npm init, express installexpress 라는 폴더를 만들고 터미널에서 해당 디렉토리로 들어가, npm init을 입력한다.입력하면 package.json 파일이 생기고,이제 node 기반의 webserver Express 설치하자.npm instal

get 요청 처리 Node에서 제공되는 get 함수를 이용해서 처리 해보자. html 파일로 응답하기 위해 public 이라는 폴더를 생성하고, 안에 main.html 파일을 만들었다. dirname은 최상위 디렉토리를 의미한다. main.html 간단하게 작성

post방식으로 form 데이터를 서버로 보냈을 때, 서버에서 어떻게 처리할 수 있을까action = 어디로? method = 어떻게? get으로 올 경우 req.param으로 받으면 되지만,post 같은 경우 별도의 모듈이 필요하다.npm instal bady-par

express에서 html 응답을 줄 때 데이터와 html 데이터를 어떻게 결합해서 응답할까? 지금까지 간단한 html과 데이터만 응답처리 했지만, 더 복잡한 html을 처리해야 한다면? npm install ejs --save 설치를 완료 했다면, 다른 lib

ejs 부터 간단하게 살펴보고 다음 단계로 넘어가보자. ejs 란? Embedded JavaScript의 약자로, 자바스크립트가 내장되어 있는 html 파일이다. 내장되어 있지 않으면 .js파일을 src로 html안에 불러오면 되지만 ejs는 jsp나 부트의 must

앞에서 작성한 form.html에 이어서 작성 한다.body 태그 내에 함수를 호출 할 버튼과 데이터를 받아서 출력해줄 태그를 만들었다.이렇게 작성 해주고, app.js에서 요청을 받아 처리하면 된다.app.js에 내용을 작성 해보자.새로고침 되지 않고 잘 비동기 처리

express 설정필요한 npm 모듈 설치npm initnpm install express --savenpm install body-parser --savenpm install ejs --saveinput UI만들기 (검색창)검색결과를 받아 dummy json 형태를

MySQL 설치 후, DBeaver도 설치 해준 후 DB연결을 해줬다.ikaes라는 db 안에 user라는 테이블을 만들어 준다.여태 반복 해왔지만, 설치 후 이제 메인에 정의 해줘야 사용이 가능하다.선언을 해준 후 접속 정보를 입력 해줘야 한다. (spring 사용

이번엔 라우팅 처리하는 부분을 모듈화 특정 엔드 포인트에 대한 클라이언트 요청에 서버가 응답하는 방법을 결정 하는 것. 즉 화면이 전환될 때 안내를 한다고 생각하면 된다. \*\* 엔드포인트 URI(경로) 와 HTTP 요청 메서드(GET, POST, PUT, DEL

애플리케이션 레벨의 미들웨어와 라우터 레벨의 미들웨어가 있는데 이번에 사용하고 알아볼 것은 라우터 레벨의 미들웨어 이다.라우터 레벨은 express.Router() 로 생성할 수 있는 router 인스턴스에 미들웨어 바인딩router.use()나 router.METHO

회원가입을 위한 페이지를 만들어보자.이번에는 폴더를 따로 지정 해줬다.Router 폴더 안에 join이라는 폴더를 만들고, 그 안에 index.js를 만들자.index.js 만들어준 후 public 하위에 join.html을 만들자.join.html후에 join이라는