231110 - 카카오 로그인 (feat. KOE010)

카카오 로그인 토큰 받기 문제 카카오 로그인 중 2단계에 해당하는 토큰을 받아오는 과정에서 axios로는 정상적으로 받아오는데 fetch로는 받아오지 못하는 문제가 발생했다. 처음에 fetch를 사용했던 방법은 const url = `https://kauth.kakao.com/oauth/token` const body = { grant_type: 'authorization_code', client_id: process.env.REST_API as string, redirect_uri: process.env.REDIRECT as string, code, } const result = await fetch(url, { method: 'POST', headers: { 'Content-Type': 'applic..

• format_list_bulleted 시작/TIL(Today I Learned)
• · 2023. 11. 10.
• textsms

230105 - JavaScript - AJAX, FETCH, AXIOS를 이용한 비동기 통신하기

jQuery를 이용하지 않음. 오늘 내가 배운 것 1. 비동기방식 통신이란? 2. 프론트엔드에서 데이터 요청하기 AJAX fetch axios 비동기방식 통신이란? 동기식 방식은 요청을 보낸 후 응답을 받아야 다음 작업을 할 수 있지만 비동기 방식은 요청을 보내고 응답을 기다리지 않고 다른 일을 할 수 있는 상태이다. 그래서 이를 이용하면 웹 페이지를 새로고침 없이 원하는 데이터를 이용하여 웹 페이지의 구성을 바꿔 줄 수 있다. 프론트엔드에서 데이터 요청하기 지금 코드는 front 서버와 back 서버를 분리한 상태이고, MySQL을 이용하여 데이터베이스를 만든 후 데이터가 있는 상태에서 그 값을 back 서버의 라우터를 이용하여 불러오는 과정이다. front와 back 서버가 분리되어 있기 때문에 co..

• format_list_bulleted 시작/TIL(Today I Learned)
• · 2023. 1. 5.
• textsms