양갱의 개발 블로그

안녕하세요 오늘은 저번 포스팅에 이어서 EAS로 Expo 프로젝트를 빌드하는 과정에 대해 알아보려고 합니다!창업팀에서 개발을 빨리 해야해서 Expo 프로젝트를 사용하고 빌드 및 배포까지 했어야 했어요.. android는 APK, ios는 testflight로 해야했습니다. EAS로 Expo 프로젝트를 빌드하는걸 하면서 gpt로 했다가 아주 혼났답니다.. 꼭 꼭 expo 문서를 확인하는게 제일 좋습니다!! EAS란?EAS(Expo Application Services)는 Expo 팀이 만든 Expo 및 React Native 앱을 위한 긴밀하게 통합된 클라우드 서비스 입니다.이전에 Expo에 대해서 정리한 내용이 있는데 확인 부탁 드립니다!https://gamza1013.tistory.com/133 [Ex..

오랜만입니다!정말 오랜만에 글을 쓰는 것 같네요! 사실 12월 중순부터 창업팀에 들어가게 되서 많이 바빴습니다.작은 규모의 창업팀에서 기획 단계부터 시작해서 고도화를 했습니다! 원래는 더 빨리 끝낼 수 있어야 하는데 개발과 빌드, 배포까지 하려다 보니 많이 늦어졌더라구요.. 그래서 다시 블로그로 정리를 시작하려고 합니다. 진행했던 프로젝트는 1차 MVP 개발이 끝나구 짧은 테스트 기간을 가졌고 이제 정부지원사업에 제출할 문서들을 정리중입니다.문서같은 것은 기획/경영 해주시는 분들이 계셔서 며칠 밤새시면서 작업하실것 같네요.. 저는 글솜씨가 없어서 그런거 잘 적으시는 분들이 참 존경스럽습니다! 블로그라도 작성하면서 글솜씨 향상 목표 겸 기록용 해야죠..! 오늘은 Expo로 프로젝트를 진행했는데 구현했던 것..

회원가입 기능을 구현하려고 했을 때 form 태그를 사용하면 필요한 데이터, 사용자가 입력한 데이터만 쏙쏙 빼서 데이터를 정제하고 서버로 전달할 수 있습니다. 매우 편리한 태그입니다. 이 태그를 react에 맞춰진 라이브러리를 찾아보다가 react-hook-form을 찾게 되었습니다.React Hook Form이라고 해서 React에서 자체 지원해주는 hook인줄 알았는데 아니에요. react-hook-form이라는 라이브러리를 install 해서 사용하는 겁니다. React의 장점 중 하나는 라이브러리의 세계가 넓습니다. https://react-hook-form.com/get-started Get StartedPerformant, flexible and extensible forms with easy..

오늘은 React 프로젝트에서 자주 사용하는 오픈소스와 라이브러리를 알아보려고 합니다.React 프로젝트를 시작하면서 프론트엔드를 맡게되었는데 프로젝트를 할 때마다 디자이너의 중요성을 세삼 느끼게 됩니다. 디자이너의 유무에 따라서 프로젝트의 퀄리티도 달라지고 사용자 로직에서도 더 편리함을 느낄 수 있다고 생각합니다.그래서 디자이너가 없을 땐 어떻게 해야하나 싶은데 아무래도 색감과 애니메이션이라고 생각합니다.그래서 오늘은 React 반응형 프로젝트에서 사용할 수 있는 오픈소스나 라이브러리를 알아보겠습니다. 자료아래의 자료에 따라서 어떤 오픈소스, 라이브러리가 있는지 알아보겠습니다 (이미 알고 있거나 유명한 것은 예외처리해두었습니다)참고한 자료는 아래와 같습니다. https://www.bloter.net/n..

React로 개발할 때면 항상 Hook의 다양성을 몰라 개발의 효율성이 떨어지는 걸 느낄 수 있었습니다..그래서,React Hook을 파헤쳐보고 알아가면서 프로젝트를 진행하고 있습니다! 그와 동시에 알아가면 좋은(거의 모든) hook들을 공부하며 블로그에 정리해보려고 합니다. 오늘은 useReducer라는 것을 알아보겠습니다.   React Hook이란,React 컴포넌트에서 계속 발전되고 업데이트 되고 있는 다양한 React 기능을 사용할 수 있습니다. 내장된 Hook을 이용하거나  이를 결합하여 자신만의 Hook을 만들 수 있습니다.React Hook은 종류가 다양해서 알면 알 수록 신기하고 프로젝트의 효율성을 더 높힐 수 있을 거라고 생각합니다.종류는 다양한데 대표 Hook 들입니다.1. State..

이제 요구사항 모두 작성했고, 깃허브 레파지토리, 프로젝트 생성까지 마무리 했습니다. 매번 새로운 프로젝트를 확인할 때 폴더구조를 제일 먼저 보게 되는데 내 프로젝트가 아닌 이상 폴더구조를 파악하는데 시간이 오래 걸리는 편이었습니다. 물론 파악을 하는 하루 종일 걸리는 건 아니었지만, 이게 어디에 있지? 어디서 import한거지?를 찾는 데 투자한 시간이 아깝다고 느껴졌습니다. 그래서 일단 타입스크립트 프로젝트를 생성할 때 어떤 폴더구조를 찾는지 궁금했습니다. 또한 프로젝트에서 Redux(리덕스)도 사용해보고자 하며 폴더구조에 대해 알아보겠습니다. 기본적인 타입스크립트의 폴더 구조처음 프로젝트를 생성했을 때 볼 수 있는 폴더 구조 입니다.위와 같이 src/, index.html, package.json,..