react

리엑트는 프론트엔드 개발을 위한 js오픈소스 라이브러리입니다.a: 리엑트의 3가지 특징때문이다코드를 자세히 분석하지 않아도 코드의 의도를 분명히 알수있게 작성 할 수 있다.html/css/javascript을 따로 만들어서 하는 것이 아닌 jsx를 활용해서 만들 수 있

SPA는 서버로부터 완전히 새로운 페이지를 불러오는 것이 아니라,화면을 업데이트하기 위해 필요한 데이터만 서버에서 전달받아 브라우저에서 해당하는 부분만 업데이트하는 방식으로 작동하는 웹 애플리케이션이나 웹 사이트를 말합니다.(웹페이지 전체를 불러들이는 것은 느리고 불필

컴포넌트의 속성(property)을 의미합니다.props는 성별이나 이름처럼 변하지 않는 외부로부터 전달받은 값으로, 웹 애플리케이션에서 해당 컴포넌트가 가진 속성에 해당합니다.부모 컴포넌트(상위 컴포넌트)로부터 전달받은 값입니다.React 컴포넌트는 JavaScrip

컴포넌트 내에서 변할 수 있는 값, 즉 상태를 나타낼 땐 React state로 다뤄야 합니다useState 를 이용하기 위해서는 React로부터 useState 를 불러와야 합니다. import 키워드로 useState 를 불러옵시다.import { useState

React의 이벤트 처리(이벤트 핸들링; Event handling) 방식은 DOM의 이벤트 처리 방식과 유사합니다. 단, 몇 가지 문법 차이가 있습니다.< button onclick="handleEvent()">Event< button onClick={ha

리소스가 존재하는 곳과 리소스를 사용하는 앱을 분리시킨것이것을 2-Tier 아키텍쳐 즉 클라이언트 - 서버 아키텍처라고 합니다.리소스를 사용하는 앱이 바로 "클라이언트", 리소스를 제공(serve)하는 곳은 "서버"라고 부릅니다. 리소스에 접근하려는 앱은 카페로 치면

URL은 Uniform Resource Locator의 줄임말로, 네트워크 상에서 웹 페이지, 이미지, 동영상 등의 파일이 위치한 정보를 나타냅니다. URL은 scheme, hosts, url-path로 구분할 수 있습니다.scheme : 통신 방식(프로토콜)을 결정

HTTP 개요 HTTP는 HyperText Transfer Protocol의 줄임말로, HTML과 같은 문서를 전송하기 위한 프로토콜입니다. HTTP는 웹 브라우저와 웹 서버의 소통을 위해 디자인되었습니다. 전통적인 클라이언트-서버 모델에서 클라이언트가 HTTP Me

AJAX는 Asynchronous JavaScript And XMLHttpRequest의 약자로, JavaScript, DOM, Fetch, XMLHttpRequest, HTML 등의 다양한 기술을 사용하는 웹 개발 기법입니다.AJAX의 가장 큰 특징은, 웹 페이지에

Postman은 개발한 API를 테스트하고, 테스트 결과를 공유하여 API 개발의 생산성을 높여주는 플랫폼입니다.<Postman 화면 보기> 1.새로운 탭 오픈요청/응답을 여러 개 확인할 수 있습니다.2.HTTP 메서드 선택GET, POST, DELETE 등과 같

앞서 5단계 부분을 자세히 다뤄보도록 한다!상위 컴포넌트의 "상태를 변경하는 함수" 그 자체를 하위 컴포넌트로 전달하고, 이 함수를 하위 컴포넌트가 실행한다여전히 단방향 데이터 흐름의 원칙에 부합하는 해결 방법입니다. 바로 이것이 "상태 끌어올리기" 입니다.예시를 보며

Side effect가 어떤 의미인지 알 수 있다.React 컴포넌트를 만들 때 side effect로부터 분리해서 생각할 수 있다. (비즈니스 로직과 표현 영역 구분)Side effect의 예를 들 수 있다.Effect Hook을 이용해 비동기 호출 및 AJAX 요청

useRef란 어떠한 특정 DOM을 선택할 수 있게 해준다. 1\. useRef() 는 일반적인 자바스크립트 객체입니다. heap 영역에 저장되는 변수입니다. 2.매번 렌더링할 때 동일한 객체를 제공합니다.heap에 저장되어 있기 때문에 어플리케이션이 종료되거나 가

Component Driven Development (CDD)란? >부품단위로 ul컴포넌트를 만들어 나가는 개발 레고블럭처럼 컴포넌트를 생성 -> 컴포넌트 결합 -> 페이지 조립을 할 수 있다 cdd장점 품질 (Quality) 독립적으로 컴포넌트를 분리하여 관련 상

Styled Components란? Styled Components는 앞서 배운 CSS in JS 라는 개념이 대두되면서 나온 라이브러리입니다. CSS in JS 라이브러리를 사용하면 CSS도 쉽게 Javascript 안에 넣어줄 수 있으므로, HTML + JS + C

Redux(리덕스)란 JavaScript(자바스트립트) 상태관리 라이브러리이다.Action이란 데이터를 변경하는 행위로서 Dispatcher에게 전달되는 객체를 말합니다.Action creator 메서드는 새로 발생한 Action의 타입(type)과 새로운 데이터(pa