개발하는 개구리

왜 갑자기 리팩토링? ‎termterm ‎termterm은 IT 산업 전반에서 사용되는 용어를 정리하고 공유하며 학습할 수 있도록 하는 서비스예요. 처음 사회생활을 시작할 때 또는 프로젝트를 하며 우리는 각자의 전문 분야를 가진 다양한 apps.apple.com 기존에 expo-go 기반으로 개발한 termterm의 규모가 커지면서, 가설 검증의 플로우를 빠르게 하기 위한 새로운 OKR로 "웹뷰 기반의 하이브리드 앱으로 리팩토링하기"를 설정하였습니다. 소규모 팀인 termterm 팀에서는 환경의 문제로 인해 적용하지 못했던 각종 문제(푸시, 결제, GA 등)를 해결하고 파일럿 프로젝트에 빠르게 도전하여 실 사용자의 반응을 확인하기 위한 수단이 필요한 상황이었습니다. 때문에 오로지 React-Native ..

사족 리액트 네이티브로 앱을 개발하며 여러가지 기술 팁을 작성했었다. RN은 뭐랄까 ... 정말 재밌으면서도 화가나는 프레임워크ㄷㅏ... ㅎ 본문 React-Navigation에서 header와 component의 상태를 공유하는 방법 힘들게 props-drilling 중인 당신에게 velog.io Expo 앱에서 EAS를 이용하여 Testflight에 올리기까지 (feat. 고난과 역경) React Native iOS 빌드부터 Testflight 업로드까지! velog.io [expo] react-native-webview에서 간단하게 외부 앱 연결하기 expo에서 웹뷰를 조작해서 외부앱 연동하기 feat. 간단 velog.io

사족 당시에 프로젝트를 진행하며 처음으로 AWS로 배포하고, Github Action으로 CI/CD를 구축하며 작성했던 글이다. 이제는 정말 너무나 자연스러운 배포와 CICD인데도, 헷갈릴 때마다 이 글을 보곤한다. 본문 S3 CloudFront Github-Action으로 React(Vite) App 배포 자동화하기 프론트엔드 배포 자동화 (AWS S3 CloudFront Github-Action) 어렵지 않아요 velog.io

사족 모노레포를 처음 접하면서 환경 구축하는 방법에 대해 학습하고 정리했던 글이다. 모노레포를 활용해서 프로젝트를 진행하는 내가... 있을 수 있는 이유..같은 느낌의 글이다. 본문 모노레포 가이드 (pnpm, Storybook, Rollup.js, typescript, React, Emotion) 모노레포로 디자인시스템과 프로덕트 분리하기 가이드 velog.io

사족 리액트에서 사용할 수 있는 다양한 Hook에 대하여 정리한 글이다. 당시에 제대로 활용하지 못하던 메모이제이션 관련 훅에 대해서 깊게 학습하고 작성했다. 본문 이제는 좀 알자, React Additional Hooks! useCallback, useMemo, useReducer, useContext는 보고가자 velog.io

사족 SKT DEVOCEAN YOUNG 2기 활동을 하며 프론트엔드 성능 최적화 세미나를 수강하고 내용을 정리하며 학습했던 글이다. 엄청나게 양질의 글이라고 할 수 있으며, 역대 모든 글 중에 작성 시간이 가장 오래 걸렸다. 본문 프론트엔드 성능 최적화 톺아보기 프론트엔드_성능_최적화_최종.txt velog.io

사족 돈 내고 사용해야하는 풀페이지 스크롤을 직접 구현했었다. 나중에 알게 되었지만... 모바일에서 발생하는 버그가 존재하긴 하지만, 완성도가 꽤나 높은 컴포넌트였다! 본문 Emotion.js로 풀페이지 스크롤 구현하기 (feat. 디바운스) 돈 내고 쓰지 마요 (feat. 디바운스 & 커스텀 훅) velog.io

사족 아직까지도 애용하는 캐러셀 라이브러리 embla-carousel이다. 여전히 캐러셀 라이브러리 원탑이라고 생각한다ㅎㅎ 본문 캐러셀 라이브러리 추천 Embla Carousel 캐러셀 라이브러리 뭐 쓴거냐는 말도 들어봄. velog.io

사족 자료구조를... 열심히 뿌시면서 정리했던 글들이다. 당시에는 JS로 PS를 하던 시절이라... Python으로 갈아탄 지금에서는 코드 보다는 내용만 볼 만한 것 같다. 본문 [자료구조] 시작하기 전에 자료구조를 부숴봅시다!👊 velog.io [자바스크립트와 자료구조] 시간복잡도와 빅오(Big-O) 자바스크립트로 시간복잡도와 빅오를 정복해봅시다! 👊 velog.io [Javascript 자료구조] 공간복잡도 자바스크립트로 공간복잡도를 부숴봅시다! 👊 velog.io [Javascript 자료구조] 배열(Array)과 자바스크립트의 배열 API 자바스크립트로 배열을 부숴봅시다! 👊 velog.io [Javascript 자료구조] 연결리스트(Linked List) 자바스크립트로 연결리스트(Linked L..

사족 벨로그로 이전하면서 처음 작성했던 타입스크립트 챌린지 시리즈이다. 캡틴 판교님의 타입스크립트 강의를 듣고 공부한 내용을 정리했고, 타입스크립트 챌린지는 문제를 풀고 노션에서 공유하며 스터디를 진행했었다. 아니 이게 벌써 작년..이라고...?... 오엠즤 본문 [캡틴판교 타입스크립트] 01. 타입스크립트 소개와 배경 타입스크립트를 왜 쓰나요?🙄 velog.io [캡틴판교 타입스크립트] 02. 타입스크립트로 프로젝트를 시작하는 방법 타입스크립트로 프로젝트를 시작해보자!✨ velog.io [캡틴판교 타입스크립트] 03. 변수와 함수 타입 정의하기 타입스크립트에서 변수와 함수를 선언해보자!🙋‍♀️ velog.io [캡틴판교 타입스크립트] 04. 타입스크립트로 Todo App 만들기 타입스크립트로 Todo ..