{ try { const response = await fetch(endPoint + "/countries", { method: "POST", credentials: "include", // 이 부분을 추가해야 쿠키를 담아서 보내게 된다! headers: { "Content-Type": "application/json", "CSRF-Token": localStorage.getItem("csrfToken"), }, body: JSON.stringify({ toCountry: toCountry, }), }) const data = await response.json() } catch (err) { console.error(`Error fetching country data: ${err}`) } } 백엔드 a..

Day 13 : ??? : 나 serverless deploy 쳐본 사람이야 Day 12-1 CSRF 와 CORS 는 매우 연관이 깊다?! Day 11 : 싸우자 해커야! CSRF, HttpOnly, CSP 대응하기 Day 10 : MySQL2 오류, "Client does not support authentication protocol requested by server" 해결 방법 Day 9 : 에러나면 손모가 xpmxf4.tistory.com 위 글을 보고 오시는 것을 추천드립니다! 1. 오늘의 주제 오늘은 Lambda 함수에서의 CORS 처리를 하는 법에 대해서 저의 에러를 통해 알아보겠습니다! 저번 글까지 저는 저의 Express를 Serverless-http 라이브러리를 통해 람다 함수로 W..

Day 12-1 CSRF 와 CORS 는 매우 연관이 깊다?! Day 11 : 싸우자 해커야! CSRF, HttpOnly, CSP 대응하기 Day 10 : MySQL2 오류, "Client does not support authentication protocol requested by server" 해결 방법 Day 9 : 에러나면 손모가지 날라가붕께 더보기 Day 8 : 가상 DOM 생성 xpmxf4.tistory.com Day 12-2 : 솔직히 본인 테이블에 더미 데이터 1,000 개 넣어본 사람? 없으면 보자, 프로시저로 더미 [Day 12-1] CSRF 와 CORS 는 매우 연관이 깊다?! Day 11 : 싸우자 해커야! CSRF, HttpOnly, CSP 대응하기 Day 10 : MySQL2 ..

[Day 12-1] CSRF 와 CORS 는 매우 연관이 깊다?! Day 11 : 싸우자 해커야! CSRF, HttpOnly, CSP 대응하기 Day 10 : MySQL2 오류, "Client does not support authentication protocol requested by server" 해결 방법 Day 9 : 에러나면 손모가지 날라가붕께 더보기 Day 8 : 가상 DOM 생성 xpmxf4.tistory.com 위 글을 보고 오시는 것을 추천드립니다! 1. 오늘의 주제 하루에 하나만 했으면 참 좋았을 텐데 처음으로 하루에 2 개의 글을 써보네요... 각설하고 이번에 해야 할 일은 통계 API 만들기입니다! 2. 주제에 대한 간략한 설명 ISL의 가장 큰 핵심 기능은 나라에다가 개인이 법규..

Day 11 : 싸우자 해커야! CSRF, HttpOnly, CSP 대응하기 Day 10 : MySQL2 오류, "Client does not support authentication protocol requested by server" 해결 방법 Day 9 : 에러나면 손모가지 날라가붕께 더보기 Day 8 : 가상 DOM 생성, 웹 스크래핑, 및 JSON 데이터 MySQL 저장 (후 많다 xpmxf4.tistory.com 위 글을 보고 오시는 것을 추천드립니다! 1. 오늘의 주제 사용자가 웹페이지를 열었을 때 CSRF 토큰을 바로 가져오도록 하는 것입니다! 2. 주제에 대한 간략한 설명 상단의 Day11 의 글에서 설계한 것 처럼 사용자가 ISL 홈페이지에 접속하자마자 CSRF 토큰을 받는 api 를 ..

Day 10 : MySQL2 오류, "Client does not support authentication protocol requested by server" 해결 방법 Day 9 : 에러나면 손모가지 날라가붕께 더보기 Day 8 : 가상 DOM 생성, 웹 스크래핑, 및 JSON 데이터 MySQL 저장 (후 많다 많아) Day 7 : 왜 굳이 웹 서버 프레임워크를 사용해야 하나? 2023.05.24 - [Project ISL/프 xpmxf4.tistory.com 위 글을 읽고 와주시면 감사하겠습니다! 1. 오늘의 주제 오늘의 주제는 바로 기존의 코드에 보안 이슈를 해결하는 것입니다! 먼저 저번까지 완료된 /countries API의 코드를 보겠습니다. const express = require("exp..

Day 9 : 에러나면 손모가지 날라가붕께 더보기 Day 8 : 가상 DOM 생성, 웹 스크래핑, 및 JSON 데이터 MySQL 저장 (후 많다 많아) Day 7 : 왜 굳이 웹 서버 프레임워크를 사용해야 하나? 2023.05.24 - [Project ISL/프론트엔드] - Day 6 : 첫걸음은 '레이아웃 xpmxf4.tistory.com 위 글에서 파생된 에러에 대한 설명하는 글입니다! 꼭 읽고 와주시면 감사하겠습니다! 발생 원인 문제가 발생한 코드부터 바로 보겠습니다! const express = require("express") const mysql = require("mysql2") const fs = require("fs") const router = express.Router() const ..

Day 8 : 가상 DOM 생성, 웹 스크래핑, 및 JSON 데이터 MySQL 저장 (후 많다 많아) Day 7 : 왜 굳이 웹 서버 프레임워크를 사용해야 하나? 2023.05.24 - [Project ISL/프론트엔드] - Day 6 : 첫걸음은 '레이아웃 설계'로부터 Day 6 : 첫걸음은 '레이아웃 설계'로부터 2023.05.18 - [Project ISL/프론트 xpmxf4.tistory.com 이전 글을 읽어와 주시면 감사하겠습니다 :) 오늘은 API 를 바로 작성해 볼 것입니다! 하지만 언제나 제가 글에서 얘기하듯, 무턱대고 코드 짜는 건 장기적인 관점에서... 는 사실 단기적인 관점에서도 지'양'할 일이죠. 그리고 아직 Node+Express 에 갓입문한 병아리이기 때문에 API를 작성하기 ..

Day 7 : 왜 굳이 웹 서버 프레임워크를 사용해야 하나? 2023.05.24 - [Project ISL/프론트엔드] - Day 6 : 첫걸음은 '레이아웃 설계'로부터 Day 6 : 첫걸음은 '레이아웃 설계'로부터 2023.05.18 - [Project ISL/프론트엔드] - Day 5 : 세계지도 인터랙션, 국가별 호버 이벤트 xpmxf4.tistory.com 이전 글을 읽고 와주시면 감사하겠습니다 :) 오늘의 WORK 오늘은 3 가지의 작업을 완료했습니다. world-map.html 에 존재하는 나라들의 국가코드(ISO 3166-1 alpha-2)를 모으기 해당 국가코드들의 풀네임을 매핑한 json 생성 이렇게 생성한 json 파일을 JavaScript로 DB에 넣기 world-map.html 에서..

2023.05.24 - [Project ISL/프론트엔드] - Day 6 : 첫걸음은 '레이아웃 설계'로부터 Day 6 : 첫걸음은 '레이아웃 설계'로부터 2023.05.18 - [Project ISL/프론트엔드] - Day 5 : 세계지도 인터랙션, 국가별 호버 이벤트와 법규(?) Day 5 : 세계지도 인터랙션, 국가별 호버 이벤트와 법규(?) 2023.05.17 - [Project ISL/프론트엔드] - Day 4 : 노력 xpmxf4.tistory.com 2023.05.14 - [Project ISL/기획] - Day1 : "일단 시작" 이 아니라 "설계부터" Day1 : "일단 시작" 이 아니라 "설계부터" 예전 개발을 막 시작했을 시절에는 일단 코드부터 작성하고 봤는 데 이제는 코드부터 들입다..