비공개로 올린 정리에서 우린 다 멋지게 만들었으니, github pages에 띄워보자!!
그러니까.. 내가 할 일이
html 안에 JSX로 박아 만든 React의 babel을 떼서 build 파일을 만들고, github pages에 업로드하자
현쿤!! 그런 십덕같은 말 하지 않기로 했잖아!!!
그러니까..
맨처음엔 html로 작성을 했었고, 동적으로 관리하기 위해서 JSX로 바꿔서 React로 진화했다.
근데 여기까진 브라우저가 잘 알아들으라고 통역사 babel을 끼고 다녔었는데, 페이지로 띄우려면 이걸 지우고 build라는 폴더를 만들고, 이 build를 deploy 하면 된다.
- create-react-app으로 만든 폴더 내부에서 npm run build
- npm install gh-pages
- packages.json의 script 내부에 "deploy": "gh-pages -d build" 추가
- 상단에 "homepage": "주소오오오" 추가
- npm run build
- npm run deploy
끝!!! 나 감동받아서 울잔아~
오류났잔아~
github - 올린 repository의 setting - pages에서 gh-pages로 바꿔주삼
이러면 진짜 끝!!!
https://saewoo1.github.io/cat-jjal-maker2/
제 모코코내음 나는 페이지를 보세요
내일부터 머리박으면서 추가해볼 기능은
- 같은 사진에 heart를 클릭하면 취소되도록
- 사진 크기를 일정하게
- 영어+ 한글 여러번 누르면 생성되는거 막기
- 가능하면 분류도..?
입니다 내일부터 저의 댁알이쑈 구경하러 오세요 다들 화이팅 ㅎ
.jpg)
어?머지?