개발냥발

CORS(Cross-Origin Resource Sharing, 교차 출처 리소스 공유) 란, 보안을 위해 출처가 같을 때만 리소스를 공유할 수 있도록 만든 정책임. 즉, CORS Error가 발생한다는 것은 요청하는 URL과 응답하는 URL이 일치하지 않기 때문임. (MDN 접근 제어 시나리오 예제 참고) 해결하기 가장 좋은 방법은 서버에서 설정해주면 됨. 하지만, 내가 원하는대로 서버를 건들지 못하는 경우들이 있음. 그럴 때 해결하는 방법들을 정리하고자 함. 1. Chrome Extension 사용 많은 사람들이 이용하는 chrome extension 중 하나인 ' Allow CORS: Access-Control-Allow-Origin' 임. 이걸 해도 안 될 때가 있음. 2. Chrome 속성에서 ..

많고 많은 부트캠프와 저렴한 강의들 사이에서 굳이 메가테라를 선택한 이유와 매 주차 공부하면서 느꼈던 점을 한 번 정리 해보고자 한다. 참고로 나는 의지박약을 극복하기위해 돈으로 의지를 사는 편이다. 혼자 운동을 하면 자주 안 갈 것을 알기 때문에 방송댄스 주 2회씩 6개월정도 다니기도 했고, 1년 회원권에 PT 30회를 결제한 이력이 있다. (PT 30회 끝난 후로 거의 안 감) 메가테라 선택한 이유 웨비나에서 맞는 말만 듣다보니 신뢰감이 생겨서 선택했다. 네트워킹에 목말라있던 상태에서 괜찮은 행사가 없는지 festa를 뒤적이던 날이었다. 여러 행사 중 웨비나가 있다는 것을 알게 되었고 개발 초보에겐 매우 탐나는 주제를 담고 있기에 참여 신청을 하고 참여까지 하게 되었다. 어딜 가더라도 친한 사이 아닌..

벌써 7주차라니 믿기지 않는다. 시간이 너무 잘 간다. 이번 주에는 React Router에 대해 배우는 시간이었다. 처음엔 Vue에서 사용하는 Router와 많이 다를 것 같단 생각을 했는데 아니었다. 기본 개념과 동작방식이 매우 유사했다. 그래서인지 이해하는데 어려움이 없었다. 다만 Vue는 Vue 인스턴스에 라우터를 옵션으로 전달, React는 라우터 컴포넌트를 애플리케이션의 루트에 넣어서 사용하는 차이점이 있었다. router를 설치할 때는 개발용으로만 쓰이는 것이 아니므로 아래와 같이 입력하여 설치하면 된다. npm i react-router-dom 사용 예제 아래 참고 // React Router 예제 import React from 'react'; import { BrowserRouter a..