WEB
-
OAuth란?WEB 2022. 6. 5. 15:05
OAuth 2.0 Open Authorization, Open Authentication2의 약어로 인증을 위한 표준 프로토콜 인증을 위한 프로토콜 인증(Authentication)과 인가(Authorization)을 모두 포함한 개념으로 인가에 초점을 맞추고 있음 구글, 페이스북, 카카오 등에서 제공하는 Authorization Server를 통해 회원 정보를 인증하고 Access Token을 발급 발급 받은 Access Token을 이용해 다른 서비스의 API를 이용할 수 있음 다른 서비스의 회원 정보를 안전하게 사용하기 위한 방법 개념 Authentication 인증, 접근 자격이 있는지 검증 Authorization 인가, 리소스에 접근할 수 있는 자격을 부여(Access Token을 발급) Ac..
-
Cross Browing이란?WEB 2021. 6. 26. 10:56
웹 페이지 제작시 모든 브라우저에서 이상없이 호환 되게 만드는 것 브라우저 마다 렌더링 엔진이 달라 Cross Browsing이 필요 하위 IE 버전에서 html5를 사용하려고 라이브러리를 사용하는 것은 성능을 저하시킬 수 있음 Cross Browing Testing 웹이 어느 버전의 브라우저든 원하는 결과물이 나오도록 확인하고 수정하는 단계 Chrome, Safari, IE, Web View 등 에서 테스트 [Can I Use] 사용하고자 하는 css가 어느 브라우저의 어느 버전까지 지원되는지 확인 할 수 있는 사이트
-
gRPC란?WEB 2021. 5. 5. 11:04
RPC 한 프로그램이 네크워크의 세부정보를 이해하지 않고도 네트워크 안의 다른 컴퓨터에 있는 프로그램에서 서비스를 요청하는 프로토콜 client-server 모델을 사용 클라이언트에서 서비스를 요청하면, 서버에서 서비스를 제공 gRPC gRPC는 Google에서 개발한 RPC(Remote Procedure Call) 시스템 전송을 위해 TCP/IP 프로토콜과 HTTP 2.0 프로토콜을 사용 IDL(Interface Definition Language)로 Protocol buffer 사용 Java, C++, Python, Ruby, Javascript, Objective-C, C# 등에서 사용 가능 SSL/TLS를 사용하여 서버를 인증하고 클라이언트와 서버간에 교환되는 모든 데이터를 암호화함 HTTP 2...
-
SASS(SCSS)란?WEB 2021. 3. 13. 11:07
CSS pre-processor로 CSS의 한계와 단점을 보완하여 가독성과 재사용성을 향상 시켜줌 CSS Preprocessor란? CSS가 동작하기 전에 사용하는 기능 CSS보다 간단한 표기법으로 CSS를 구조화하여 표현할 수 있음 CSS에서 제공하지 않는 Mixin 등의 기능을 활용하여 유지보수 편의성을 높여줌 SASS와 SCSS의 차이 SCSS는 CSS 구문과 완전히 호환되도록 새로운 구문을 도입해 만든 SASS의 모든 기능을 지원하는 CSS의 Superset 선택자의 유효 범위를SASS는 '들여 쓰기'로 구분하고 SCSS는 {}으로 구분 Mixin은 SASS는=로 SCSS는 @mixin으로 선언 Include은 SASS는+로 SCSS는 @include으로 선언
-
[WEB] Nginx란?WEB 2021. 3. 1. 14:08
트래픽이 많은 웹사이트의 확장성을 위해 설계된 Event Driven 구조의 경량 웹서버 클라이언트의 요청을 받았을 때 요청에 맞는 정적 파일을 응답해주는 HTTP Web Server로 사용 WAS의 부하를 줄일 수 있는 로드 밸런서로 사용 Apache와의 차이점 Apache 쓰레드 / 프로세스 구조로 request 1개를 쓰레드 1개가 처리하는 구조 사용자가 많으면 많은 쓰레드가 생성됨 (메모리, CPU 낭비가 큼) 쓰레드 1개 = 클라이언트 1개 Nginx Event Driven 구조 한 개 또는 고정된 프로세스만 생성해서 사용 (새로운 요청이 들어와도 새로운 프로세스와 쓰레드를 생성하지 않음) 비동기 방식으로 request를 Concurrency하게 처리할 수 있음 즉 적은 자원으로 효율적인 운용을..
-
Apollo란?WEB 2020. 12. 5. 15:54
Apollo란? GraphQL의 클라이언트 라이브러리 중 하나로 상태 관리 플랫폼 Vue, Angular, React를 모두 지원함 특징 Query와 Mutation을 직접 전송 API를 호출하기 위해 HTTP 요청을 신경 쓸 필요 없음(Fetch, Axios 필요 없음) 전송받은 데이터 캐싱 Query를 통해 전송받은 데이터를 자동으로 캐싱해 서버의 부하를 줄일 수 있음 크롬 브라우저 Apollo Client Develop Tools 익스텐션을 설치하면 캐시 상태와 정보를 확인 가능 Local State 관리 클라이언트의 Local State를 만들어 Query, Mutation, Resolver 사용 가능 GraphQL 서버에 지정되어 있는 type 중에서 필드를 생성해야함 클라이언트에서 생성한 Lo..
-
[Web] GraphQL 이란?WEB 2020. 11. 15. 14:42
GraphQL이란? facebook에서 만든 Graph Query Language로 API를 위한 쿼리 언어 타입 시스템을 이용해서 실행하는 서버사이드 런타임 REST API의 단점을 극복하기 위해 만들어짐 REST API는 API를 호출했을 때 상황에 따라 필요하지 않은 데이터도 받는 Over Fetching이 발생 REST API는 원하는 데이터를 얻기 위해 여러 API를 호출하는 Under Fetching이 발생 API를 만들 때 도메인 별로 엔드포인트를 갖기 때문에 각 도메인에 비슷한 API가 존재할 수 있음 GraphQL의 장점 하나의 엔드포인트만 가지고 있음 클라이언트에서 쿼리를 작성하여 필요한 데이터를 받아옴 요청 횟수와 응답 사이즈를 줄일 수 있음 Over Fetching, Under Fe..