반응형 웹/React3 [React] PropTypes 종류 1. array : 배열 2. array0f(다른형식의 PropType) : 특정 PropType으로 이루어진 배열 3. bool : True, False 4. func : 함수 5. number : 숫자 6. object : 객체 7. string : 문자열 8. symbol : ES6의 심볼 9. node : 렌더링 가능한 모든 것 10. instance0f(Class) : 특정 클래스의 인스턴스 11. one0f(['one', 'two']) : 주어진 요소 중 한가지 12. one0fType([React.PropTypes.string, PropTypes.number]) : 주어진 배열종류 중 한 가지 13. object0f(React.PropTypes.string) : 객체의 모든 키 값이 인자로 .. 2022. 1. 17. React 설치 및 개발환경 세팅(Vscode) 환경 Windows 10 Pro 기준으로 작성되었습니다. #목차 1. Node.js 설치 2. 설치된 Node.js 버전 및 npm 버전 확인 3. React 설치 및 확인 4. 프로젝트 폴더 생성 및 개발환경 구축 5. react 실행 및 테스트 6. Visual Studio code 설치 7. Visual Studio Code에서 리액트 설정 및 실행 1. Node.js 설치 React 는 NPM(node package manager)으로 설치되므로 Node.js의 설치가 필요함 (node.js -> js를 서버(터미널)에서 사용할수 있게 해주는 프로그램) Download | Node.js Node.js® is a JavaScript runtime built on Chrome's V8 JavaScri.. 2021. 11. 19. React 폰트 변경 방법 1. 필요한 폰트 다운로드 필자는 Cafe24Simplehae.ttf 파일을 다운로드 하였음 2. React 프로젝트에 폰트 복사(font/Cafe24Simplehae.ttf) 3. 폰트 적용 아래 내용 추가 @font-face{ font-family: "Cafe24Simplehae"; src: url("./font/Cafe24Simplehae.ttf"); App 전체에 해당 폰트를 적용할 것이기 때문에 .App 속성에 아래 내용 추가 font-family: "Cafe24Simplehae"; 위 그림에서 3번째 라인참고 4. 폰트 적용 결과 2021. 6. 3. 이전 1 다음 반응형
