본문 바로가기

학원에서 배운 것85

KDT 5th 웹개발자 입문 수업 30일차 쿠키의 값을 전달 프론트에서 쿠키의 값을 잘라서 쓰기 싫다면 -> 백엔드에서 쿠키의 값을 구하여 프론트에 전달한다. res.cookie(쿠키명, 쿠키값, { 쿠키 옵션 }); res.render() 에 해당 쿠키를 req.cookies.쿠키명으로 접근하여 브라우저에 값을 저장해줄 수 있다. 이때 쿠키 옵션의 httpOnly 를 true로 해주면 프론트에선 접근할 수 없고 백에서만 접근할 수 있는 쿠키가 만들어진다. (쿠키의 값은 전달이 되는거지만, 쿠키의 값이 보이지는 않는다) 쿠키 옵션 1. 쿠키 생존 기간 expires : new Date() 생성자를 사용하여 시간을 지정 ex. expires : new Date(Date.now() + 1000 * 6) -> 6s maxAge : 생성된 시간부터 ms.. 2023. 3. 17.
사용자 입력, form 태그에 대해 form 태그는 사용자가 입력한 데이터를 수집하기 위해 사용되며, input, textarea, button 등의 입력 양식 태그를 포함한다. form 태그의 속성 action 속성 : 입력 데이터가 전송될 url 지정 method 속성 : get / post 입력 데이터 전달 방식 지정 GET, POST 는 HTTP 프로토콜을 이용하여 사용자 입력 데이터를 서버에 전달하는 방식을 나타내며, 이를 HTTP request method 라고 한다. GET url에 입력 데이터를 쿼리 스트링으로 보내는 방식 전송 url 바로 뒤에 ?를 통해 데이터의 시작을 알려주고 key-value 형태의 데이터를 추가한다. 1개 이상 데이터를 전송할 때는 &로 구분한다. url에 전송 데이터가 모두 노출되기 때문에 보안상 .. 2023. 3. 16.
KDT 5th 웹개발자 입문 수업 29일차 API 한 프로그램에서 다른 프로그램으로 데이터를 주고 받기 위한 방법 게시판 서비스를 위한 TABLE 생성 CREATE TABLE board ( `ID_PK` INT NOT NULL PRIMARY KEY AUTO_INCREMENT, `TITLE` VARCHAR(100) NOT NULL, `CONTENT` VARCHAR(300) NOT NULL, `REGISTER_DATE` DATETIME DEFAULT CURRENT_TIMESTAMP, `UPDATE_DATE` DATETIME DEFAULT CURRENT_TIMESTAMP ON UPDATE CURRENT_TIMESTAMP ); const connection = require('./dbConnect'); const boardDB = { // 모든 게시글 .. 2023. 3. 16.
KDT 5th 웹개발자 입문 수업 28일차 -2 DB 통신을 하는 back 서버를 구축하기 백엔드 폴더에 DB를 컨트롤하는 controllers 폴더를 생성하고 mysql을 읽어오는 dbConnect.js 를 만들어준다. const mysql = require('mysql'); const connection = mysql.createConnection({ host: 'localhost', user: 'root', password: '12345678', port: '3306', database: 'mydb', }); connection.connect(); module.exports = connection; npm i mysql 로 설치부터 require 로 mysql을 읽어오고 createConnection() 으로 연결해준다. createConnect.. 2023. 3. 15.

티스토리툴바