본문 바로가기

학원에서 배운 것85

[포스코 x 코딩온] 주차 정리 회원 관리 서버 정리 // main const express = require('express'); const userRouter = require('./router/user'); const app = express(); const PORT = 4000; app.set('view engine', 'ejs'); app.use(express.static(__dirname + '/public')); app.use('/users', userRouter); app.get('/', (req, res) => { res.send('회원 관리 서버 구현'); }); app.listen(PORT, () => { console.log(`서버가 ${PORT} 에서 구동 중`); });​ // users.js // @ts-check const ex.. 2023. 3. 10.
KDT 5th 웹개발 입문 수업 24일차 express Routing 프론트에서 백엔드로 요청을 보낼 때는 주소값을 다르게 보내서 요청한다. 따라서 백엔드에서는 각각 주소에 따라서 각기 다른 역할을 해주면 된다. ➡️ 주소에 따라서 각기 다른 역할을 하도록 나누는 방법을 Rounting 이라고 한다. 메서드별 요청에 따른 Routing app.post() app.get() app.put() app.delete() Express router 미들웨어 -> express.Router() express.Router() 를 사용하면 특정 url 요청에 대한 것들을 묶어서 처리가 가능 해당 라우터, 미들웨어 사용을 위해 app.use(사용해줄주소, 라우터명) 으로 설정해준다. 라우터를 설정해주면 해당 라우터명을 사용하여 서버 설정이 가능 const ex.. 2023. 3. 9.
KDT 5th 웹 개발자 입문 수업 23일차 비동기를 동기로 바꾸는 방법 Callback 함수 Promise async / await Callback 순차적으로 함수를 실행하고 싶을 때 함수 내부에서 함수를 부르는 것 좀더 안정적, 순차적으로 실행을 보장 받을 수 있음 매개변수로 값만 전달하는 것이 아닌 함수를 전달해보자는 아이디어 아래, 기존처럼 함수 내부에서 다른 함수를 호출하는 것 상황에 맞게 함수를 변경하여 호출하는 것 호출하는 수준을 넘어 그 자리에서 바로 정의해서 사용하는 것 이 가능해진다. function multiplication(num, cb) { let ans = 0; setTimeout(function() { ans = num * num; cb(ans); }, 1000); } function consoleLog(result) {.. 2023. 3. 8.
KDT 5th 웹개발자 입문 수업 22일차 API (Application Programming Interface) 서로 다른 두 어플리케이션이 통신을 할수 있도록 해주는 통신 규약 ➡️ 프론트엔드/백엔드 사이 통역을 해주는 것 통신 규약 -> http:// ➡️ REST : API (Representational State Transfer API) 라고 통칭 ➡️ 그중에서도 JSON (Javascript Object Notation, 객체의 문자열화)을 주로 사용함 프론트 -> 백엔드 정보를 요청 시 1. 정보를 읽어오려면 async / await + fetch() 사용 - POST/GET 2. 서버에서 페이지 자체를 읽어오려면 ejs 등 사용 ejs ejs 는 Embedded Javascript 의 약자로 자바스크립트가 내장되어 있는 html .. 2023. 3. 7.

티스토리툴바