[bblog 3.5] Chakra UI와 Nextjs feat. CacheProvider
2023. 10. 3. 14:26
프로그래밍/개인홈페이지
나는 Chakra UI를 상당히 좋아한다 다른 이유는 없고 상당히 가벼운 느낌과 지속적인 업데이트 그리고 취향저격을 날리는 디자인 이것들만 해도 충분히 나의 마음을 이끈다 그런데.. 이번에 Nextjs 13 버전과 같이 사용하면서 컬러모드를 커스텀하는 상황이 발생하였다 그리고 나타난 문제 .. https://chakra-ui.com/docs/styled-system/customize-theme#customizing-global-styles Chakra UI - A simple, modular and accessible component library that gives you the building blocks you need to build your React a Simple, Modular and A..
[bblog 3.5] 리액트 컴포넌트의 상속, 그리고 Framer-motion 를 사용해보자
2023. 10. 1. 13:47
프로그래밍/개인홈페이지
HS :: 언제나 발전하는 코딩을 지향합니다. 프론트개발을 좋아하며 실무에서는 Vue3/2 + Pinia/Vuex 취미로는 React/Nextjs + RTK 그리고 Svelte/Sveltekit을 다루고 있습니다. 최근에는 데스크탑 어플리케이션에 흥 gumyo.net framer-motion의 예제를 보다보면 항상 이런 코드들이있다 ... 내가 원하는 코드들 이게 이전부터 보면서 정말 꼴보기 싫다 라는 생각도하고 막상 통일성을 위해서 똑같은 코드를 또 다시 쓰고 쓰고쓰고 .. 하는 것이 정말 귀찮았다 실무에서는 vue를 쓰면서 항상 slot으로 컴포넌트들을 상속받아 일관성을 유지하고있었는데 react에서는 막상 상속받아 할 일이 없어 쓰지 않고 있던 도중 .. 이와 같은 문제에 직면하게 되었고 당장 어떻..
[bblog 3.5] 서버없이 포트폴리오 사이트를 작성해보자
2023. 9. 18. 01:57
프로그래밍/개인홈페이지
사실 메인이라 부를 수 있는 아래의 도메인 https://gumyo.net/ HS :: 언제나 발전하는 코딩을 지향합니다. 프론트개발을 좋아하며 실무에서는 Vue3/2 + Pinia/Vuex 취미로는 React/Nextjs + RTK 그리고 Svelte/Sveltekit을 다루고 있습니다. 최근에는 데스크탑 어플리케이션에 흥 gumyo.net 왜냐면.. 내가 이 도메인을 10년 결제해 놓았다 이유는 다양하긴 한데 일단 술 마실 때마다 1년씩 결제해서.. 어느덧 5년짜리가 되어버렸고 그냥 이러기보단 앗싸리 5년 더 결제해서 10년을 만들자는 생각을 가지게 되었더니만..... 10년이 흑흑.. 그리고 이때 처음 안 사실로 도메이는 최대 10년까지 그리고 이후로는 다시 유예기간에 새로 10년을 연장하는 그런 ..
실시간 환율 데스크톱 앱 - electron에서 dotenv를 사용해보자
2023. 8. 25. 20:16
프로그래밍/환율 앱
오늘은 비교적 간단한 내용이다 이제 슬 배포할 시간이 다가왔고.. 애당초 업데이트를 차츰차츰 해가는 게 목적인 프로젝트이니.. 백엔드는 미리 서버에 올려두고 이제 데이터는 라이트세일 서버에서 쭉 받기로 결정하였다 그러기 위해서는.. 몇 없는 fetch신호의 주소를 이제 내 서버주소로 바꿔야 한다는 것인데 노출하기 싫으니... env파일을 만들어서 설정해 보자 dotenv설치 및 폴더 설정 일단 프로젝트 폴더로 이동해서 dotenv를 설치해 주자 pnpm i dotenv // npm i dotenv 그러고 나서 프로젝트 최상위에 .env파일을 작성하고 안에 내용을 테스트하기 위해서 아래와 같이 작성한다 ENV_TEST=TEST SUCCESS! dotenv를 프로젝트에 설정 일단 프로젝트가 시작되면 방금 만..