너와 나의 프로그래밍

Redirects를 공부하면서 아주아주 괜찮은 Rewrite의 소개를 해보려고 한다 물론 이번에도 노마드코더 니콜라스님의 강의를 참고하면서....(https://nomadcoders.co/nextjs-fundamentals/lobby) Watch Now – 노마드 코더 Nomad Coders nomadcoders.co How to Rewrites in Next.js ?🤔 Redircts는 특정 URL을 직접 입력하면 Redirect로 다른 URL로 이동시키는 기능이라면 Rewrites는 특정 URL을 직접 입력하면 다른 URL로 이동을 하지만 사용자에게는 마치 이동이 되지 않은 것 처럼 보여준다. 특정 URL을 Masking하면서 다른 URL을 보여주는 것이다. 이게 정말 좋았던 것이 외부 API 통신을..

노마드코더 니콜라스님의 유튜브를 보던 중 무료로 강좌가 있다고 해서 Next.js 개발을 하면서 많은 도움이 되지 않을까 싶어 무작정 니콜라스님의 Next.js 강의를 보았다.(https://nomadcoders.co/nextjs-fundamentals/lobby) Watch Now – 노마드 코더 Nomad Coders nomadcoders.co 그 중 Redirect and Rewrite라는 흥미진진한 강의를 보면서 이런게 있는지 몰랐구나! 라는 신세계를 경험했다. Next.js로 개발을 하면서 왠만한 사용법은 거의 다 익혔다고 생각했다만, 역시 배울게 아직도 많구나... 라는 자기 반성도 하게 되었다.😂😂😂 How to Redirects in Next.js ? 지금까지 개발을 할 때는 Redirec..

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

앱에서 회원가입을 할 때나 카드번호, 비밀번호, 생년월일 입력을 할 때 자주 사용되는 Input Element를 입력 후 자동으로 다음 Input으로 이동하는 Action을 많이 사용한다. 특히 모바일 환경에서 자주 볼 수 있는데, 비밀번호를 한 자리씩 입력 후 다음 자리를 입력하는 식, 또는 Backspace는 눌러 전 단계의 입력 Input으로 넘어가야되는 일이 발생할 수 도 있다. 하나의 Input을 사용했을 때는 커서 이동없이 바로바로 처리하면 되지만 부득이하게 Input을 여러 개 사용할 때의 이동 스크립트를 공유하려고 한다. 먼저 Input에 name Attribute를 추가해 주고 onkeydown 이벤트에 function에 event 매개변수를 추가해 Binding 해준다. 특히 maxle..

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

Next.js 환경에서 개발을 하다보면 정말 여러가지 이슈의 대해 부딪히곤 한다. 특히 Build를 할 때나 개발서버에서 개발을 하다보면 가끔 "window is not defined" 에러를 종종 보곤 한다. SSR을 하는 Next.js에서 Client에서 사용하는 노드 모듈(서드파티 라이브러리)을 사용하면 많이 발생하는 문제인데, 이런건 좀 업데이트를 통해 고쳐졌으면 하는 바램이 있다... 마침 react-draft-wysiwyg 이라는 React.js에서 많이 사용하는 텍스트 에디터의 대한 모듈을 개발하던 도중 오랜만에 만난 에러가 나와 해결방법을 소개하려고 한다. react-draft-wysiwyg | Yarn - Package Manager (yarnpkg.com) https://yarnpkg...