기타 (3) 썸네일형 리스트형 프로젝트에서 CORS(Cross Origin Resource Sharing) 문제 Front, Back 구분 지어서 프로젝트를 진행하게 되면 초기에 CORS라는 문제에 봉착하게 된다. 이 CORS는 브라우저에서 발생시키는 에러로써, 현재 브라우저 접속 (도메인+포트)과 다른 (도메인+포트) 자원을 요청했을 때 그 원인이 된다. (현재 브라우저 접속 도메인+포트 VS API 서버 (도메인+포트)) 이는 브라우저와 같은 클라이언트에서 API 서버로 다이렉트로 요청을 하게 되었을 때의 문제를 차단하기 위한 것이고 이를 해결하려면 두 가지 방식이 있다.. CORS의 경우 브라우저가 아닌 서버 대 서버로 다른 도메인의 Request를 날려도 CORS 문제가 나지 않는 부분을 이용해 아래 2가지 방법을 고려해본다.. 1. "프록시 방식" 으로 브라우저와 API 서버간에 웹 서버를 통해(웹서버로 .. VSCode - Prettier, ESLint 사용하기 VSCode에서 제공해주는 기능이 많이 있어서 간혹 VSCode 자체에서 처리하는건지 설치한 익스텐션에서 처리하는건지 햇갈리는 경우가 있는데 특히나 fomatter 같은 경우 햇갈린다. 왜냐하면 VSCode, Prettier, ESLint 모두 포매팅 기능이 있기 때문이다. 따라서, 셋 중에 어떤 기능을 이용해서 포매팅해야할지 선택해야하는데 보통, 소스 스타일링은 - Prettier, 문법체크, 코딩 컨벤션 룰은 - ESLint 를 사용하고 VSCode는 에디터로써, 포맷을 어느 시점에 정리할지 등을 정의해두는 듯하다. 그니까.. 각 Tool이 지니고 있는 고유한 장점을 이용하는거다. 1. 설정하기 전에 필요한 패키지 설치 1.eslint-plugin-react: 리액트와 관련된 eslint 룰셋 2.e.. GET vs POST 방식 HTTP 프로토콜로 웹 서버에 요청을 보내는 방식에는 GET, POST, PUT, DELETE가 있다. Request에는 Header, Body 부분으로 나뉘는데 GET 방식은 헤더 부분에 요청 정보를 넣어서 보내고 POST방식은 본문 부분에 요청정보를 넣어서 보낸다. 이전 1 다음