코드의 오아시스

토이프로젝트를 진행하는 도중에 처음으로 내가 API를 만들어 ajax, Fetch를 통해서 네트워크 통신을 하려고 하였다.그런데 웬걸 크롬에 개발자 도구에서  콘솔(console) 창을 보았더니 무슨 무서운 빨간색 글씨가 있었다...  이 에러는 CORS에 대한 에러이고 앞으로도 CORS를 제대로 모르면 이러한 문제를 매일 매번 직면할 것 같아서이번에 왜 이러한 보안 정책이 생겼고 어떻게 해결해 나아갈지 작성해 보려고 한다.CORS 모르는 사람도 재밌게 볼 수 있도록 작성해 볼게요~~     CORS 란 무엇인가? Cross-Origin Resource Sharing 으로써 한국어로 직역하면 다른 출처 간 출처 리소스 공유라고 해석할 수 있다.    엥? 다른 출처 간 리소스 공유? 출처는 뭐지? 뭘 공..

저는 비전공자이기 때문에 네트워크가 어떻게 이루어지는 지도 몰랐으며, API를 이용하여 서버와 어떻게 통신하여 데이터를 주고받는지 큰 틀을 알기 위해서 작성하게 되었습니다. 너무 자세하게 작성하여 알게 하는 것이 목적이 아닌 처음 보는 모르는 사람도 재미나게 읽으면서 이해하는 게 목적입니다 ^^ 네트워크 계층이란 뭘까? 데이터를 주고받기 위해 네트워크로 통신하는 각 과정을 계층으로 분리하여 개념화한 모델입니다. 그래서인지 각 계층의 구간 별로 어떻게 데이터가 변하는지, 움직이는지, 오류가 어디서 발생하는지 쉽게 찾을 수 있습니다. 계층의 시각화 OSI 7 계층에 응용 계층, 표현 계층, 세션 계층이 합쳐져 TCP/IP 모델에서는 하나의 응용 계층이 되었고 물리 계층, 데이터 링크 계층이 합쳐져 네트워크 ..

HTTP 상태코드 HTTP Status Code(= HTTP 상태 코드)는 서버에서 설정해주는 응답 정보입니다. 그래서 네트워크 통신을 하여 상태코드를 분석하여 어떤 종류의 오류가 났는지 어떤 행동을 할 것인지에 대한 지표가 됩니다. 2xx 상태 코드 200번대의 상태 코드는 대부분 성공을 의미합니다. 200 : OK (성공) 요청에 대한 성공, 보통 GET 요청에 대한 성공 응답으로 사용된다. 201 : Created (생성 됨) 요청에 대한 리소스 생성완료, 보통 POST 요청을 처리하고 새롭게 DB or 파일이 생성된 경우 사용된다. 202 : Accepted (수락 됨) 요청이 접수되었으나 아직 처리가 완료되지 않음, 비동기적인 작업을 수행할 때 사용된다. 204 : No Content (내용 없..