blog + it blog orm Controller, Service, Repository 패턴에서의 ORM 사용 방식Controller, Service, Repository 패턴에서 ORM을 어느 레이어로써 활용할 수 있는 두가지 방법에 대해서 설명하고, NestJS와 Prisma를 사용한 예시를 통해 두 접근법을 비교 분석해보려고 합니다. wono | discuss | tweet + it blog jsdoc TypeScript의 대안, JSDocJavaScript 코드베이스에 주석을 추가하여 TypeScript의 대안적 수단으로 활용할 수 있는 JSDoc에 대해 알아보았습니다. wono | discuss | tweet + it blog jsdoc JSDoc을 사용하여 자바스크립트에 타입 힌트 제공하기 | PoiemaWebJSDoc을 사용하여 자바스크립트에 타입 힌트 제공하기 wono | discuss | tweet + it blog node Node.Js == C++ ?Node.js has a great portion of it written in C/C++. In this article, we will take a deep dive into Node and explore the C/C++ inside and discover the role of V8 and Libuv in Nodejs wono | discuss | tweet + it blog newbie [Backend 개발자] 인턴 1 ~ 3개월차 회고자바 개발자로 준비하던 중 좋은 기회가 생겨서 노드 개발자로 취업 성공을 하였습니다 노드 개발자로 전환 취업 성공기는 [Backend 개발자] JAVA → NODE 개발자로 전환 취업 성공 여기서 확인 가능 합니다😄 이제 입사한지 3개월차를 앞둔 시점, 삼개월 동안 우당탕 거렸던 저의 일지입니다 3개월 계약.. 그것은 바로 인턴 이전글에서 볼 수 있듯이 저는 노드 개발자로 취업을 했습니다. 단 입사 조건은 3개월 동안 인턴으로 근무 후 정규직으로 전환 조건이였습니다. 3개월 수습도 아닌 인턴이라서 정말 계약 만료일이 있는 계약직이였습니다. 어떻게 보면 이 기간이 수습 기간인거죠ㅎㅎ 하지만, 계약 기간이 정해져 있어 항상 불안감을 가지고 있었습니다. 정규직 전환을 위해서 열심히 해야겠다! 라는 것을 항상 .. wono | discuss | tweet + it blog fe [Korean FE Article] 내가 Next.js를 사용하지 않는 이유글 링크 : https://emewjin.github.io/why-wont-use-nextjs/ wono | discuss | tweet + it blog python msa Build a Todo App Using a Microservices Architecture and Use Auth Service to Protect Its RoutesIn part one I showed how to build an auth microservices using Django, protecting his routes with a decorator to verify if the user is authorized to interact with his views. If you missed it, take a… wono | discuss | tweet + it blog python msa How To Protect Your MicroservicesWhen I started learning about microservices I wondered how I could protect the services and be sure the user was authorized to use the APIs. I was pretty confident about how to structure an… wono | discuss | tweet + it blog arc id 리소스의 고유한 식별자는 어떤 형식을 사용해야할까?Software Developer, I love code. wono | discuss | tweet + it blog jest 단위 테스트로 복잡한 도메인의 프론트 프로젝트 정복하기(feat. Jest) wono | discuss | tweet + it blog nextjs Next.js app router에서 React Query 사용하면서 고민했던 것들지난 글에서 react-query의 hydrate, dehydrate을 통해 서버에서 prefetching 한 데이터 사용하는 방법에 대해서 살펴보았습니다. 서버에서 prefetching 한 데이터 사용하기 오늘은 조금 실용적으로 Next.js 13, 14 버전의 app router에서 react-query를 어떻게 사용하고 세팅하면 좋을지 고민했던 내용에 대해서 이야기해보도록 하겠습니다. 해당 글은 23년 10월에 메이저 버전 업데이트된, Next.js 14와 React-Query 5 를 기준으로 작성된 글입니다. 예시로 보여주는 코드는 저의 next-14-react-query repo에서 확인 할 수 있습니다. 제가 크게 고민했던 문제는 아래 세 가지입니다. Hydrate vs ReactQueryStreamedHydration 두 가지 API 중에 어떤 것을 채택할까? Hydration API 사용 시에 RSC, RCC 모두에서 깔끔한 코드를 유지하려면 queryOption은 … wono | discuss | tweet + it blog nextjs react next.js에서 react query가 필요할까?😋왜 필요할까?react-query가 제공해주는 SSR 환경에서 사용법을 보면서 한가지 의문이 들었습니다. react query가 제공해주는 캐싱, 리페칭 등등의 기능들이 매력적이긴한데...사실 대부분의 기능은 캐싱 , revalidate 같은 부분은next.js가 제공해주는 확장된 fetch 함수로도 충분하지 않나?? 그렇다면 next.js에서 react-query를 꽤나 복잡한 설정을 꾸역꾸역 설정하며 굳이굳이 사용할 필요성이 있을까?라는 의문이 들었습니다. 물론 아직 제공되지 않는 부분도 많을 것 같습니다.하지만 꼭 필요할까?라고 묻는다면 좀 애매할 것 같았습니다.그러던 중 You Might Not Need React Query라는 글을 발견했어요https://tkdodo.eu/blog/you-m.. wono | discuss | tweet + it blog react zustand [우아콘 2023] 프론트엔드 상태관리 실전 편 with React Query & ZustandStore가 너무 크고 복잡해요.Store에 상태관리보다 API 호출 코드가 더 많아요.Redux나 MobX가 비동기 통신에 적합한 도구일까요?이러한 고민 끝에 React Query라는 도구를 도입하게됩니다.Store는 간단한데 컴포넌트가 복잡해진 것 같아요.Clien wono | discuss | tweet + it blog react 카카오페이 프론트엔드 개발자들이 React Query를 선택한 이유 | 카카오페이 기술 블로그카카오페이 프론트엔드 개발자들이 React Query를 선택한 이유에 대해 설명합니다. 이 글은 연작 중 1편에 해당합니다. 1편: 카카오페이 프론트엔드 개발자들이 React Query를 선택한 이유, 2편: React Query와 함께 선언적 UI를 구성하는 방법 wono | discuss | tweet + it blog react React-query 를 사용해 상태관리를 해보자React-query 를 사용해 상태관리를 해보자 wono | discuss | tweet + it blog arc fe state React 상태 관리 라이브러리 비교하기 | bandal.devContext-API, Recoil, Redux, Zustand에 대해 비교해보겠습니다. wono | discuss | tweet + it blog lang 왜 Svelte 프로젝트는 TypeScript에서 JSDoc으로 이전하는가? | Daniel Lee최근 TypeScript로 짜여있던 Svelte 코드를 JS+JSDoc 다시 작성한다는 소식이 JS커뮤니티를 떠들썩하게 했는데요, 이에 대한 @Rich_Harris의 답변이 인상적입니다: → Svelte팀은 TS의 지원을 중단하는 것이 아닙니다. Type safety를 포기하는 것도 아닙니다. wono | discuss | tweet + it blog nextjs lighthouse Lighthouse로 Next.js 성능 44% 개선하기Lighthouse를 이용해서 Next.js 프로젝트의 성능을 최적화 했던 방법들을 공유하고자 합니다. wono | discuss | tweet + it blog arc api REST란? REST API 디자인 가이드REST란? REST API 디자인 가이드 시작하며 작년 저의 커리어의 첫 번째 회사인 스타트업 입사 첫날 사수님이 REST API를 구현해본적이 있냐고 물어보셨습니다. 그런 경험이 없다고 하니 REST API 디자인 가이드 글을 읽어보라고 주셨고 이렇게 REST API의 첫 만남을 시작하여 퇴사하기 전까지 주어진 중요한 일은 프론트와 API 스팩을 정하는 것이었습니다. 한번 스팩을 정하면 벡엔드 개발자인 저만 바꾸어야 하는 것이 아닌 프론트에도 영향이가니 신중함과 검토와 소통의 연속이었습니다. 당시 어떻게 개발해야할까 검색과 고민한 내용을 재구성하여 작성해봅니다. 참고 링크는 글의 후미에 작성하였습니다. REST란? REST는 웹의 창시자(HTTP) 중의 한 사람인 Roy Fielding(로이 필딩)이.. wono | discuss | tweet + it blog arc api 가비아 라이브러리IT 콘텐츠 허브 wono | discuss | tweetNext
+ it blog orm Controller, Service, Repository 패턴에서의 ORM 사용 방식Controller, Service, Repository 패턴에서 ORM을 어느 레이어로써 활용할 수 있는 두가지 방법에 대해서 설명하고, NestJS와 Prisma를 사용한 예시를 통해 두 접근법을 비교 분석해보려고 합니다. wono | discuss | tweet
+ it blog jsdoc TypeScript의 대안, JSDocJavaScript 코드베이스에 주석을 추가하여 TypeScript의 대안적 수단으로 활용할 수 있는 JSDoc에 대해 알아보았습니다. wono | discuss | tweet
+ it blog jsdoc JSDoc을 사용하여 자바스크립트에 타입 힌트 제공하기 | PoiemaWebJSDoc을 사용하여 자바스크립트에 타입 힌트 제공하기 wono | discuss | tweet
+ it blog node Node.Js == C++ ?Node.js has a great portion of it written in C/C++. In this article, we will take a deep dive into Node and explore the C/C++ inside and discover the role of V8 and Libuv in Nodejs wono | discuss | tweet
+ it blog newbie [Backend 개발자] 인턴 1 ~ 3개월차 회고자바 개발자로 준비하던 중 좋은 기회가 생겨서 노드 개발자로 취업 성공을 하였습니다 노드 개발자로 전환 취업 성공기는 [Backend 개발자] JAVA → NODE 개발자로 전환 취업 성공 여기서 확인 가능 합니다😄 이제 입사한지 3개월차를 앞둔 시점, 삼개월 동안 우당탕 거렸던 저의 일지입니다 3개월 계약.. 그것은 바로 인턴 이전글에서 볼 수 있듯이 저는 노드 개발자로 취업을 했습니다. 단 입사 조건은 3개월 동안 인턴으로 근무 후 정규직으로 전환 조건이였습니다. 3개월 수습도 아닌 인턴이라서 정말 계약 만료일이 있는 계약직이였습니다. 어떻게 보면 이 기간이 수습 기간인거죠ㅎㅎ 하지만, 계약 기간이 정해져 있어 항상 불안감을 가지고 있었습니다. 정규직 전환을 위해서 열심히 해야겠다! 라는 것을 항상 .. wono | discuss | tweet
+ it blog fe [Korean FE Article] 내가 Next.js를 사용하지 않는 이유글 링크 : https://emewjin.github.io/why-wont-use-nextjs/ wono | discuss | tweet
+ it blog python msa Build a Todo App Using a Microservices Architecture and Use Auth Service to Protect Its RoutesIn part one I showed how to build an auth microservices using Django, protecting his routes with a decorator to verify if the user is authorized to interact with his views. If you missed it, take a… wono | discuss | tweet
+ it blog python msa How To Protect Your MicroservicesWhen I started learning about microservices I wondered how I could protect the services and be sure the user was authorized to use the APIs. I was pretty confident about how to structure an… wono | discuss | tweet
+ it blog nextjs Next.js app router에서 React Query 사용하면서 고민했던 것들지난 글에서 react-query의 hydrate, dehydrate을 통해 서버에서 prefetching 한 데이터 사용하는 방법에 대해서 살펴보았습니다. 서버에서 prefetching 한 데이터 사용하기 오늘은 조금 실용적으로 Next.js 13, 14 버전의 app router에서 react-query를 어떻게 사용하고 세팅하면 좋을지 고민했던 내용에 대해서 이야기해보도록 하겠습니다. 해당 글은 23년 10월에 메이저 버전 업데이트된, Next.js 14와 React-Query 5 를 기준으로 작성된 글입니다. 예시로 보여주는 코드는 저의 next-14-react-query repo에서 확인 할 수 있습니다. 제가 크게 고민했던 문제는 아래 세 가지입니다. Hydrate vs ReactQueryStreamedHydration 두 가지 API 중에 어떤 것을 채택할까? Hydration API 사용 시에 RSC, RCC 모두에서 깔끔한 코드를 유지하려면 queryOption은 … wono | discuss | tweet
+ it blog nextjs react next.js에서 react query가 필요할까?😋왜 필요할까?react-query가 제공해주는 SSR 환경에서 사용법을 보면서 한가지 의문이 들었습니다. react query가 제공해주는 캐싱, 리페칭 등등의 기능들이 매력적이긴한데...사실 대부분의 기능은 캐싱 , revalidate 같은 부분은next.js가 제공해주는 확장된 fetch 함수로도 충분하지 않나?? 그렇다면 next.js에서 react-query를 꽤나 복잡한 설정을 꾸역꾸역 설정하며 굳이굳이 사용할 필요성이 있을까?라는 의문이 들었습니다. 물론 아직 제공되지 않는 부분도 많을 것 같습니다.하지만 꼭 필요할까?라고 묻는다면 좀 애매할 것 같았습니다.그러던 중 You Might Not Need React Query라는 글을 발견했어요https://tkdodo.eu/blog/you-m.. wono | discuss | tweet
+ it blog react zustand [우아콘 2023] 프론트엔드 상태관리 실전 편 with React Query & ZustandStore가 너무 크고 복잡해요.Store에 상태관리보다 API 호출 코드가 더 많아요.Redux나 MobX가 비동기 통신에 적합한 도구일까요?이러한 고민 끝에 React Query라는 도구를 도입하게됩니다.Store는 간단한데 컴포넌트가 복잡해진 것 같아요.Clien wono | discuss | tweet
+ it blog react 카카오페이 프론트엔드 개발자들이 React Query를 선택한 이유 | 카카오페이 기술 블로그카카오페이 프론트엔드 개발자들이 React Query를 선택한 이유에 대해 설명합니다. 이 글은 연작 중 1편에 해당합니다. 1편: 카카오페이 프론트엔드 개발자들이 React Query를 선택한 이유, 2편: React Query와 함께 선언적 UI를 구성하는 방법 wono | discuss | tweet
+ it blog arc fe state React 상태 관리 라이브러리 비교하기 | bandal.devContext-API, Recoil, Redux, Zustand에 대해 비교해보겠습니다. wono | discuss | tweet
+ it blog lang 왜 Svelte 프로젝트는 TypeScript에서 JSDoc으로 이전하는가? | Daniel Lee최근 TypeScript로 짜여있던 Svelte 코드를 JS+JSDoc 다시 작성한다는 소식이 JS커뮤니티를 떠들썩하게 했는데요, 이에 대한 @Rich_Harris의 답변이 인상적입니다: → Svelte팀은 TS의 지원을 중단하는 것이 아닙니다. Type safety를 포기하는 것도 아닙니다. wono | discuss | tweet
+ it blog nextjs lighthouse Lighthouse로 Next.js 성능 44% 개선하기Lighthouse를 이용해서 Next.js 프로젝트의 성능을 최적화 했던 방법들을 공유하고자 합니다. wono | discuss | tweet
+ it blog arc api REST란? REST API 디자인 가이드REST란? REST API 디자인 가이드 시작하며 작년 저의 커리어의 첫 번째 회사인 스타트업 입사 첫날 사수님이 REST API를 구현해본적이 있냐고 물어보셨습니다. 그런 경험이 없다고 하니 REST API 디자인 가이드 글을 읽어보라고 주셨고 이렇게 REST API의 첫 만남을 시작하여 퇴사하기 전까지 주어진 중요한 일은 프론트와 API 스팩을 정하는 것이었습니다. 한번 스팩을 정하면 벡엔드 개발자인 저만 바꾸어야 하는 것이 아닌 프론트에도 영향이가니 신중함과 검토와 소통의 연속이었습니다. 당시 어떻게 개발해야할까 검색과 고민한 내용을 재구성하여 작성해봅니다. 참고 링크는 글의 후미에 작성하였습니다. REST란? REST는 웹의 창시자(HTTP) 중의 한 사람인 Roy Fielding(로이 필딩)이.. wono | discuss | tweet