Web 2

1. Welcome to React!

본 포스팅은 리액트를 처음으로 공부하기 시작하는 사람들을 위해 제작되었다. 구글에 영어로 react라고만 쳐봐도 기본적인 개념을 배울만한 블로그는 아주 많지만 막상 처음부터 하나하나 따라할 수 있는 튜토리얼과 같은 게시글이 없는 것 같아 이 부분에 초점을 맞춰 포스팅을 써보려 한다. 자바스크립트의 라이브러리 우선 리액트는 페이스북이 직접 개발한 자바스크립트의 라이브러리이다. 즉, 문법과 기능에 확장이나 변화가 있을 수는 있지만 그 뼈대는 자바스크립트에 있다는 것이다. 따라서 리액트를 공부하기 전에 자바스크립트의 기본적인 변수선언(const, let, var 등) 같은 문법을 알아둔 후 공부하는 것이 좋다. 참고하면 좋을만한 사이트 : https://opentutorials.org/course/743 Vi..

Web/React&Redux 2020.03.08

번외. CSRF Token (React & Axios)

1. CSRF란 무엇인가? CSRF(Cross Site Request Forgery)는 end user가 서버 내부 시스템에 직접적인 피해를 주도록 의도하는 행위를 의미한다. 여기서 "피해를 주도록 의도한다" 라는 부분이 중요한데 실제로 end user는 의도하지 않았지만 서버에 피해를 준 격이 되기 때문이다. 말로만 들으면 이해가 잘 되지 않으니 간단한 예시를 통해 알아보자. 즉시 100만원 지급 100% 당첨 이 버튼을 누른 사람은 분명 100만원을 받으려고 눌렀겠지만 아무도 모르는 사이에 href에 적힌 주소로 api call이 전송되고 실제로 서버에서 이 call을 처리하게 된다. 만약 악의를 품고 api call을 POST 또는 DELETE로 보낸다면 서버의 DB에 심각한 피해를 줄 수도 있다...

Web/React&Redux 2020.02.22