본문 바로가기
반응형

[웹]34

Next.js / Nuxt.js / Nest.js Next.js – 범용 렌더링을 지원하는 React 애플리케이션을 만드는 프레임워크 (SSR) Nuxt.js – 범용 렌더링을 지원하는 Vue 애플리케이션을 만드는 프레임워크 (SSR) => 둘은 프론트엔드 프레임워크다. [이름이 비슷하지만 기능은 완전 다른] Nest.js – 추가 구조 및 지원을 갖춘 노드 애플리케이션 개발을 위한 프레임워크 => 얘는 서버쪽 프레임워크다. 참고 (https://hanamon.kr/nuxt-js-%EB%9E%80/) (https://velog.io/@jsleemaster/Nuxt-Next-Nest-%EB%AC%B4%EC%97%87%EC%9D%B4-%EB%8B%A4%EB%A5%B8%EA%B0%80) 2022. 12. 27.
SSR vs CSR SSR ( Server Side Rendering ) 서버 측에서 랜더링이 끝마친 상태로 클라이언트에게 전달하는 방식이다. User가 웹사이트로 요청 -> 서버는 Ready to Render 된 HTML 파일을 전송 -> 클라이언트 측에서 HTML이 곧바로 랜더링되어 화면이 보여지지만 사이트 조작은 불가능 (js가 읽히기 전이다) -> 클라이언트가 js를 다운받는다 -> 브라우저가 js를 실행하고, 이제 상호작용 가능 CSR ( Client Side Rendering ) SSR과 달리 랜더링이 클라이언트 쪽에서 일어난다. 서버는 요청을 받으면 HTML과 js를 보내고, 클라이언트는 이것들을 받아 모두 랜더링하기 시작한다. User가 웹사이트로 요청 -> 서버는 HTML과 JS를 접근할 수 있는 링크를 보.. 2022. 12. 27.
RESTful 아키텍쳐와 토큰 / JWT vs Session REST API에서는 서버가 session을 가지지 않는다. 물론 REST API서버에도 session을 추가하여 사용할 수 있지만, 이는 REST가 지향하는 바가 아니다. 대신 REST API는 토큰(token) 인증방식을 사용하게 된다. 로그인 API로 아이디와 패스워드가 일치함이 확인되면 서버는 토큰을 발행하고, 로그인 후 이용가능한 API들에는 유효한 토큰이 있는 경우에만 사용할 수 있게 된다. 이때 토큰은 당연하게도 위조하기가 어려워야 하며 사용자를 인식할 수 있는 정보가 들어있어야 합니다. 토큰의 예로는 JWT 토큰(JSON Web Token)이 있다. JWT Token 방식 유저가 회원정보를 JSON 형태로 서버에게 전송한다 {'id' : 'Hevton', 'email' : 'hevton.i.. 2022. 12. 26.
HTTPS vs HTTP ( Feat. 도메인, TLS, SSL ) HTTP는 보안이 취약하다. HTTPS = HTTP + SSL 이다. SSL은 암호화 기반 인터넷 보안 프로토콜으로, 보안 기능을 갖고 있는 '보안 인증서' 이다. SSL의 발전된 버전이 TLS로, SSL / TLS 용어가 조금 다를 뿐, 의미는 거의 같다고 보면 된다. SSL의 업그레이드 최신 버전이 TLS로 불린다. 그리고 이렇게 HTTPS를 이용하기 위해서는 도메인을 이용해야만 한다. 도메인을 이용하면 HTTPS를 이용할 수도 있고, IP도 가릴 수 있으며, 숫자로 이루어진 IP에 비해 기억되기도 좋고 개성을 나타낼 수도 있다. 2022. 11. 2.
반응형