반응형 리액트2 [GitHub Pages] 깃헙 페이지로 react 프로젝트 무료로 배포하기 # React 프로젝트 생성 & GitHub 저장소 생성 & GitHub Page 설정 1. React 프로젝트 생성 npx create-react-app my-app-name * npx는 npm 5.2+ 버전의 패키지 실행도구 2. github repository 생성 3. 프로젝트 경로 로컬 git 추가 git init git add . git commit -m 'initial commit' 4. 원격 저장소와 연결 git remote add origin https://remoterepositoryurl.git git push origin master 5. gh-pages 패키지 설치(깃헙 페이지) npx npm install gh-pages --save gh-pages Publish to a gh-.. 2022. 1. 25. [리액트 / material-ui] DialogTitle에 HTML 태그 포함하기 1. 태그 안에서 직접 HTML 태그 사용 다이얼로그 타이틀 2. DialogTitle에 들어갈 값을 prop이나 변수로 받을시 빈 태그로 감싸기 render() { let title = [이름] 필수항목이 모두 입력되지 않았습니다.; return ( {title} 확인 ); } 3. DialogTitle에 들어갈 값을 prop이나 변수로 받을시 array 형태 이용 render() { let title = [ '[비밀번호]' , , '필수항목이 모두 입력되지 않았습니다.' ]; return ( {title} 확인 ); } - 신기했던 점 1,2,3 번의 방법으로 DialogTitle을 넘기고, 개발자모드에서 디버깅으로 확인해본 결과 props.children이 array형태로 넘어가는 것을 확인하였다 .. 2021. 2. 9. 이전 1 다음
