본문 바로가기

분류 전체보기321

KDT 5th 웹개발 입문 수업 25일차 Module 특정 기능을 수행할 수 있는 최소한의 단위 ➡️ 모듈이 커지면 라이브러리가 되는 것! ➡️ 패키지 ➡️ 프레임워크 JS에서 Module 사용하기 다른 사람이 만든 기능을 활용할 때 코드를 매번 붙여 넣기 힘드므로 파일로 받아서 사용하는 방식을 고안 CommonJS 방식 (ex. require( )) ES6 방식 (ex. 리액트) CommonJS 방식 node.js에서 사용되는 모듈 방식 중 하나 전체 모듈로써 내보내고 전체를 하나의 객체로 받아서 사용하는 방법 키워드 : require, exports 1. 기능 하나하나 객체에 담아서 빼주기 1) module.exports = { }; 으로 객체 형식으로 모듈을 빼줄 수 있다. 2) require() 로 모듈을 불러올 수 있으며, 코드 어느 .. 2023. 3. 10.
[포스코 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.

티스토리툴바