React/To-do 앱

React_to-do_8

oyatplum 2023. 2. 1. 15:10

8. 최종

 

우선 내가 만들고 있던 깃허브 배포 페이지에 리액트 프로젝트를 더 확실하게(?) 배포하려면...

 

그러니까 다른 사용자도 와서 내가 만든 것 좀 구경하게끔ㅋㅋ.. 하고 용량도 관리를 해주려면 build를 해줘야 한다.

 

 

https://velog.io/@nemo/github-page-deploy-%EB%B0%B0%ED%8F%AC

 

[React] 깃허브 페이지에 리액트 프로젝트 배포하기

자, 이제 제작한 앱을 깃허브 페이지에 배포해보자.메인 디렉토리 URL : https://{본인아이디}.github.io/서브 디렉토리 URL : https://{본인아이디}.github.io/movie-app우리는 메인이 아닌 서브 디렉토리에 배

velog.io

 

그래서 이 사이트를 참고해서 다... 올려줬고

 

 

이제 강의와 다르게 내가 마음에 들도록 스타일링만 조금 건들여 보려고 한다.

 

 


 

 

흠냐링.. 우선

 

이게 기존 파비콘.....

 

구림ㅋㅋ

 

그래서

 

 

내 파비콘 넣어주고 Title 태그도 변경함

 

 

 

 

쪼아잔~

 

 

 

이렇게 상단을 바꿔줌!! ㅎㅋㅎ

 

 

 

 

그리고.. tailwindcss를 바꿔가면서.. 기존의 투두 앱의 스타일링이

 

 

 

이런 느낌이었다면

 

 

 

 

 

이런 느낌으로 크진 않지만 그냥.. 스타일링만 조금 바꿔서 약간 산뜟하게^,,^!!! 헤헿...ㅋ...ㅋㅋㅋ...

 

 

 

정말 끝.... 이제 넷플릭스를 만들어 보자 하ㅏ하하하하ㅏ하하ㅏㅠㅠㅠㅠ

 

그리고 투두 만든 거 안 까먹게 계속 봐야쥐.... 쩝..

 

 

근데 확실히 이렇게 기록을 하니까 몰랐던 걸 다시 서칭하지 않아도 내가 쓴 글을 보는게 훠얼씬 이해가 잘 되는 것 같고... 어쩌구 만족^^...

'React > To-do 앱' 카테고리의 다른 글

React_to-do_7  (1) 2023.02.01
React_to-do_6  (0) 2023.01.31
React_to-do_5  (0) 2023.01.30
React_to-do_4  (1) 2023.01.29
React_to-do_3  (1) 2023.01.28