본문 바로가기

전체 아티클23

RESTful하다, REST하다? 목차 · REST란? · REST 구성요소 · REST의 특징 · REST에서 가장 중요한 중심 규칙 2가지 · REST의 장점 · REST의 단점 · REST API는 무엇일까? · REST API의 설계 원칙 · RESTful이란? REST란? · REpresentational State Transfer의 약자 · 자원을 정의하고 자원에 대한 주소를 지정하는 네트워크 아키텍처의 모음 · 자원(Resource)의 표현(Representation)에 의한 상태 전달 REST 구성요소 Resource(자원) - URI · 모든 자원에 고유한 ID가 존재하고, 이 자원은 Server에 존재한다. · 자원을 구별하는 ID는 HTTP URI이다. · Client는 URI를 이용해서 자원을 지정하고, 해당 자원의.. 2023. 3. 29.
웹 접근성을 왜 지켜야해요? 목차 · 웹 접근성은 무엇일까 · 웹 표준과 웹 접근성의 차이는 무엇일까 · 웹 표준을 지킨 웹은 아래와 같은 장점을 가진다. · 웹 접근성 가이드 · 대체 텍스트 · 그 외에 준수해야할 것이 있을까? 웹 접근성은 무엇일까 모든 사람들에게 평등하고 공평한 웹의 이용을 위해 웹 접근성이라는 것이 만들어졌다. 보통 사람들과 달리 웹 이용에 불편함을 겪는 사람들 (장애인, 노약자 등)은 웹의 접근성이 떨어진다. 이를 위해 스크린 리더기, 마우스 스틱 등 보조 기기를 이용하는데 보조기기가 읽게 하기 위한 방법들을 통해 웹 접근성이 좋게 해야한다. 웹 표준과 웹 접근성의 차이는 무엇일까 우리가 흔히 알고있는 웹 표준이라는 정의는 누군가가 어떤 브라우저 및 기기를 통해서 웹에 접속했을 때 동일시한 내용을 전달받아야.. 2023. 3. 29.
왜 크로스 브라우징(Cross Browsing)을 고려해야해요? 목차 · 크로스 브라우징(Cross Browsing) 이란? · 브라우저 간 상호 호환성을 맞추려면, 브라우저간 100%의 동일성을 맞춰야하지 않나요? · 동등성과 등가성, 어디까지 맞춰야할까? · 크로스 브라우징에서 어떤 부분을 테스트해야할까? · 어떻게 맞출 수 있을까? · 어떻게 사용을 해요? · 레퍼런스 크로스 브라우징(Cross Browsing)이란? 크로스 브라우징이란, 한국 소프트웨어 진흥원 공개 SW 지원 센터에서 발간한 `Cross Browsing 가이드` 라는 문서에 따르면 크로스 브라우징에 대해 이렇게 설명을 한다. Cross Browsing 이란 적어도 표준 웹 기술을 채용하여 다른 기종 혹은 플랫폼에 따라 달리 구현되는 기술을 비슷하게 만듦과 동시에 어느 한쪽에 치우치지 않도록 공.. 2023. 3. 21.
브라우저는 어떻게 작동할까? 목차 · 브라우저란? · 브라우저의 기본 구조 · 렌더링 엔진 동작 과정 · 그렇다면 자바스크립트는? · 레퍼런스 브라우저란? 웹 브라우저는 동기적으로 HTML+CSS, JavaScript 언어를 해석하여 내용을 화면에 보여주는 응용 소프트웨어이다. 웹 브라우저가 웹 서버에 필요한 자원(웹 페이지)을 요청하면 서버는 응답하고 웹 브라우저를 해석한 후 사용자에게 보여준다. 보통 자원은 HTML 문서지만, PDF, 이미지 등 다양한 형태일 수 있다. 브라우저의 기본 구조 · 사용자 인터페이스(UI) 사용자가 접근할 수 있는 영역입니다. URI를 입력할 수 있는 주소 표시줄, 이전/다음버튼, 북마크 메뉴, 새로 고침 버튼과 현재 문서의 로드를 중단할 수 있는 정지 버튼, 홈 버튼 등 요청한 페이지를 보여주는 .. 2023. 3. 14.
보안 정책에 관련된 SOP와 CORS 목차 · SOP(Same-Origin-Policy) · 만약 서버의 도움없이 SOP를 회피해 외부 서버로 요청을 날릴 수 있는 방법은 없는걸까? · CORS(Cross-Origin-Resource-Sharing) · 서버에서 CORS(Cross-Origin-Resource-Shargin) 요청 핸들링하기 · 레퍼런스 SOP(Same-Origin-Policy) 웹 어플리케이션 보안 모델에서 중요한 개념 중 하나인 동일 출처 정책(Same-Origin-Policy)이다. 이 정책에 의해서 자바스크립트(XMLHttpRequest)로 다른 웹페이지에 접근할 때는 같은 출처(Same Origin)의 페이지에만 접근이 가능하다. 같은 출처라는 것은 프로토콜, 호스트명, 포트가 같다는 것을 의미한다. 웹 페이지의 스.. 2023. 3. 14.
함수형 컴포넌트와 클래스 컴포넌트 리마인드 목차 · 왜 함수형 컴포넌트를 선호할까? · 컴포넌트 목적에 따른 종류 (컨테이너 컴포넌트, 프레젠테이셔널 컴포넌트) · 컴포넌트의 차이 (State, Props, 이벤트 핸들링) · Life Cycle 현재 리액트 공식문서에서는 함수형 컴포넌트와 훅(hook)을 함께 사용하는 것을 권장하고 있다. 왜 함수형 컴포넌트를 선호할까? 요즘은 많은 개발자들이 클래스형 컴포넌트보다 함수형 컴포넌트 + Hook을 사용한다. 클래스형 컴포넌트는 로직과 상태를 컴포넌트 내에서 구현하기 때문에, 상대적으로 복잡한 UI 로직을 갖고 있는 반면 함수형 컴포넌트는 state를 사용하지 않고 단순하게 데이터를 받아서(props) UI에 뿌려준다. Hook들을 필요한 곳에 사용하며 Logic의 재사용이 가능하다는 장점이 있어.. 2023. 3. 5.