✍ 공부/개발환경 & 그 외

CORS에러란? (CORS와 SOP, CORS header)

VUE랑 Django를 함께 사용해보고있는데... 너어어무재밌잖아!?!!?! 별 생각 없이 프론트가 재밌어보여~ 프론트해야지!! 하고 시작했는데 알고보니 웬걸 백엔드도 너무너무 재밌어요ㅎㅎ 여유가 생기면 백엔드도 조금 더 깊게 들어가봐야겠습니당 무엇보다 싸피에서 함께 공부하는 백엔드분이 자신의 전문분야에 대해서 너무 신나게 말씀하시는게 좋아서 더 배워보고 싶어요 서두가 너무 길다..! 0. CORS 에러란? 프론트 : API 줄 수 있니? 백 : ㅇㅇ 기다려봐 여기!! 브라우저 : 둘이 뭐하냐? -- 차단! 간단히 말하면 이런 내용입니다. 브라우저가 요청을 보내고 서버의 응답은 브라우저까지 다시 도착하지만(200) 브라우저가 보안상의 위주로 CORS 에러를 발생시키는 것입니다 CORS에러는 SOP를 기반..

[ 프론트엔드 개발환경 ] 웹팩

0. 태초에 혼돈이 있었다 혼돈이 아니고서는 이것을 설명할 수 없었다. 문법 수준으로 모듈이 지원되기 시작한 것은 ES2015부터인데, 이 전 상황은 혼돈 그 자체다. 모든 코드가 하나의 HTML 파일 안에서 실행되면서. 모든 함수가 전역 공간에 노출된다. 따라서 다른 파일에서 같은 이름을 쓰면 충돌이 일어난다. => 모든 파일의 모든 함수명을 다르게 작성해야 했다 1. 스코프 사용 따라서 함수 스코프를 사용하게 되었다. iife방식의 모듈을 이용해 함수 스코프를 만든다. 따라서 외부에서 접근할 수 없는 '함수 스코프'라는 공간에 함수가 격리된다. => 함수 외부에서(같은 파일에서도) 같은 이름을 사용하더라도 충돌이 일어나지 않는다. == 접근할 수 없다 이러한 방시을 이용해서 각 커뮤니티 각각의 스펙을..