sineTlsl's blog ☁︎
취소

[S3-Unit07] Web - OAuth

OAuth란? OAuth 는 인증을 중개해주는 메커니즘이다. 보안된 리소스에 액세스하기 위해 클라이언트에게 권한을 제공하는 프로세스를 단순화하는 프로토콜이다. 웹이나 앱에서 흔히 찾아볼 수 있는 소셜 로그인 인증 방식은 OAuth 2.0이라는 기술을 바탕으로 구현된다. OAuth는 보안상의 이점이 있다. 검증...

[S3-Unit07] Web - Token

토큰 인증 방식이란? Token 인증 방식의 등장 배경 토큰 기반 인증은 기존의 세션 기반 인증이 가지고 있던 한계를 극복하고자 고안되었다. 세션 기반 인증의 한계 세션 기반 인증은 서버에서 유저의 상태(state)를 관리한다. 그래서 서버의 부담이 되었고, 사용자의 인증 상태를 클라이언트에 이를 저장하는 방법을 고민하게 되었고, 그 결과...

[S3-Unit07] Network - Session

Session이란? Session 은 서버와 클라이언트의 연결이 활성화 된 상태에서 서버에 데이터를 저장하는 방법을 말한다. 서버가 Client에 유일하고 암호화된 ID를 부여한다. 중요 데이터는 서버에서 관리한다. 세션기반 인증 (Session-based Authentication) 쇼핑몰 웹 사이트를 예를 들어, 로그인을 ...

[S3-Unit07] Network - Cookie

Cookie란? Cookie 는 서버에서 클라이언트에 영속성있는 데이터를 저장하는 방법이다. 즉, 서버가 웹 브라우저에 정보를 저장하고 불러올 수 있는 수단이다. 특징 쿠키를 삭제하면 사라지지 않는다. 서버는 클라이언트의 쿠키를 이용하여 데이터를 가져올 수 있다. 쿠키를 이용하는 것은 단순히 서버에서 클라이언트에 쿠키를 전송하는...

[S3-Unit06] Network - 네트워크 계층 모델

네트워크 계층 모델에는 OSI 7 계층, TCP/IP 4 계층으로 나누어 진다. OSI 7 계층 모델 OSI 7 계층 모델 은 네트워크를 이루고 있는 구성요소들을 7단계로 나누고, 각 계층의 표준을 정하였다. 탄생 배경 OSI 7 계층 모델은 ISO(International Organization for Stand...

[S3-Unit06] Network - TCP/IP

네트워크의 탄생 배경을 살펴보고, 패킷교환 방식을 이용한 IP 통신과 이를 보완하기 위한 TCP/UDP 에 대해 알아본다. 네트워크의 시작 현재 사용하는 인터넷 프로토콜인 IP 기반의 네트워크는 1969년 진행했던 아르파넷(ARPANET) 프로젝트에서 시작되었다. 이 프로젝트는 그때 당시의 냉전시대에서 핵전쟁을 대비하기 위한 통신망 구축을 위해 추...

[S3-Unit05] Web - WAI-ARIA

WAI-ARIA란? WAI-ARIA(Web Accessibility Initiative – Accessible Rich Internet Applications) 는 웹 페이지, 특히 동적 콘텐츠, 그리고 AJAX, HTML, JavaScript 및 관련 기술로 개발된 사용자 인터페이스 구성 요소의 접근성을 증가시키는 방법에 대해 규정한 W3C가...

[S3-Unit05] Web - 웹 접근성

웹 접근성이란? 누구든지 화면을 볼 수 없거나, 소리를 들을 수 없거나, 마우스 없이 키보드밖에 사용할 수 없는 등 정보 접근에 제한을 받을 수 있는 상황은 많다. 이런 상황을 해결하고자 노력하는 것이 웹 접근성(Webb Accessibility) 이다. 일반적으로 웹 접근성 은 장애인, 고령자 등이 웹 사이트에서 제공하는 정보에 비장애인과...

[S3-Unit05] Web - 검색엔진 최적화 (SEO)

네이버나 구글같은 검색 엔진을 이용하여, 우리가 원하는 결과를 얻은 적이 다들 한번쯤은 있을 거라고 생각한다. 만약 사이트에서 우리가 원하는 내용을 바로 찾지 못하고, 1페이지가 아닌 다음 페이지로 넘어간다면 가독성도 떨어지고 아무도 찾지 않는 웹 사이트가 되어버릴 확률이 높아진다. 이런 상태를 방지하기 위해서는 검색 엔진의 작동 방식에 맞게 웹 ...

[S3-Unit04] 상태관리 - Redux

Redux란? Redux 는 JavaScript 상태관리 라이브러리다. Redux 는 일관적으로 동작하고, 서로 다른 환경(서버, 클라이언트, 네이티브) 등에서 작동하고, 테스트하기 쉬운 앱으로 작성할 수 있게 도와준다. React 와 React Native 와 같은 다른 뷰 라이브러리와 함께 사용할 수 있고, Redux는 매우 작지만(의존...