web

웹 브라우저, 인터넷 브라우저 또는 웹 탐색기는 웹 서버에서 이동하며(navigate) 쌍방향으로 통신하고 HTML 문서나 파일을 출력하는 그래픽 사용자 인터페이스 기반의 응용 소프트웨어이다. 웹 브라우저는 대표적인 HTTP 사용자 에이전트의 하나이기도 하다.\-위키백

cors는 Cross Origin Resoucre Sharing의 약자이다. origin resource가 무엇인지부터 알아보자. 직역하면 '출처'이지만 실제 의미는 또 다르다. Origin은 URL에서 프로토콜, 도메인, 포트 번호를 합친 부분을 의미한다. 즉, ht

웹페이지 제작 시에 어느 브라우저에서도 이상없이 작동되게 하는 것이다. 이전 브라우저 동작 원리 글에서 말한 렌더링 엔진에 따라 같은 페이지라도 다르게 나타날 수 있기 때문이다. 이것을 신경쓰지 않고 작업하면 아래와 같은 문제점들이 있을 수 있다. 작동되지 않는 HTM

브라우저 렌더링은 크게 CSR(Client Side Rendering)과 SSR(Server Side Rendering)으로 나뉜다. SSR은 서버로부터 완전한 HTML 파일을 받아와 페이지 전체를 렌더링하는 방식이다. 과정을 보면 클라이언트가 초기 화면을 로드하기 위

이전 글에 자주 등장한 SEO에 대해 살펴보자. SEO란? SEO는 search engine optimization의 약자로 말 그대로 검색 엔진 최적화이다. 내 웹 페이지가 특정 검색어를 입력했을 때 가장 상단에 뜨도록 웹 페이지를 최적화하는 작업이다. 어려

번들러는 의존성이 있는 모듈 코드를 하나(또는 여러 개)의 파일로 만들어주는 도구이다. 브라우저 환경에서는 CommonJS나 일부 ES6 Module로 작성된 코드(크롬과 같은 최신 브라우저에서는 ES6 Module을 지원한다)는 바로 실행할 수가 없으므로 모듈 코드를

서버에 두 종류가 있다. 웹 서버 웹 어플리케이션 서버하나씩 살펴보자. 웹 서버는 클라이언트에서 요청을 받아 정적인 페이지를 제공한다. 정적인 페이지란 뭘까?정적 페이지image, html, css, js 파일과 같이 컴퓨터에 저장되어 있는 파일들을 의미요청에 맞는 항

인증과 인가가 무엇인지, 둘의 차이는 무엇인지 알아보자. 누구인지 확인하는 과정(ex. 로그인)특정 행위에 대해 권한을 확인하는 과정(ex. 일반유저 A가 관리자만 가능한 작업을 하려 할 때)두 가지가 헷갈리는 이유는 인증에 쓰인 무언가를 인가에 쓰기도 하고, 인가에

지난 글에서 인증과 인가의 개념에 대해 알아보았다. 이번엔 인증의 여러 방법(쿠키, 세션, 토큰) 중 토큰에 대해 알아보자. 토큰 기반 인증은 클라이언트가 서버에 접속을 하면 해당 클라이언트에게 인증되었다는 의미로 '토큰'을 부여한다. \->이 토큰은 유일하며 토큰을

쿠키와 세션에 대해 본격적으로 알아보기 전에 왜 사용하는지부터 살펴보고 가자. 간단하게 말하면 "http 프로토콜의 약점을 보완하기 위해" 사용한다.여기서 말하는 http 프로토콜의 약점이란 stateless이다. 한 번 요청과 응답을 주고받고 나면 연결이 끊어지고 상

브라우저의 개발자 도구를 열면 애플리케이션 항목에 여러 저장소들을 볼 수 있다. 각각 어떤 역할을 하는지 알아보자. 먼저 브라우저 저장소는 크게 쿠키와 웹 스토리지로 나뉜다. 또, 웹 스토리지는 로컬 스토리지와 세션 스토리지로 나뉜다. 먼저 쿠키와 웹 스토리지의 차이를

OAuth("Open Authorization")는 인터넷 사용자들이 비밀번호를 제공하지 않고 다른 웹사이트 상의 자신들의 정보에 대해 웹사이트나 애플리케이션의 접근 권한을 부여할 수 있는 공통적인 수단으로서 사용되는, 접근 위임을 위한 개방형 표준이다. 이 매커니즘은

모바일 서비스를 개발한다면 개발 방식을 정해야 한다. 간단하게 정리하면 아래와 같다. \-출처 : https://brunch.co.kr/@rlatjrwn9086/61둘 다 기존 웹 개발 방식과 동일하다. 따라서 모바일 os별로 개발할 필요가 없기 때문에 비용,