안녕하세요! RyuWoong 입니다. 이번 이야기는 Next에서 아~~주 중요한 Data Fetching에 관한 내용입니다. Next를 사용하는 중요한 이유 중 하나라고 할 수 있습니다! 그럼! 확인해보실까요? Data Fetching Next.js에서는 다양한 방식으로 컨텐츠를 렌더링 할 수 있습니다. 크게 Server-side Rendering, Static-site generation, Client-side rendering이 있습니다. 하나씩 살펴보며 어떤 방식을 어떤 때에 사용하는게 좋은지 알아봅시다. Server-side Rendering 우리가 Next.js를 사용하는 큰 이유중 하나인 Server-side Rendering입니다. 요청과 함께 데이터를 가져와야 하는 페이지를 렌더링 해야 하..

가계부는 저축, 소비 등 다양한 돈의 흐름을 기록하는 곳이예요. 여러 흐름을 입력하는 만큼 입력해야 하는 양도 많고 피곤해지죠. 따라서 저희는 소비에만 관심을 뒀습니다. 소비는 내 수중의 돈이 빠져나가는 큰 흐름이죠. 이 흐름을 조절 하는 것이 내 수중의 돈을 관리하는데에 큰 도움이 될거라 생각해요! 차곡과 함께 나의 소비 습관을 파악하고 조절해보세요! 차곡 가계부는 저축, 소비 등 다양한 돈의 흐름을 기록하는 곳이예요. ryuwoong.notion.site App Store ‎차곡 - 소비를 기록하는 가계부 ‎복잡하고 번거로운 가계부, 많은 거래가 발생하면 그만큼 적어야 하는 내용이 많아 귀찮았죠? 이제는 소비만 기록하세요! 차곡이 소비만 기록하여 돈의 흐름을 알려줄게요. apps.apple.com G..

안녕하세요. RyuWoong 입니다. 이번에 말씀 드릴 이야기는! Component 모듈화하기입니다. React App을 만들다보면, View와 Logic이 혼재되어 복잡해 보이는 문제가 발생합니다. 이를 기존에 있던 디자인 패턴이나, Hook 등을 이용하여 관심사를 분리하고, 더 가독성 좋고, 유지보수가 용이하게 할 수 있습니다! 많은 프론트 개발자들이 이러한 고민은 다 거쳐가시는것 같네요. 한번 알아볼까요? 아래 이야기는 여러 내용을 찾아보고 나름대로 이해하여 적용한 것으로 틀린게 있을 수 있습니다. 부족한게 있으면 댓글로 알려주세요! 발단. React던 React Native던 규모가 커지면 커질수록 하나의 컴포넌트가 점점 비대해지고 분리하자니 Props Drilling Depth가 깊어지는 등의 ..

안녕하세요! RyuWoong입니다. 이번에는 앱의 첫 인상! App Icon 설정에 대해서 이야기 해볼까 합니다. 정말 쉽고 간단하니 바로 이야기 드릴게요! App Icon? 앱 아이콘은 다들 잘 아실 꺼라 생각합니다. App을 설치하면 가장 먼저 볼 수 있는 이미지 아이콘이죠. 간단하게 설정할 수 있지만 내 앱이 무엇인가! 에 대해 애플 로고처럼 보여주는 부분이기 때문에 아주 중요합니다. Android 먼저 Android를 볼까요? 먼저 자신의 앱을 상징하는 로고가 있다면 아래 사이트에서 간단하게 아이콘을 제작할 수 있습니다. Android Asset Studio - Launcher icon generator romannurik.github.io 기본적으로 Square, Circle 두 종류는 설정해주..

안녕하세요. RyuWoong 입니다. RN을 만지다보면 다양한 에러를 접하게되는데요, 그 중 누구나 쉽게 맞닥뜨릴 수 있는 에러를 하나 소개하려고합니다. 바로 가보실까요? 문제. RN을 Release 하기 전에 실기기에 빌드를 하시게 될 겁니다. 하지만, Build 중에 에러가 발생합니다. Command PhaseScriptExecution failed with a nonzero exit code 정확하게 알 순 없지만 Node 때문에 발생하는 것 같습니다. 🤔 https://reactnative.dev/docs/new-architecture-troubleshooting#xcode-build-issues Troubleshooting · React Native This page contains resolu..