Sign in

it

it bg plan

주니어 개발자의 개발 일정 산출 노하우 세미나

'이거 만드는데 어느정도 걸리세요?'라는 질문 받을때마다 항상 난처했었다. 요구사항 분석을 하긴 했지만 실제로 개발 들어갔을때 내가 얼마나 걸릴지, 어떤 문제를 마주칠지 알 수 없으니 몇일 걸릴거라는 예상을 하기가 힘들었고, 개발속도가 느리고 능력없는 개발자로 비칠까봐 실제 내가 생각하는 예상공수보다 더 적게 얘기한 경우도 있었다. 이런 고민에 대한 해답을 찾는데 도움이 된 세미나에 참여하게 되었다. 주니어 개발자가 겪는 개발 일정 산출에 대한 고민을 이미 겪고, 다양한 환경에서 업무경험을 쌓으신 오윤지 개발자님이 발표해주셨다.   개발일정 산정 이전에 고려해야할것먼저 자신이 속한 조직이 어떤 조직인지 파악할 필요 있다. 조직의 종류에 따라 일정 산출 방식이 달라질 수 있다.  기능조직 vs 목적조직기능..
wono | discuss |
it dev nextjs react-query

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 |
it dev nextjs jest

Next.js with Typescript 프로젝트 테스트 코드 작성하기(jest, testing-library/react)

1. 현재 프로젝트 구성Next.js App router 사용TypescriptEslint  2. 테스트 툴 선택Jest 와 Testing Library 를 사용하기로 결정 3. 세팅1) Testing Libray React 패키지 설치(참고 : Installation - With Typescript)npm install --save-dev @testing-library/react @testing-library/dom @types/react @types/react-dom 2) Jest (React) 패키지 설치(참고: Testing React Apps - Setup With Create React App)npm install --save-dev jest react-test-renderer (참고: Nex..
wono | discuss |
it dev nextjs react-error-boundary

[React] ErrorBoundary & Suspense, 거의 완벽한 사용방법 가이드

📒 ErrorBoundary & Suspense, 거의 완벽한 사용방법 가이드잘 만든 Errorboundary백개의 try-catch 안 부럽다.프론트 개발을 계속하다 보니 다양한 상황을 마주치게 되었고, 그에 따른 적절한 화면 표현의 중요성을 점차 느껴갔습니다.대표적으로 서버 데이터에 대한 로딩과 에러 처리가 있죠.끊임없이 사용해 보고 개선해 보니 1년이 지난 지금에서야 어느 정도 감이 잡히는 거 같아 그 방법을 공유해보려 합니다.이 글은 실제 서비스에서의 적용 방법에 대해 설명하는 글이기 때문에 ErrorBoundary와 Suspense에 대한 개념은 아래 글을 참조해 주세요.ErrorBoundary를 통한 선언적인 에러 핸들링, react-query를 이용한 재호출 방법Suspense을 사용해 선..
wono | discuss |
it ops aws rds uuidv7

Implement UUIDv7 in Amazon RDS for PostgreSQL using Trusted Language Extensions | Amazon Web Services

UUID Version 7 (UUIDv7) was introduced to improve the randomness of UUIDv4. UUIDv7 encodes a Unix timestamp with millisecond precision in the first 48 bits of the UUID, meaning that UUIDv7 is time-based and sequential. Trusted Language Extensions (pg_tle) for PostgreSQL is a new open source development kit to help you build high performance extensions that run safely on PostgreSQL. In this post, we demonstrate how to create and install a Trusted Language Extension (TLE) using PL/Rust as the trusted language to generate a UUIDv7. We also take a deeper look into the underlying implementation of the extension.
wono | discuss |
it ops db erd

☁️ ERD CLOUD - ERD 다이어그램을 온라인에서 그려보자

ERD CLOUD 프론트엔드 작업을 하기전에 UI 와이어프레임을 그리는 과정은 중요하듯이, 백엔드에서도 데이터베이스 모델링 설계 과정은 매우 중요하다. 데이터베이스 모델링을 할 때 ERD 다이어그램 툴을 사용하는데, ERD 관련 소프트웨어는 대부분 유료이며 체험판 무료 버젼은 제약도 많고 대부분 연식이 좀 된 소프트웨어들이라서 디자인도 조금 올드하다. ERD(Entity Relationship Diagram) 문자 그대로 해석하면 '개체들의 관계를 다이어그램 형식으로 표현한 것' 이라고 볼 수 있고, 쉽게 정리하면 데이터베이스의 구조를 한눈에 파악할 수 있게 시각화한 것이다. [DB] 📚 데이터 모델링 개념 및 📈 ERD 다이어그램 그리는법 (1:N 관계) 데이터 모델링 이란? 데이터 모델링이란 정보시스..
wono | discuss |