분류 전체보기258 CORS에는 왜 CSRF와 XSS가 따라 나올까 지난 스터디에서 CORS 너는 누구인가웹 개발을 하다보면 마주칠 수 밖에 없는 CORS 에러안겪어본 개발자는 없을거다.오늘은 CORS 에러가 뭐고 왜 등장하게 되었는지 그리고 해결방법까지 알아볼 예정이다. CORS란 무엇인가?CORS를 풀어ytlive.tistory.com CORS(Cross-Origin Resource Sharing)에 대해 설명하면서 CORS의 이전에 SOP(Same-Origin Policy) 가 존재하고 SOP는 CSRF(Cross-Site Request Forgery)나 XSS(Cross-Site Scripting) 등의 공격으로 인한 데이터 탈취를 예방할 수 있다고 이야기를 했다.그런데 CSRF와 XSS에 대해 알아보니정말 SOP(동일 출처 정책)이 CSRF와 XSS를 방어할 .. 2026. 2. 21. CORS 너는 누구인가 웹 개발을 하다보면 마주칠 수 밖에 없는 CORS 에러안겪어본 개발자는 없을거다.오늘은 CORS 에러가 뭐고 왜 등장하게 되었는지 그리고 해결방법까지 알아볼 예정이다. CORS란 무엇인가?CORS를 풀어서 쓰면 Cross-Orgin Resource Sharing말 그대로 Origin 리소스를 공유했기 때문에 오류를 발생했다는 뜻이다.아니 그러면 Orgin은 뭐냐 출처 (Origin)우리가 서버에 요청을 보낼때 URL 형태로 요청을 한다.그 URL은 아래와 같은 형태로 이루어진다.여기서 Origin은 Protocol + Host + Port 이다. 이런식으로 개발자도구 콘솔에서도 현재 origin을 확인할 수 있다.웹 사이트에서는 Protocol과 Host만 나오지만 로컬 서버에서는 이렇게 포트까지 나오는.. 2026. 2. 7. Nginx란 무엇인가? nginx는 웹 서버의 일종으로 현재 프로젝트에서는 프록시 서버로 사용하는 것 같다.아니 그럼 웹서버는 뭐고 프록시 서버는 뭐지 Web Server (웹 서버)웹 서버는 웹으로부터 HTTP 요청을 받아 정적 리소스를 제공하는 프로그램을 의미한다.웹서버는 HTTP 요청을 받으면 정적인 콘텐츠(HTML파일, 이미지, CSS, JavaScript 등)를 제공하고동적인 컨텐츠 제공을 위한 요청을 WAS에 전송한다.웹 서버에는 대표적으로 Apache Server, Nginx, IIS 가 있다. WAS (Web Application Server)아니 그럼 WAS는 무엇인가WAS(Web Application Server)는 DB 조회나 기타 여러 로직 처리를 위한 동적 컨텐츠 제공을 하는 Application Ser.. 2026. 1. 10. React useContext useContext란 무엇인가?React에서 자식 컴포넌트에게 데이터를 전달하기 위해 사용하는 props는깊이가 깊어질수록 같은 값을 계속 내려줘야한다. 이를 prop drilling이라고 부른다.기존 prop drilling 방식// App.jsfunction App() { const theme = "dark"; return ;}export default App;// Layout.jsfunction Layout({ theme }) { return ( );}export default Layout;// Home.jsfunction Home({ theme }) { return 현재 테마는 {theme} 입니다.;}export default Home;하지만 prop drill.. 2025. 11. 9. 이전 1 2 3 4 ··· 65 다음
