💁♂️ 120% 수동ver 어둠테마를 만들어보았어요
🦭 요로코롬 App.js
를 만들어 준 다음
🦭 index.js
에 darkTheme
와 lightTheme
를 야매로 만들어줍니다
그런 후 아래의 <ThemeProvider/>
component에 prop
을 선사해줘요
darkTheme
를 선사해주면 ?
🦭 짜잔 이렇게 야매 다크모드 구현 성공 !
🤷♂️ 아니 저거 걍 꺼~멓게 만들어놓고 다크라하는거아니에요 ?
🦭 prop
으로 내려준 darkTheme
를 lightTheme
로 바꾸기만했더니
🦭 짜잔! 이렇게 바뀌는 걸 볼 수 있답니다 !
🙎♂️... 장난하나... 그래서 뭘 기록하고 싶은거죠 ? 뭐 야매로 만든거 ?
💁♂️ 거 참 재촉하지말고 이 코드를 보십쇼
// ...
color: ${(props) => props.theme.textColor};
// ...
background-color: ${(props) => props.theme.backgroundColor};
// ...
App.js
에 저렇게 props
로 (컬러)코드를 구현했기 때문에
index.js
만 바꿔도 야매 다크/라이트 모드가 가능했던 것을 말하고 싶었다.. 이거죠
🙎♂️ 아니 뭐 왜 이거밖에 없냐고여 ? 이제 막 배웠는데 제가 고급스킬을 어케 알아여!
그 누구보다 잘하고싶은건 바로 저라고여 엉엉엉엉
프로젝트 규모(?)는 점점 커지고 내 능력치는 개미 코딱지만큼 상승되고
초초초 비상인데 너무 잠옴... 잠와죽을것같다 🚨
그래서 뭐 어떡할거냐구여 ?
잘거에요
안녕
DO66I의 와르르 일기