웹개발 짜증유발자! CORS가 뭔가요?

#cors #sop #웹개발
= = =
🏠 얄코사이트: www.yalco.kr
🛒 개발자스티커 구매: smartstore.naver.com/honeykers
🎥 가장 쉬운 Git 튜토리얼: • [고정댓글필독] 가장 쉬운 Git 강좌 ...
🎥 가장 쉽게 배우는 리눅스: • 가장 쉬운 리눅스 강좌
🎥 포인터 쉽게 알아보기: • 포인터가 뭐고 왜 쓰는건가요?
🎥 객체지향에 대해 알아보기: • 객체지향 프로그래밍이 뭔가요?
🎥 객체지향 디자인 패턴: • 객체지향 디자인패턴 1
🎥 함수형 프로그래밍이란?: • 함수형 프로그래밍이 뭔가요?
🎥 쿠키 vs 세션 vs 캐시: • 쿠키, 세션, 캐시가 뭔가요?
🎥 프로세스와 스레드: • 프로세스는 뭐고 스레드는 뭔가요?
🎥 비동기 프로그래밍: • [코딩만화] 비동기 프로그래밍이 뭔가요?
🎥 REST API 알아보기: • [구버전 - 고정댓글 필독] REST A...
🎥 GraphQL 알아보기: • [고정댓글 필독] GraphQL이 뭔가요?
🎵 엔딩송 : 권민호, 김한영 - Let's Dance
🎼 자료출처 : gongu.copyright.or.kr
🎼 Music promoted by DayDreamSound : • Video

[@yalco-coding]

CORS의 동작에 대한 자세한 내용은 아래 MDN 페이지에서 살펴볼 수 있습니다 🙂 developer.mozilla.org/ko/docs/Web/HTTP/CORS

[@jc_777]

얄코 라디오 너무 좋아요~~

[@gu_won_ja]

너무 유익한 영상이네요 ㅎㅎㅎ 알기쉽게 잘 설명해주셔서 감사합니다!!

[@rootelon]

와 대박! 이렇게 빨리 만들어주실 줄 몰랐습니다 영상 정말 감사히 보겠습니다

[@user-ib5yv8yg3h]

선생님 감사합니다 ..항상 많은 도움을 받고 있습니다

[@Makingfunk]

진짜 삽질 암청했었는데, 잘 정리해주셔서 감사합니다 ㅋㅋㅋ

[@KORDEVBACKEND]

좋은 영상 정말 감사합니다 :D

[@swyang9813]

ㅋㅋㅋㅋㅋ 설명이 너무 재밌습니당!!

[@lianmeikay7439]

ㅋㅋㅋㅋㅋㅋㅋㅋㅋ 정말 재밌고 유익했어요, 얄코님 고마워요~ 미토님도 ㅋㅋ

[@user-yc5yw3uh4j]

아 미토 너무 좋아요!!! 말투 너무 찰지고 개발 영상 보면서 유일하게 깔깔대고 웃게돼요!!

[@user-ux9ud7gf6q]

라디오 컨셉 너무 좋아요 ㅠㅠ 오늘도 잘 듣고 갑니다

[@user-vs7co9qo1c]

아는 내용임에도 왜 자꾸 보게되는가... 재밌어요!

[@yalco-coding]

ㅠ 감사합니다!!

[@yyyy-ff4kf]

오~~~~~?!!!! 이거 더 자주해주세요 미토쨩

[@___rockatansky9289]

라디오 너무 좋습니다... 짱짱...

[@user-zj9dk7ps6l]

와.... 삽질중에 발견했는데 너무 이해가 잘 돼요!!! 저는 브라우저에서 요청을 보내는걸 막는다 해서 서버를 만들어야 하나 하고 공부하고 있었거든요😢 감사합니다!!!!!

[@user-lr6os7ht1y]

코딩 사전... 너무 좋아요!!

[@Doppio_00]

이 영상 정말 유익함

[@devyun1954]

설명 짱짱짱!!!!!!!

[@bradreelee]

와... 도대체 CORS는 누구를 보호하기 위한 정책인가를 파악하는데 엄청 삽질 했는데, 영상 5분만에 이해해버렸습니다... 왜 브라우저에서만 CORS 정책이 적용되고 Postman이나 서버간 통신에선 적용안되는지 너무 명확하게 이해 되네요!! 정말 감사합니다

[@omphalos1000]

코딩 초보자인데 강의 내용이 너무 재미있습니다. 감사합니다.

[@user-rb8db5zu8d]

썸넬보고 빵 터졌네요ㅋㅋㅋ 처음에는 CORS 진짜 열받았는데 알고보니 우리편이였어ㅋㅋㅋㅋㅋㅋ

[@ryudaewan]

스프링 시큐리티의 CORS 설정이 이거 하란 거였군요. 덕분에 금새 이해했습니다 :)

[@keonwookim8589]

감사합니다!!

[@Jesus.Christ..]

아는 내용이라도 재밌어서 봅니다 :)

[@leobang2308]

재밌어요 ㅋㅋㅋ

[@gle_Goo]

마무리 항상 너무 웃겨요 ㅋㅋㅋㅋ

[@user-nh5mm2ss1c]

잘들었습니다

[@yjhgoec88]

미친토끼 너무 좋당. 좋아요.

[@purple7814]

cors가... 뭔지 알겠네요! 정말 감사합니다!

[@Kiki-zc3mh]

머리가 시원해지네요

[@whoamiwhoru]

아!! 그래서 express에 cors가 들어가는군요 ㅋㅋ 지금까지 그것도 모르고 썼네요 ㅠㅠ 쉽게 설명해 주셔서 너무 감사드려요~~

[@user-pu5km7zc1e]

감사합니다

[@whitebear__]

쿠키값이 자꾸 비어있어서 왜그런가 했더니 이 영상 보고 단번에 이해했습니다 ㅠㅠ credentials를 true로 해주고 와일드카드를 쓰면 안되는거였군요

[@yeah_Loo]

최근에 이것 땜에 고생하면서 엄청 배웠는데 이 영상 보고 댓글 보니 배울 게 더더 있네요! 정말 유익해요. 미토님 너무 웃긴데 된소리 발음 특히 웃기네욬ㅋㅋㅋ 혹시 전라도 분인가ㅋㅋㅋㅋㅋㅋ 좋은 채널 알게 됐으니 이제 출근길에 잘 들을게요~

[@gihyoungwon9013]

설명 감사드립니다! 덕분에 이해가 되었어요 그러면 위 영상에서의 문제를 해결하려면 네이버지도 서버쪽에 cors 설정을 통해서 미토씨의 URL을 등록해주도록 해야 할까요?

[@user-so9rq2yo9l]

미토 싸인받고싶어요🐰💖

[@user-dw4tm2kf8o]

아진짜 CORS에러나면 미토 빙의되는데 공감입니당ㅋㅌㅌㅋㅋㅋ

[@xmjin58]

말투가 너무 웃겨서 차마 사무실에서 볼 수 가 없어요. 계속 웃음이 나와요 .

[@ding-co8036]

Thanks

[@jyou7777]

좋아요를 안누를 수가 없다

[@starriet]

토끼 똑똑한게 아주 기가맥히네

[@LeeMyeongjae]

와 저 토끼 완전 내마음!!!

[@user-js1zt2hc1k]

제가 네이버 지도의 데이터를 불러오는 것에 대하여 허락을 구하는 것을 전달해도 괜찮은지에 관하여 알아보는 것이 불편하지는 않은지 여쭈어보아도 되겠습니까?

[@yonghunchoi8944]

ㅋㅋㅋㅋ 라라벨 sanctum 이용하다가 저거 때문에 개 빡쳤었는데 ㅠㅠㅠㅠ

[@qebj]

👍👍👍

[@casecamel6719]

내가 뭘 모르는 지 모른다는 걸 느끼는 첫번째 문제일 가능성이 제일 높은 내용 ㅋㅋㅋㅋ 다른 거는 어느 부분이 문제인 것을 파악하고는 있거나 적어도 어느 부분을 살펴야 할 것을 감이라도 잡는데 이건 초급에는 너무 생뚱 맞은 내용이라 아예 머릿속에 ? 밖에 안생김 ㅋㅋㅋㅋㅋ

[@victor-qj2xj]

씨x라 읽고 cors라 부른다🤬 개발할때 딥빡 좋은 영상 감사합니다

[@hanolgida]

얄코라디오도 재생목록으로 모아주실 수 있나요~? 모아서 듣고 싶어요ㅎㅎ

[@yalco-coding]

조만간 정리해놓을게요!! 감사합니다~!

[@user-xk5hr8xh1b]

좋은 설명 너무 잘 들었습니다! 혹시 이전에는 시각적인 그림들이 있었는데 없어진 이유가 있을까요?ㅠㅠ 지금도 설명은 완벽하시지만 시각적 자료가 있을때 이해가 더 잘 됐던거같습니다

[@yalco-coding]

보신 영상은 얄코 ‘라디오’고, 이것도 한때 진행하다 만 형식입니다 😅 요즘은 다시 그래픽 넣어서 하는데요

[@qhqmckscpsdlrhfm5058]

음 어려운데요,... 여러번 봐야겠군여

[@bigstarstar6271]

4:45 cors정의

[@fsafa5482]

요청을 보낼때 확률적으로 될때가있고 안될때가 있는건 어떻게 해결하나요 ㅠㅠ

[@SnowNooDLe]

팩하면서 보다가 미토씨가 너무 웃겨서 잠깐 멈췄습니다 ㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋ쿠ㅜ

[@yalco-coding]

다음화는 ‘팩하면서 듣는 얄코 라디오’로 시작해보겠습니다 😀

[@SnowNooDLe]

@@yalco-coding 오우! 기대하겠습니다 ㅋㅋ :)

[@user-mv7ku6rr8b]

토이플젝하다 cors때문에 디빡쳤는데 ㅋㅋㅋㅋ

[@itsmylife-nowOrNever]

코딩 강의인줄 알았는데 예능 프로처럼 웃기다. 미친 토끼는 왜 얼굴이 없나요 ㅋ

[@ugkim1111]

미토 매력있다:)

[@user-eu8jc8je9l]

너무 친절한 설명이네요! ㅎㅎ 영상을 보며 궁금증이 생겼는데, 영상 1분에 백엔드에서 http 요청을 보내면 cors 에러가 생기지 않는다는게 무슨 말일까요??? 만약 백엔드에서 다른 출처의 sns 전송 api를 사용한다고 한다면 프론트에서와 다르게 왜 cors에러가 생기지 않나요?? 궁금합니다!

[@yalco-coding]

백엔드끼리는 브라우저로 소통하는게 아니기 때문입니다. CORS는 브라우저가 막아서 생기는 오류니까요

[@goodlegoo7074]

미토가 미친토끼엿네 그럴싸햇는데 ㅋㅋㅋ

[@seasonseong]

영상 잘봤습니다. 질문이 하나 있는데요, 접근할 수 있는 호스트를 백엔드에서 지정한다고 하면 여전히 사용자를 위험한 사이트로 안내할 수 있는 것 아닌가요? 마치 고양이에게 생선을 맡겨놓은 꼴 같아서요.

[@yalco-coding]

CORS는 고양이(?), 즉 서비스 제공자 관점에서의 안전장치입니다. 사용자 입장에서의 안전을 위해서는 https 등이 사용되는거죠.

[@seasonseong]

@@yalco-coding 헉 빠른 답변 감사합니다. 서비스 제공자의 안전을 책임진다는 것에 의의를 두기엔.. 브라우저를 변조할 수도 있는 것이고, 아예 브라우저가 아니라 다른 프로그램을 사용할 수도 있는 것인데 이 쪽에 의의를 두는 것도 납득이 조금 어렵더라구요. 완벽한 보안은 없고 해커들을 불편하게 만드는 것이 목표라는 이야기가 있는 것 같던데, 그 말에 따라서는 납득이 되네요.

[@yalco-coding]

서비스 제공자를 보호한다는 의미가 아니라, 엉뚱한 곳에서(낚시 사이트) 제공자의 API를 사용하지 못하도록 한다는 의미입니다. 이로써 사용자도 보호될 수 있는거구요.

[@yalco-coding]

사용자는 브라우저만 통해서 낚시 사이트 또는 기타 무단 정보이용 사이트를 이용할 수 있는거니까요 😀

[@seasonseong]

​@@yalco-coding 낚시 사이트에서 cors에 제공자의 API 주소를 넣으면 사용할 수 있게 되는 것 아닌가요? 아직 얄코님의 설명을 이해하기엔 제가 많이 부족한가봅니다 😵

[@leeliz4488]

6:21 네이버 API 지도 서비스 백엔드에서 제 웹사이트를 저장해야한다는걸까요 아니면 제 백엔드에서 네이버 지도 서비스를 등록해둬야한다는걸까요? 강의 잘 들었습니다.

[@yalco-coding]

전자입니다. 후자라면 보안이 의미가 없기 때문입니다.

[@ytg2468]

안녕하세요 답변 주신부분이 너무 혼란스러워서요... 전자로가 맞다면 현 상황에서 저는 네이버가 백엔드에서 제웹사이트를 저장 허락하게 해달라고 요청해야 한다는건데...네이버가 이것을 해줄리가 없지 않나요..??

[@user-gw8gi4zl7e]

Api 백엔드에서 제 웹페이지를 허용해줘야 한다면 외부 API를 사용하려면 어떻게 해야하는 거에요?

[@yalco-coding]

사용하려는 API 서비스 설명에 보시면 내 웹 도메인을 등록하는 방법이 나와있습니다.

[@spring-boot]

진짜... 웹개발 처음 배울 때 나를 무지막지하게 괴롭히던 녀석...

[@leekwangchun]

미친 토끼 분량이 너무 적어요 더 늘여주세요!

[@yalco-coding]

싫어하는 분들도 계셔서 ㅠ 분량 조절하고 있어요 ㅎㅎ. 좋아해주셔서 감사합니다!!!

[@leekwangchun]

@@yalco-coding 미토 새끼는 언제 출산 하나요?

[@instantcoffee1589]

ㅋㅋㅋㅋ cors 진짜 개빡친다!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!1

[@user-og3xo6gv5c]

ㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋ토끼가 ㅋㅋㅋㅋㅋㅋㅋㅋㅋ 너무 웃긴데 이해된다.. 나도 오늘 코올쓰 녀석이 나를 너무 괴롭혔기 때문에..

[@user-xf5zt3mz7m]

미토 화가 단단히 났네 미친토끼

[@junelyoo4201]

차칸다컴 나쁜다컴... cors 는 차칸놈..

[@cocoroocoo]

ㅋㅋㅋㅋㅋ

[@jipdol2638]

cors 진짜 짜증나요....

[@xpm430]

05:30 요즘은 왜 JSONP를 안쓰나요?

[@yalco-coding]

SOP를 우회하기 위한 꼼수인거고, 그 말인즉슨 보안에 헛점이 되죠. 아무나 접근할 수 있는 소스가 돼버리니까요 🙂. 이제 CORS가 있으니 그런 위험한 건 안 써도 되는겁니다.

[@xpm430]

@@yalco-coding 영상 정말 잘 봤습니다. 답변 감사드려요 😀

[@yalco-coding]

감사합니다!!

[@user-vf1tj3vg6s]

@@yalco-coding 헛점->허점

[@joo-c]

미토전설 - 느그인엑스(feat.nginx)

[@poodlehye-ja9000]

야이씨x cors진짜

[@jsjsnnjssk9923]

감사합니다