component 사용의 장점재사용 가능코드를 더 깔끔하게 만들어줌React로 만들어진 앱을 이루는 최소한의 단위Component는 props(data)를 입력받아 state(View) 상태에 따라 React Element를 출력Component의 이름은 항상 대문자로
기존 component에 대한 설명을 다시 돌려보면 아래와 같은 나타난다Function Component가 Class Component의 기능을 모두 사용할 수 있게 해주는 것모든 Hooks 이 사용하는 함수는 use 라는 이름이 앞에 붙음Hook의 규칙1\. Hook
Event가 발생을 하고 이를 처리하는 것을 Event를 Handling 한다고 표현Event : 사건ex) button click etc..DOM 과 React의 Event 차이Event handler (Event listener) 둘이 동일한 표현button cli
의미:어떠한 조건에 따라서 Rendering이 달라짐ex) True이면 button을 나타내고, False 이면 button을 숨긴다 등JS의 Truthy 와 Falsy조건문을 코드 안에 집어 넣는 것if문의 경우 && 연산자를 사용true && expression -
list를 사용해서 element 별로 rendering 할 수 있음Key 각 객체나 아이템을 구분할 수 있는 고유한 값아이템들을 구분하기 위한 고유한 문자열map() :배열에 들어있는 각 변수에 어떠한 처리를 하고 return 한다최종 결과를 배열로 만들어서 retu
사용자로부터 입력을 받기 위해 사용React 의 Form과 HTML의 Form의 차이1\. React는 component 내부에 state가 존재2\. HTML은 각각의 element 내부에 state가 존재HTML Form값이 React의 통제를 받는 input Fo
배포를 테스트 합니다.
React는 웹 프레임워크로, 자바스크립트 라이브러리의 하나로서 사용자 인터페이스를 만들기 위해 사용된다.React는 Facebook (현 Meta) 에서 유지보수를 함싱글 페이지 기반으로 동작모바일 애플리케이션 개발에도 사용할 수 있음라우팅, API 통신 등을 기본적
callback funtion은 함수의 매개변수를 통해 다른 함수의 내부로 전달되는 함수매개변수를 통해 함수의 외부에서 콜백 함수를 전달 받은 함수를 고차함수(Higher-Order Function, HOF) 라고 함\*\*그런데 이 콜백 함수들이 실행된 결과에 맞춰
\--> 사용자가 선택한 자원을 서버에 요청하고 브라우저에 표시\--> 자원은 보통 HTML 문서지만 PDF 등 다른 형태일 수 있음\--> 자원의 주소는 URI(Uniform Resource Identifier)에 의해 정해짐사용자 인터페이스 - 주소 표시줄, 이전/
git이란?분산 버전관리 시스템주로 여려명의 개발자가 하나의 소프트웨어 개발 프로젝트에 참여할 때, 소스코드를 관리하는데 주로 사용장점:1\. 인터넷이 연결되지 않은 곳에서도 개발 진행 가능2\. 중앙저장소가 삭제되어도 원상 복구 가증3\. 같은 파일을 여러 명이 동시