web
-
[React 공식문서 읽기] Main Concepts 2. Introducing JSXweb/React&Redux 2020. 2. 15. 23:54
Introducing JSX const element = Hello, world! 👆 자바스크립트와 HTML이 마구 뒤섞여 있는 듯한 요상한 구문처럼 보이지만 이 놈은 JSX다. JSX는 JavaScript의 확장 문법이며 리액트의 UI를 묘사하는 데 사용된다. template language를 생각나게 하지만 JavaScript임 ※템플릿 언어란? JSX는 React "elements"를 만든다. JSX에 대해 좀 더 자세히 알아보자. Why JSX? 우선, JSX가 리액트를 사용하는 필수조건은 아니다. 리액트 이전에 클라이언트를 구성하는 방법 즉, HTML과 JavaScript를 따로 작성하고 태그로 연결하는 방법은 마크업(markup)과 로직을 서로 다른 파일에 작성하기 때문에 기술을 인위적으로 분..
-
[authentication] 쿠키-세션에 대해 알아보자web/front-end 2020. 2. 15. 13:40
HTTP통신의 특징은 stateless하다는 것이다.예를 들어 클라이언트가 로그인 요청을 보내고 서버가 그에 따른 응답을 했다고 하더라도다음에 요청을 보낼 때 서버는 이미 로그인한 클라이언트인지 알 길이 없다.이 경우, 권한이 필요한 모든 요청에 매번 인증절차를 거쳐야하는 번거로움이 생긴다.그래서 등장한 것이 쿠키🍪와 세션이다! 처음에 이해했을 때 쿠키는 클라이언트가 가진 정보, 세션은 서버가 가진 정보!이렇게 이해했더니 헷갈리는 부분이 많았다.왜냐하면 노드에서 express-session모듈을 사용해서 진행했는데분명 세션은 서버가 가진 정보라고 했는데 자꾸 req.session으로 클라이언트 요청에 세션이 붙어서 오는,,이게 뭐지? 뭔 소리지? 왜 이러지? 근데 쿠키는 또 req.session.cook..