![]()
📌 클로닝해보면서 구글 로그인, 검색 로직 등 다양한 기능 및 배포 과정 학습📢https://www.themoviedb.org/ 의 open API의 영화DB를 활용🔗배포 주소 : https://disneyclone-72280.firebaseapp.com 첫 화면으로 로그인 페이지가 나온다.가입화면은 구현을 안했지만 상단의 로그인 버튼을 누르면 구글 연동 로그인을 진행할 수 있다. 혹시나 도메인에서 path를 입력하여 로그인 없이 강제로 다른 화면으로 이동하려하는 것을 방지하기 위해 로그인 유무를 체크하는 로직을 추가하였다. 로그인 전에는 어떤 상황에서든 첫 화면이 나오게 된다.로그인 유무를 체크하기 위해 로컬 스토리지에 userData를 저장하는 방식을 사용하였다. 이를 통해 로그인 유무 체크와 ..
![]()
https://yoon9.github.io/React_TicTacToe/ React App yoon9.github.io 구현한 기능 X, O 번갈아 두기 ( info text로 Next Player 표시 ) 어느 한 줄이 채워지면 Winner 표시되며 게임 중단 step 히스토리 버튼을 만들어서 누르면 해당 step 단계로 이동 추가 구현 사항 step 히스토리 버튼을 통해 해당 step 단계로 이동하게 되어도 해당 step이후의 버튼들이 바로 사라져야하는데 사라지지 않음. 그래서 해당 step을 초과하는 넘버면 버튼들이 사라질 수 있도록 구현
![]()
1. gh-pages 모듈 설치 npm install gh-pages --save-dev 2. package.json에 홈페이지 url 작성 https://깃허브유저이름.github.io/저장소이름/ 3. 배포를 위해 package.json scripts에 script 추가 "predeploy": "npm run build", "deploy": "gh-pages -d build" (predeploy는 생략 가능) 4. npm run build 실행 5. npm run deploy 실행 published가 뜨면 성공 package.json에 작성한 url을 타고 들어가도 되고, 깃허브 해당 레포에 gh-pages라는 브랜치가 새로 생성되어 있다. 생성되어있는 것을 확인하고 setting의 pages에 가면..
