React 기초

React는 프론트엔드 개발을 위한 Javascript 오픈소스 라이브러리이다.선언형 : 하나의 파일에 HTML,CSS, JS를 명시적으로 작성할 수 있게 JSX를 활용한 선언형 프로그래밍을 지향한다.컴포넌트 기반 : 하나의 기능 구현을 위한 컴포넌트를 기반으로 개발하

컴포넌트, 프롭스, 스테이트(유스스테이트)

DOM의 이벤트 처리 방식과 유사하나 몇 가지 문법 차이가 있다.React 에서 이벤트는카멜 케이스(camelCase) 를 사용.JSX를 사용하여 문자열이 아닌 함수로 이벤트 처리 함수(이벤트 핸들러; Event handler)를 전달.DOM 요소에만 이벤트를 설정할

일요일에 작성

리소스가 존재하는 곳과 리소스를 사용하는 앱을 분리시킨 것을 2티어 아키텍처, 또는 클라이언트-서버 아키텍처리소스를 사용하는 앱이 바로 "클라이언트", 리소스를 제공(serve)하는 곳은 "서버"일반적으로 서버는 리소스를 전달해 주는 역할만 하고 리소스를 저장하는 공간

터미널의 역할을 수행하는 컴퓨터로 웹 브라우저는 대표적인 터미널이다.사용자의 입력을 주로 수행하며 서버에 대한 응답을 화면에 표시한다.현대의 복잡한 시스템은 클라이언트와 서버의 역할을 동시에 수행하기도 한다서비스를 제공(server)하는 컴퓨터이며 다수의 클라이언트의

SPA (Single Page Application) MPA (Multi Page Application)페이지의 구성 방식에 따라 SPA, MPA 가 나뉜다.렌더링 방식에 따라 CSR, SSR 이 나뉜다.즉, SPA !==CSR MPA !== SSR 인 셈이다.위 내

REST는 “Representational State Transfer”의 약자로 자원을 이름(자원의 표현)으로 구분하여 해당 자원의 상태(정보)를 주고 받는 모든 것을 의미REST API는 웹에서 사용되는 데이터나 자원(Resource)을 HTTP URI로 표현하고,

리액트는 컴포넌트 기반으로 개발한다.또한 리액트 공식 매뉴얼에서는 함수 컴포넌트와 Hook을 사용하도록 권장하고 있다.컴포넌트는 컴포넌트 바깥에서 props를 이용해 데이터를 마치 전달인자(arguments) 혹은 속성(attributes)처럼 전달받을 수 있다.즉,

HTTP 기본 포스트먼저 위 포스트를 읽어본 후 온다면 도움이 될 것이다.SOP은 Same-Origin Policy의 줄임말로, 동일 출처 정책을 뜻한다.한 마디로 ‘같은 출처의 리소스만 공유가 가능하다’라는 정책인데여기서 말하는 ‘출처(Origin)’는 다음과 같습니

지난 포스팅에서 Node Server를 만들어 보았다.이번 포스팅에서는 지난 시간에 만든 것을 프레임워크인 express를 사용해서 리팩토링 해보려고 한다.Node.js 환경에서 웹 서버, 또는 API 서버를 제작하기 위해 사용되는 인기 있는 프레임워크이다.Node.j

들어가기전컴포넌트는 상태가 변경되거나 부모 컴포넌트가 렌더링이 될 때마다 리렌더링을 하는 구조로 이루어져 있다.(리렌더링 조건: state가 변경시, props가 변경시)즉, 만약 부모 컴포넌트의 상태가 변한다면 자식 컴포넌트들도 리렌더링이 된다는 것이다.하지만 리렌더