전체 글

이거 왜 필요했는가?AI 기능을 사용하기 위해서는 외부sdk를 로드하고, 해당 sdk에서 제공하는 API를 연결하여 크레딧 정보 조회, 생성/취소 기능을 사용할 수 있었다.2025년 7월 전까지 AI 기능을 쓰는 곳은 아래 사진처럼 3개의 구역에서만 사용하고 있었다.에디터 > 좌측탭 > AI도구에디터 > 좌측탭 > 사진 > 속성창 > 쉬운편집에디터 > 좌측탭 > 사진 > 쉬운편집그러다가 2025년 7월 미리클(miricle) 프로덕트를 개발하면서,또 다시 3개의 지점에서 AI 생성 기능을 요구하게 되었다.Miricle > AI도구 > 입력화면(생성,크레딧)Miricle > AI도구 > 결과화면(재생성)Miricle > 메인 > 히어로 영역 당시, 개발 일정이 약 2주 - 2주 반 정도 되는 시간이었기에 ..

들어가기이번에 P.E.C 캠프 6기로 참여하면서 FSD의 개념을 Next.js와 결합해보는 과정을 진행했었다.P.E.C 캠프 Product Engineer Camp - pec8주동안 진행하는 Camp 를 통해서, 내 주변에 실제 문제를 해결하며 진짜 성장을 경험하세요. 다양한 UX framework 를 활용하여 설계하고, 이를 토대로 AI 와 효율적으로 협업하는 방법을 학습합니다.slashpage.com  흔히 알고 있는 역할 중심의 설계를 벗어자세한 FSD의 개념은 하단 블로그에서 상세하게 소개시켜주고 있기에 여기서는 내가 정립했던 FSD와 Next.js의 개념에 대해서만 다뤄보고자 한다.https://velog.io/@teo/fsd FSD 관점으로 바라보는 코드 경계 찾기이번 글의 주제도 FSD(Fe..

✨  TEOConf2024 스피커로 참여하게 된 이유 지난 feconf에서는 처음 사회에 나온 주니어 개발자들에게 어떤 마인드 셋으로 임해야 하는지, 이상적인 개발 환경이 아닌 곳에서 어려움을 헤쳐 나가고 있는 개발자들에게 자신감을 심어주기 위해 라이트닝 스피커로 참여한 경험이 있었다.  이번에는 1년 동안 개발을 진행하면서, 프론트엔드 개발자가 어려워지는 순간은 프론트엔드가 서버에 의존적으로 되어서 수정작업을 빠르게 할 수 없는 것이 문제라고 생각했다.  이를 해결하기 위해 함께 고민하고, 도전해 봤던 기술적인 경험과 인사이트를 다른 개발자분들과 공유하고 싶어, 해피라는 이름으로 '어댑터 아키텍처를 통해 클라이언트 환경 개선하기'라는 주제를 가지고 TEOConf 2024의 스피커로 참여하게 되었다.  ..