🥄테크 한 스푼

CORS란 무엇인가 – 브라우저에서 API 요청이 막히는 이유

목차개발하다가 갑자기 막히는 그 오류동일 출처 정책(Same-Origin Policy)이란?CORS란 무엇인가?CORS 오류가 발생하는 상황CORS 오류를 해결하는 방법CORS 관련 HTTP 헤더 이해하기Preflight 요청이란?정리 및 다음 단계1. 개발하다가 갑자기 막히는 그 오류웹 개발을 처음 시작하면 반드시 한 번은 마주치는 오류가 있습니다. 브라우저 콘솔에 다음과 같은 메시지가 뜨면서 API 요청이 막히는 상황입니다.Access to fetch at 'https://api.example.com' from origin 'http://localhost:3000' has been blocked by CORS policy.이 오류를 처음 보면 무슨 의미인지, 어떻게 해결해야 하는지 당황스럽습니다. 이..

JWT 토큰이란 무엇인가 – 토큰 기반 인증 쉽게 이해하기

목차세션 방식의 한계JWT란 무엇인가?JWT의 구조JWT 인증 동작 방식세션 방식 vs JWT 방식 비교JWT의 장점과 단점JWT 사용 시 주의해야 할 보안 사항정리 및 다음 단계1. 세션 방식의 한계앞서 세션 방식의 로그인을 배웠습니다. 사용자가 로그인하면 서버가 세션을 생성하고, 세션 ID를 쿠키로 전달하는 방식입니다.세션 방식은 잘 동작하지만 한 가지 큰 문제가 있습니다. 사용자 정보가 서버 메모리에 저장되기 때문에, 서버가 여러 대로 늘어나면 문제가 생깁니다.예를 들어 서버 A에서 로그인해서 세션이 서버 A에 저장됐는데, 다음 요청이 서버 B로 전달되면 서버 B에는 그 세션 정보가 없어서 로그인이 풀리는 현상이 생깁니다. 트래픽이 많은 대형 서비스에서는 서버를 여러 대 운영하는 것이 기본이기 때문..

쿠키와 세션의 차이 – 개념 및 활용, 로그인 상태는 어떻게 유지되는가?

목차로그인은 한 번만 했는데 왜 계속 유지될까?HTTP는 기본적으로 상태를 기억하지 못한다쿠키(Cookie)란 무엇인가?세션(Session)이란 무엇인가?쿠키와 세션의 차이 비교실제 로그인 과정에서 쿠키와 세션이 동작하는 방식쿠키와 세션의 보안 이슈정리 및 다음 단계1. 로그인은 한 번만 했는데 왜 계속 유지될까?네이버에 로그인하면 브라우저를 닫았다 열어도 로그인 상태가 유지됩니다. 반대로 어떤 사이트는 일정 시간이 지나면 자동으로 로그아웃됩니다.인터넷 쇼핑몰에서 상품을 장바구니에 담고 페이지를 이동해도 장바구니 내역이 사라지지 않습니다. 이런 것들이 모두 가능한 이유가 바로 쿠키와 세션 덕분입니다.2. HTTP는 기본적으로 상태를 기억하지 못한다쿠키와 세션을 이해하려면 먼저 HTTP의 특성을 알아야 합..

JSON이란? – JSON 뜻, 목적, 데이터를 주고받는 형식 쉽게 이해하기

목차API 응답에서 자꾸 나오는 이 형태는 무엇인가?JSON의 정의JSON의 기본 문법JSON에서 사용할 수 있는 데이터 타입JSON vs XML – 왜 JSON이 대세가 됐나?실제 서비스에서 JSON이 사용되는 방식정리 및 다음 단계1. API 응답에서 자꾸 나오는 이 형태는 무엇인가?REST API를 배우면서 서버 응답 예시로 아래와 같은 형태를 자주 봤을 것입니다. { "name": "홍길동", "age": 30, "email": "hong@example.com"}중괄호, 따옴표, 콜론, 쉼표로 이루어진 이 형태가 바로 JSON입니다. 웹 개발에서 데이터를 주고받을 때 가장 널리 쓰이는 형식입니다.2. JSON의 정의**JSON(JavaScript Object Notation)**은 데이터를 ..

REST API란 – GET, POST, PUT, DELETE 완전 정리

목차API를 배웠는데 REST는 또 뭔가?REST API의 정의REST의 핵심 원칙HTTP 메서드 완전 정리 – GET, POST, PUT, DELETEREST API URL 설계 방식REST API 요청과 응답의 구조REST API가 아닌 것들 – SOAP와의 차이정리 및 다음 단계1. API를 배웠는데 REST는 또 뭔가?API가 "서로 다른 소프트웨어가 소통하는 창구"라는 것을 배웠습니다. 그런데 개발 관련 글을 읽다 보면 단순히 "API"가 아니라 "REST API", "RESTful API"라는 표현을 더 자주 만나게 됩니다.REST는 API를 만드는 여러 방식 중 하나입니다. 현재 웹 서비스에서 가장 널리 사용되는 API 설계 방식이기 때문에, 웹 개발을 배운다면 REST API 개념은 반드시..

API란 무엇인가 – API 개념, API 목적 등에 대 쉬운 설명

목차API라는 단어, 어디서 많이 들어봤는데?API의 정확한 정의일상 속 API – 실생활 비유로 이해하기API가 실제로 사용되는 사례API의 종류API 없이는 어떤 일이 생길까?정리 및 다음 단계1. API라는 단어, 어디서 많이 들어봤는데?뉴스나 IT 관련 글을 읽다 보면 "API를 연동했다", "API 키를 발급받아야 한다", "API 요청 한도를 초과했다"는 표현을 자주 접하게 됩니다. 개발자들 사이에서는 너무나 당연하게 쓰이는 단어지만, 처음 접하는 분들에게는 막연하게 느껴질 수 있습니다.이 글에서는 기술적인 설명을 최대한 줄이고, 일상적인 비유를 통해 API가 무엇인지 쉽게 설명드립니다.2. API의 정확한 정의**API(Application Programming Interface)**는 서로..

목차서버 없이도 웹사이트를 올릴 수 있다정적 사이트란 무엇인가?GitHub Pages – 가장 간단한 무료 호스팅Netlify – 자동 배포와 편리한 기능Vercel – 프론트엔드 개발자의 최애 도구세 서비스 비교 정리어떤 서비스를 선택해야 할까?정리 및 마무리1. 서버 없이도 웹사이트를 올릴 수 있다지금까지 서버를 직접 운영하는 방법을 배웠습니다. 하지만 모든 웹사이트가 서버를 직접 운영해야 하는 것은 아닙니다.포트폴리오, 블로그, 랜딩 페이지처럼 서버에서 동적으로 처리할 것이 없는 사이트라면, 서버를 빌리고 세팅하는 수고 없이 훨씬 간단하게 배포할 수 있습니다.GitHub Pages, Netlify, Vercel은 이런 사이트를 무료로 간편하게 배포할 수 있게 해주는 서비스입니다. 각각 특징이 다르기..

목차친구에게 내 서버 주소를 알려줬는데 접속이 안 된다?내부 네트워크와 외부 네트워크란?사설 IP 주소의 범위NAT – 사설 IP가 인터넷과 통신하는 방법포트 포워딩이란 무엇인가?클라우드 서버와 공인 IP자주 발생하는 접속 문제와 해결법정리 및 다음 단계1. 친구에게 내 서버 주소를 알려줬는데 접속이 안 된다?처음 서버를 공부하다 보면 이런 상황이 생깁니다. 내 컴퓨터에서 서버를 실행하고 IP 주소를 확인해 보니 192.168.0.5 였습니다. 이 주소를 친구에게 알려줬더니 접속이 안 된다고 합니다.또는 AWS에서 서버를 만들고 내부 IP를 브라우저에 입력했더니 접속이 안 되는 경험도 있을 수 있습니다.이 모든 상황의 원인은 내부 네트워크와 외부 네트워크의 차이를 이해하지 못했기 때문입니다.2. 내부 네..

목차백업하지 않으면 언젠가 반드시 후회한다무엇을 백업해야 하는가?rsync란 무엇인가?rsync로 로컬 백업하기rsync로 원격 서버에 백업하기cron으로 백업 자동화하기데이터베이스 백업 자동화백업 보존 기간 관리하기정리 및 다음 단계1. 백업하지 않으면 언젠가 반드시 후회한다서버 운영자들 사이에는 이런 말이 있습니다. "백업을 하는 사람과, 아직 데이터를 잃어본 적 없는 사람만 있다"고요.디스크 고장, 실수로 인한 파일 삭제, 랜섬웨어 감염, 서버 제공업체의 장애 등 예상치 못한 이유로 데이터가 사라지는 일은 언제든 일어날 수 있습니다. 이런 상황에서 유일한 해결책은 미리 만들어둔 백업입니다.2. 무엇을 백업해야 하는가?반드시 백업해야 할 항목으로는 웹 서비스의 업로드 파일(/var/www/html 등..

목차SSH를 끊으면 실행 중이던 프로그램이 꺼진다?포그라운드와 백그라운드의 차이& 기호로 백그라운드 실행하기nohup이란 무엇인가?nohup과 &를 함께 사용하는 방법실행 중인 백그라운드 프로세스 관리하기PM2 – Node.js 앱을 위한 더 나은 방법정리 및 다음 단계1. SSH를 끊으면 실행 중이던 프로그램이 꺼진다?서버에 SSH로 접속해서 Python 스크립트나 Node.js 앱을 실행했는데, SSH 연결을 끊는 순간 실행 중이던 프로그램도 함께 종료되는 경험을 해본 적 있으신가요?이것은 리눅스의 정상적인 동작입니다. SSH 세션이 종료되면 해당 세션에서 실행된 모든 프로세스에 종료 신호(SIGHUP)가 전달되어 함께 종료됩니다. 서버에서 프로그램을 장시간 실행해야 하는 경우에는 nohup과 & 를..