programming study/web (42) 썸네일형 리스트형 SSL 본 내용은 10분 테코톡 다니님의 강의를 토대로 작성하였습니다. 1. SSL/TLS SSL의 업그레이드 버전이 TLS 일반적으로는 동일한 의미로 사용 인증서를 무료로 발급해주는 서비스 Let's Encrypt AWS Certificate Manager SSL Secure Sockets Layer Netscape Communications Corperation에서 웹 서버와 웹 브라우저 간의 보안을 위해 만든 프로토콜 인증기관과 사용자가 협력하기 때문에 안전한 접속 방법 사용자가 접속하는 사이트가 믿을 수 있는 사이트인지 확인이 가능해짐 공개키/개인키 대칭키 기반으로 사용 각 방식이 가진 단점 때문에 한 방식만 채택해서 사용하지 않음 두 방식 적절히 섞어 사용 대칭키 동일한 키로 암호화와 복호화를 수행하는.. HTTP vs. HTTPS 본 내용은 10분 테코톡 다니님의 강의를 토대로 작성하였습니다. 1. HTTP Hypertext Transfer Protocol 서로 다른 시스템들 사이에서 통신을 주고받게 하는 가장 기본적인 프로토콜 서버에서 브라우저로 데이터를 전송하는 용도로 가장 많이 사용 문제점 서버에서 브라우저로 전송되는 정보가 암호화되지 않음 데이터가 쉽게 도난당할 수 있음 2. HTTPS Hypertext Transfer Protocol Secure SSL(보안 소켓 계층) 사용 SSL 서버와 브라우저 사이에 안전하게 암호화된 연결을 만들 수 있게 도와줌 서버와 브라우저가 민감한 정보를 주고받을 때 해당 정보가 도난 당하는 것을 막아줌 HTTP 자체를 암호화하는 것은 아님 HTTP를 사용해서 운반하는 내용(HTTP Messa.. CSR & SSR 본 내용은 10분 테코톡 신세한탄님의 강의를 토대로 작성하였습니다. 1. SPA & MPA SPA Single Page Application 리액트, 앵귤러, 뷰와 같은 자바스크립트 기반 프레임워크로 개발 탭이동시 해당 부분만 렌더링 화면이 깜빡이지 않음 AJAX 등장이후 주로 사용 MPA Mult iPage Application 탭을 이동할 때마다 서버로부터 새로운 html을 받아와서 페이지 전체를 렌더링 전통적인 웹페이지 구성 방식 PHP, JSP 2. CSR & SSR CSR Client Side Rendering 클라이언트 측에서 렌더링 SSR Server Side Rendering 서버측에서 렌더링 요청 시 서버에서 즉 만들어서 응답 데이터가 달라지거 미리 만들어두기 어려운 페이지에 적합 SSG.. Web 요청 & 응답과정 본 내용은 10분 테코톡 삭정님의 강의를 토대로 작성하였습니다. 1. Internet Internet이란? 컴퓨터 네트워크들을 서로 연결 지어주는 범지구적 네트워크 Inter + Network = 컴퓨터 네트워크들의 네트워크 컴퓨터 네트워크의 종류 Local Area Network(LAN) 근거리 통신망, 구내 정보 통신망은 네트워크 매체를 이용하여 집, 사무실, 학교 등의 건물과 같은 가까운 지역을 한데 묶는 컴퓨터 네트워크 MAN(Metropolitan Area Network) WAN(wide Area Network) Internet의 의의 이렇게 구축된 인터넷이라는 거대한 네트워크 위에서 다양한 서비스들이 동작 Web또한 인터넷 위에서 동작하는 서비스들 중 하나 인터넷이 있어야 Web이 존재 2. .. REST API 본 내용은 노마드 코더님의5분만에 제대로 설계하는 REST API 강의를 토대로 작성하였습니다. 1. 좋은 API 설계 URL에서는 동사를 사용하지 않기 HTTP methods로 Interaction하기 CRUD 구현 명사화된 URL + HTTP methods를 사용 Collection: 하나로 분류되는 정보 모음 Uniaue Identifier: 고유식별자 슬래시(/)로 관계를 표현 객체들의 관계 인터랙션을 표현 명사화된 URL과 HTTP methods를 조합하여 많은 URL을 생성하지 않고 의도를 알기 쉬운 API를 설계할 수 있음 HTTP methods GET read POST create PUT update DELETE delete Collection 작명에 복수를 사용하는 것 ex) /movie.. WebRTC, WebSockets 본 내용은 노마드 코더님의 WebRTC? WebSockets? 5분 개념 정리! 강의를 토대로 작성하였습니다. 1. http http란 브라우저와 서버가 소통하는 방식 인터넷 데이터 교환에서 필수 요소 업로드, 다운로드, 이미지, 문서 인터넷에서 오가는 모든 것이 http로 이루어짐 작동원리 브라우저가 서버에게 http request(요청)을 보냄 서버는 해당 request를 보고 브라우저가 정보를 요구하는 것을 확인 서버가 http response를 브라우저에게 보냄 http의 특징 서버가 브라우저에게 데이터를 보낼 수 있는 것은 브라우저가 요청을 했을 때만 가능 서버가 브라우저의 요청에 응답하고 나면, 브라우저 - 서버간 통신은 끝남 한번 응답이 끝나고 나면, 브라우저에 더이상 데이터를 보낼 수 없음.. Forward Proxy vs Reverse Proxy vs Load Balancer 본 내용은 10분 테코톡 조앤님의 강의를 토대로 작성하였습니다. 1. Load Balancer란? 액세스가 증가할 때 서버로 요청하는 클라이언트 수가 늘어나서 액세스가 증가한다면 Scale-up: 서버의 하드웨어를 고성능으로 바꿈 다만, 다수의 사용자가 집중적으로 액세스한다면 해결책이 될 수 없음 분산 처리: 복수의 서버를 사용하여 처리를 분담 여러대의 웹서버를 설치하고 한 대가 담당하는 사용자의 수를 줄임 이때, 부하 분산 장치로써 로드밸런서를 이용 Load Balancer의 역할 로드밸런싱: 해야할 작업을 나누어서 서버의 부하를 분산 로드밸런서: 여러대의 서버가 분산 처리할 수 있도록 요청을 나누어 줌 Load Balancer가 요청을 분배하는 방식 단순한 액세스 대화가 복수의 페이지에 걸쳐 있지 않.. 프론트엔드에서의 에러 핸들링 본 내용은 10분 테코톡 티케님의 강의를 토대로 작성하였습니다. 1. 용어 정의 오류(에러)란? 실패, 실수, 또는 오차 하드웨어의 고장 또는 소프트웨어가 본래 동작을 할 수 없는 상태 발생하는 시점 기준으로 컴파일 오류와 런타임 오류가 있음 컴파일 오류 vs. 런타임 오류 컴파일 오류 런타임 오류 코드가 컴파일 될 때 컴파일러가 해석하지 못해서 발생 프로그램이 동작할 때 발견할 수 있는 에러 자바스크립트에서는 예외라고 부름 자바스크립트에서의 에러 dynamically typed language 프로그램 동작 시 실시간으로 타입이 결정 모든 에러가 컴파일 단계가 아닌 런타임 환경에서 발생 사용자가 애플리케이션을 사용할 때 에러가 발생할 수 있음 타입스크립트를 활용하면 런타임 전에 미리 에러를 알 수 있음.. 이전 1 2 3 4 5 6 다음