FE

1. 개요이번에는 defaultProps와 child에 대해서 알아보겠다.   2. defaultPropsdefaultProps는 말그대로 컴포넌트에 해당 props가 존재하지 않을때 기본 props를 설정한다.2-1. 코드먼저 MyProps.js를 보자.import React from 'react';function MyProps({name, color}) { return ( 안녕하세요 {name} );}// defaultProps 설정 (아무 props를 입력하지 않을때 기본으로 설정되는 props)MyProps.defaultProps = { name: "이름없음"}export default MyProps;Hello.defaultProps 구문을 보면, MyProps 컴포넌..

1. 개요지난 포스팅에 언급했듯. 다른 컴포넌트를 담는 div 컴포넌트는 어떻게 구현하는지 포스팅해보겠다.  2. 코드지난 포스팅에선 const Container = React.createElement("div", null, [title, btn]);이런식으로 컴포넌트들을 배열로 가져와서 랜더링 했지만 JSX에서는 개발자가 정의한 컴포넌트를 태그로 불러올 수 있다.  이렇게 개발자가 정의한 컴포넌트를 '', ''로 가져올 수 있다. 여기서 페이지를 열어보면?이렇게 에러가 쫘르륵 나오게되며, 당연히 페이지에는 나와야할 텍스트와 버튼이 나오지 않는다. 에러가 발생한 이유가 무엇일까? 2-1 Arrow Function자바스크립트에는 애로우 함수 (Arrow Function)라는 개념이 있는데, 이..

1. 서론최근 이직한 회사에서 스프링부트 뿐만아니라 리액트를 사용해야할 수도 있다고해서 리액트를 간단히 공부하고 있다. 리액트를 접하면서 처음 맞아본 에러(시작하자마자 에러남 ㅋㅋ)를 소개하고 해결한 방법을 포스팅하려한다.  2. 에러발생리액트를 사용하기 위해 노드js (Node.js) LTS 버전을 설치하고, 리액트를 프로젝트 폴더에 주입하기 위해 npx 명령어를 사용했을때, npx create-react-app 프로젝트명npx : 이 시스템에서 스크립트를 실행할 수 없으므로 C:\Program Files\nodejs\npx.ps1 파일을 로드할 수 없습니다.자세한 내용은 ...에러가 났다. 권한 문제일 수 있다고하여 권한을 수정해보려 했으나, 회사 PC라 조심스럽기도 하고.. 권한을 바꾸지 않아도 해..