리액트

사용자 인터페이스를 만들기 위한 자바스크립트 라이브러리사용자 인터페이스(UI) : 사용자와 컴퓨터 프로그램이 서로 상호 작용을 하기 위하여 입출력을 제어해주는 것, 우리가 흔히 보는 버튼, 텍스트 입력창들, 사용자들이 직관적으로 보고 조작하는 대부분이 GUI로 이루어져

Programming - 새로운 함수나 객체를 만드는 방법으로 생각, 단일책임 원칙을 지키고자 한다면, 작은 하위 컴포넌트로 쪼개기CSS - Class 선택자를 무엇으로 만들지Design - 디자인 계층 고려JSON이 잘 구조화 되었다면, 컴포넌트 구조가 데이터 모델에

UI 표현하기 React는 UI를 렌더링하기 위한 JavaScript 라이브러리 UI는 버튼, 텍스트, 이미지 같은 작은 요소로 구성된다. React는 재사용가능하고, 중첩가능한 component를 조합하여 사용한다. 첫 컴포넌트, Import 및 Export Rea

마크업 : 태그를 이용하여 문서나 데이터의 구조를 작성하는 언어리액트를 사용하면 마크업, CSS, JS를 앱의 재사용 가능한 UI요소인 컴포넌트를 결합할 수 있다.기존 : 웹개발자가 컨텐츠를 마크업한 다음 JS를 뿌려 상호작용을 추가리액트 : 마크업으로 뿌릴 수 있는

순수 함수:함수가 호출되기 전에 존재했던 어떤 객체나 변수를 변경하지 않는다.같은 입력이 주어진다면 같은 출력을 반환해야한다.리액트는 모든 컴포넌트가 순수 함수일거라 가정함사이드 이펙트:순수성과 반대되는 컴포넌트의도하지 않은 결과를 반환함컴포넌트 외부의 guest라는

State : 컴포넌트의 기억 저장소 렌더링 사이에 데이터를 유지 React가 새로운 데이터로 리렌더링하도록 유발 State 업데이트 큐 너의 말로 정리해보기

디바운스는 DOM의 이벤트의 실행 빈도를 줄여 성능상의 이점을 얻기 위해 사용한다.여러번 발생하는 이벤트에서 가장 마지막 이벤트만 실행한다.input에 안녕 이라는 문자를 입력하는 경우~적용전: 'ㅇ'입력 > 리렌더링 > '아'입력 > 리렌더링 > '안'입력 > 리렌더

React에 대해 설명해주세요. 보기 리액트는 UI를 구축하기 위한 선언적이고, 효율적이며, 유연한 자바스크립트 라이브러리로 컴포넌트라 불리는 작은 단위의 코드 모음을 이용하여 복잡한 ui를 구성하도록 합니다. React의 원리, 특징, 장단점이 무엇인가요?

어플리케이션이 커짐에 따라 state가 어떻게 구성되는지, 데이터가 컴포넌트간에 어떻게 흐르는지 파악하면 도움이 된다. 불필요하거나 중복된 state는 버그의 흔한 원인입니다. State를 사용해 input 다루기 선언형 ui와 명령형 ui 비교 명령형 : ui를