너와 나의 프로그래밍

Intro🙂 React의 많은 상태 관리 라이브러리들 중에 대표적인 라이브러리는 아마 Redux가 아닐까 싶다. Redux를 대표적으로 많이 사용하는 만큼 장점도 있지만 단점도 분명 존재한다. 처음 Redux가 나왔을 때는 Prop driling이 해결되는구나! 누가 만들었는지 이제 유지보수도 편하겠네! 라고 무작정 좋아했지만 그 만큼 복잡하고 Flux 패턴의 대한 정확한 이해와 사용하는데 따른 코드의 양도 방대해지고 Action과 Reduce, Store의 관리도 복잡해지기 시작했다. 그런데 최근 Recoil이라는 상태 관리 라이브러리라는 것이 나왔고 관심있게 보다가 사용을 해보니 Redux 보다 코드의 양이 적고 유지관리도 굉장히 쉬워서 러닝커브도 높지 않다고 생각이 들었다. Recoil?🤔 Reco..

2017년 개발자는 꼭 개발 블로그를 운영하면 좋다는 의견을 들어 시작을 했고 2022년이 되어서야 드디어 애드센스에서 수익을 창출할 수 있게 되었다.✌️ 처음에는 포트폴리오용 어플리케이션에 admob을 적용하는 것부터 시작해서 그렇게 보면 참 수익 창출하기가 보통 어려운게 아닌가 싶다.😂😂 (앉아서 돈을 번다는게 참 쉬운것 같지만서도 쉽지 않다는 생각도 든다.) 개인 일상 블로그를 운영하면서 네이버 애드포스트를 통해 수익을 창출하거나 쿠팡 파트너스를 통해 간간히 수익을 창출하는데, 개발 블로그라는게 참 인기가 없는 것 같기도 하고 개발 블로그로는 수익을 창출하기가 꽤 어려운 것 같다. 하지만 처음 블로그를 시작했던 "모두에게 내 공유를 나눠서 해결했으면 좋겠다."라는 마음으로 앞으로도 꾸준히 개발 관련..

요즘 프론트엔드 개발을 하면서 GraphQL을 많이 쓰는 추세다. 새로운 기술을 도입하는 스타트업 같은 경우에 유독 많이 사용하는 듯 하다. 여러 채용공고를 보면서 Recoil이라든지 React-Query라든지 여러가지 많은 라이브러리들을 사용하는 것 같다. 도대체 GraphQL이 뭐길래 이렇게 도입을 하는 것일까...? 🤔 What Is "GraphQL" GraphQL은 Facebook이 2012년에 개발하여 2015년에 공식적으로 배포한 "데이터 질의어"다. "질의어"란 Query Language를 말하는데 말 그대로 Query Language를 사용해서 API 통신을 할 수 있게 만들어준다. 간단하게 기존의 RESTful API를 불러오는 방식(예: Promise, fetch, Axios, ajax..

Kakao에서 무료 주소검색 API를 안드로이드나 iOS에서 웹뷰로 간단하고 쉽게 사용할 수 있게 제공하고 있다. 안드로이드에서는 따로 CSS를 적용하지 않아도 화면에 꽉 차게 반응형이 자동적으로 이루어지는데 iOS에서는 이상하게 반응형이 적용되지 않아 브라우저에서 보는 화면을 그대로 사용하는 이슈가 있었다. 기본적으로 제공하고 있는 예제에서는 딱히 Mobile OS별로 처리를 하는 방법이 적혀있지 않아서 찾던 중에 iOS WebView로 API 예제를 구현하신 분의 Github을 보고 힌트를 얻어 동적으로 DOM을 조작하는게 좋은 방법이라고 생각됬다. DOM이 onLoad 될 때 execDaumPostcode function을 실행하고 DOM의 대한 동적인 사이즈 조작은 initLayerPosition..

2021년 4월 퇴사 결정. Vue.js + Typescript 기반의 시각화 솔루션을 개발하다가 회사의 운영방침이나 시스템적인것들이 답답했다. 연봉협상 과정에서도 쥐꼬리 만큼 올랐던 인상률에 너무 화가 많이 났었고 이대로는 안되겠다는 생각에 과감히 퇴사를 결정했다. 솔직히 회사 규모의 비해 너무 개발자들의 대우가 좋지 않았다. 요즘 개발자들의 대우가 많이 좋아졌고, 이제 막 시작하는 스타트업들도 각자의 신선한 개발문화를 도입하려고 노력하고 너도나도 개발자 모셔가기에 개발자 단가를 높여가는 이 시기에 나도 이대로는 안되겠다는 생각이 아주 많이 들었다. 시대는 갈 수록 좋아지고 더 많은 것들을 도입해야지 그대로 머물러 있으면 아마도 일할 수 있는 개발자들은 몽땅 다 좋은 곳으로 떠나는게 맞는 것 같다. 월..

AWS에서 제공하는 Amplify를 Next.js에 도입하면서 빌드를 하던 과정에 도대체 원인을 알 수 없는 에러가 발생했다. 빌드를 하는 과정에서 물론 내 실수(스크립트 오류 및 파일 경로 오류 등등...) 같은 경우에는 Amplify Console에 친절하게 어떤 파일에서 몇 번째 줄에 문제가 있다는지 명확하게 설명해 주는 경우가 있어 실제 Local에서 개발용 Build 명령어를 사용하는 것과 동일한 결과를 내주기도 한다. 하지만 이번에는 구글링을 하면서도 도대체 방법도 없고 애초에 Amplify Build 이슈는 있지만 이런 이슈는 처음 겪는지라 더욱 힘들었다. 그 와중에 "error next@12.0.1: The engine "node" is incompatible with this module..