Discussion

https://youtu.be/6pheXmFyLVc (영상을 선호하시면 위 링크에서 보실 수 있습니다 아래는 요약한 내용의 글입니다) AI 코딩으로 돈을 벌 수 있을까요? 결론부터 말씀드리면 가능합니다. (하지만 느릴 수 있습니다.) 오늘은 **AI 코딩으로 외주를 시...

이 글은 제가 현장에서 쓰는 Clean F.S.D(Feature‑Sliced Design × Server‑first) 기준을 정리한 실전 가이드입니다. 한 줄 원칙은 “읽기는 Entities, 쓰기는 Features” 입니다. 핵심 규칙(요약) Entities ↔ Features의 구분 = 읽기(Read) ↔ ...

Next.js에서 모듈 페더레이션(Module Federation, MF)을 적용할 때, 비즈니스/서비스/기술 관점을 고려해서 GPT 도움을 받아 정리 해보았습니다. 결론부터 말씀드리겠습니다. 결론 • **Next.js App Router(=Next 13\~15, RSC 중심)에서는 “모듈 페더레이션”을 1급 시...

저는 백엔드 개발자이고, 프론트엔드 개발은 처음임을 밝힙니다. 며칠간 FSD에 대한 학습을 이어왔지만 이해의 어려움과 경계의 명확성을 제대로 못잡은 상태입니다. FSD 아키텍처를 먼저 사용해보신 선배님들이나, 학습중인 분들께 제가 궁금했던 내용에 대한 인사이트를 얻을 수 있길 바라며 글을 적습니다. 1\. **같은 Layer - 같은 Sli...

이번 글에서는 Next.js 공식 문서가 14버전에서 15버전으로 넘어가며 어떻게 변했고, 그 변화가 왜 중요한지를 짚어봅니다. 공식 문서에는 단순한 가이드를 넘어서 프레임워크 팀이 개발자에게 보내는 “우리는 앞으로 이렇게 갈 거야”라는 메세지가 포함되어 있기도 해서요. 어떤 방향이 될지 함께 알아볼게요. • 개념 챕터 해체 → ...

배경 이번에 유료 강의 플랫폼을 만들면서, 강의를 구매한 사용자에게만 영상을 보여주기 위해 고민했어요. 처음엔 단순히 “재생을 제한해야 한다”는 기능 요구사항으로 접근했어요. 그런데 좀 더 생각해보니, 단순한 재생 제한 문제보다는 좀 더 복잡했어요. • 어떤 사용자는 여러 디바이스를 사용하고 있고, • 어떤 사용자는 **영상 ...

안녕하세요 \~ 특정 페이지에 진입할 때 /a , /b , /c api를 호출한다고 가정해보겠습니다. 각 api의 응답에 따라서 각각 a={a} , b={b} , c={c} 쿼리를 붙여줘야한다고 할 때, 보통 어떻게 하시나요? useEffect 구문 내에서 쿼리 실행이 성공했을 때 각각 replace를 했더니...

저는 이전 회사에서 적극적으로 코드 리뷰를 진행했는데요. 코드 리뷰를 잘 하기 위해서 중요한 것들이 참 많지만 개인적으로는 "어떻게 말하느냐"가 되게 중요한 것 같다고 느낄 수 있었어요. 예를 들어서 동료의 PR을 확인하다가 반복되는 로직을 별도의 함수로 분리하지 않은 경우를 본다면 아래와 같이 코멘트를 남길 수 있을 것 같아요. \> "이 로직...

안녕하세요, FSD (Feature-Sliced Design) 아키텍처를 학습하고 계신 분들과 함께 widgets 레이어의 본질적인 의미에 대해 심도 깊은 토론을 해보고자 합니다. 개인적으로 FSD를 공부하면서, features 레이어를 '시스템 상태를 변경하는 행위' (예: POST/PUT과 같은 개념)와 관련된 로직으로, entiti...

안녕하세요! 저희 팀은 Data Mocking할 때 ts-auto-mock 이라는 라이브러리를 활용했는데요! 해당 라이브러리가 모든 테스트 파일이 실행될때마다 런타임에 타입 체크를 수행해서 고작 2700개 가량의 TC를 수행하는데 무려 20분이라는 시간이 걸렸습니다. 또한, 타입 기반으로 자동으로 값을 넣어주고, Partial를 지원하기...

얼마 전, 낙관적 업데이트라는 사용자 경험 개선 방법에 대해 알게 되었어요. 요점은 아래와 같아요. ✏️ As-Is • 사용자가 서버로 요청을 보낸다. • 서버의 응답 결과를 기다린 후, 성공이면 • 상태를 업데이트하기 위해 다시 새 데이터를 요청한다. ✨ To-Be (낙관적 업데이트) • 사용자가 서버로 요...

혹시, 개발 하시면서 다들 테스트 코드는 만들고 계신가요? • 테스트없는 코드를 작성하고 계시나요? 그렇다면 어떻게 코드를 수정하고 확장하고 있으신가요? • 반대로, 테스트있는 코드를 작성하고 계시다면, 테스트의 범위는 어디까지 지정하시는 편이신가요?  저는 주로 단위테스트를 작성하는 편이고, 아래와 같은 기준에 부합...

(아래 용준님과 비슷한내용일 것 같은데, 저는 수익화에 조금 초점을 해봤어요!) 저는 현재는 회사를 열심히 다니면서 일을 하고 그에 따라 돈을 벌고 있는데요. 요즘은 개인적으로도 수익을 만들고 싶다는 생각이 많이 들더라구요. 이전에는 개발 관련해서는 멘토 활동만 하면서 수입을 만들어봤는데 이제는 개인적인 개발을 통해서 만들어보고 싶은 것 같아요...

안녕하세요 \~ Docker 환경에서 .next/cache를 캐싱하고 싶어 시도하다가 실패해서 혹시나 성공한 경험이 있는 분이 계실까 질문 올려봅니다! github-action-host-runner와 Docker 환경 간에 .next/cache를 공유할 수 있을거라 생각했는데, 생각보다 마음처럼 되지 않더라구요. docker/build-p...

안녕하세요 ㅎㅎ 항상 가지고 있던 고민인데, 첫 글로 남겨봅니다\~! 저는 제가 필요로 하는 것들을 사이드 프로젝트로 만들곤 하는데요. 처음엔 그냥 제가 쓰려고 만들었는데, 지인들에게 보여주니 "이거 괜찮은데?" 하는 반응을 종종 받아요. 그런데 막상 배포하고 나면 생각보다 사용자를 모으기가 쉽지 않더라고요. 애착을 가지고 만든 서비스가 많...

안녕하세요 tanstack query를 FSD에서 사용 시 애매한 점이 있어 질문드립니다.  FSD의 경우 각 segment에 api와 query 등을 폴더로 관리하는게 일반적이라 생각하는데, 메인테이너의 블로그를 보면 factory 식으로 사용하는 것을 권장하도록 되어있고 key와 종속인 function을 같이 관리해야한다는 생각은 옳다고 ...

안녕하세요!!  개발 시 만약 컴포넌트가 여러번 반복되는 경우 통합을 하는게 일반적이지만 통합을 하면서 props가 drilling되거나 props 자체가 많아지는 경우가 많은듯 합니다.  이럴경우 제 생각엔 몇가지 방향이 있는데 • HOC, wrapper-component ( vue 의 경우 slot) • 2 - ...

안녕하세요. 다국어 관련해서 질문이 있습니다. 현재, Next.js 프로젝트에서 i18next를 사용해 다국어를 관리하려고 하는데요. 현재 구상 중인 플로우는 다음과 같습니다! Google Sheets에 번역 키값 및 번역문 관리 prebuild 단계에서 Sheets API로 데이터를 pull 받아 JSON으로 변환 i18next-scanner...

안녕하세요 존경하는 PEC동지여러분, 넥스트의 미들웨어로 대표되는 엣지런타임, 서버컴퍼넌트나 api라우트들이 실행되는 노드런타임. 일반적으로 클라이언트 특히 훅로직들이 작동하는 브라우저 런타임과 구분이 되어잇는데요… aws 앰플리파이가 각부분을알아서 aws각 서비스에 맞는 걸로 배포해주는걸로아는데 .. 노드런타임은 당연히 람다(엣지), ...

안녕하세요 캠프동지여러분들 개발하다 문득 궁금한게 있어서 여쭤봅니다.. 서버액션을 실무에서 쓰시나요? 빠르게 mvp 태핑하거나 개인플젝을 하지 않는이상 프론트에서 db에 직접 접근하는 경우가 있을까요? 백보 양보해서 bff용도로 쓴다쳐도 api route에 정리하는것보다 좋은점을 모르겠습니다? 혹시 프론트 백 나누어져있는 일반적인 프로덕트...

종종 고객사의 VOC가 들어올 때, 난감한 경우가 있습니다. 바로 고객이 겪는 이슈가 내 로컬 환경에서는 재현되지 않는 경우이죠. 이럴 땐, 마음같아선 고객사의 계정을 받아서 직접 로그인해보고 싶지만, 보안 이슈 때문에 쉽지 않습니다. 여러분들은 이러한 상황에서 어떻게 하시나요?

저는 풀재택으로 근무하는 형태의 회사에 다니고 있는데요, 방이 곧 업무 공간이자 휴식 공간이다 보니 일과 삶의 분리에 어려움이 있습니다. 가끔은 쉬어도 쉬는 것 같지 않고, 업무에 집중을 하지 못할 때도 꽤 많은 것 같아요. 여러분들은 어떠신가요? 재택근무 꿀팁이 있으신가요?

안녕하세요, React Query를 활용한 프로젝트에서 캐싱 전략에 대해 고민할 일이 생겨 이렇게 Discussions를 남깁니다. (요즘 실무에서 apolloClient를 쓰고 있긴 하지만..) MVP를 빠르게 만들 때는 단순히 refetchQuery로 모든 걸 다시 불러오는 방식이 직관적이고 편한 경우가 많습니다. 하지만 Product E...

리액트 쿼리를 사용할 때 쿼리 옵션 단위로 관리하는 것을 메인테이너는 권장하고 있고, 아래와 같이 별도의 커스텀 훅(useTodos)을 만들기 보다는 컴포넌트에서 그대로 사용하는 것을 선호하고 있더라구요....

저를 포함해서 많은 사람들이 프로덕트에 관심을 조금씩은 가지게 된 것 같고, 특히 AI 시대에 앱을 개발해서 수익을 내는 것들을 보면서도 더 그런 것 같더라구요! 그런데 생각해 보면 다들 관심은 있지만 실제로 "내가 그런 사람이 되려면 어떻게 해야 하지?" 에 대해서는 막연하게 느낄 수밖에 없는 것 같아요. 마음을 굴뚝같으나 어떤 방식으로 시작해 보는 게 ...