CaliforniaLuv
Figma MCP + AI 에디터 적용해보기
최근 MCP(Multimodal Contextual Prompting) 라는 기술이 여러 곳에서 활발하게 언급되고 있는 것을 보았다. 문득 프론트엔드 분야에 적용할 수 있는 부분이 있을까? 하는 궁금증이 생겼다. 조금 찾아보니, Figma-Context-MCP라는 라이브러리를 통해 Figma와 AI 에디터를 연동해 사용하는...
Hello, I’m Lee Jin-Sung
As a front-end developer, I'm responsible for web development. These days, I think UX/UI is important in web site.
Latest Posts
팀 단위의 env 환경변수 중앙 관라 구축하기
사내 프론트엔드 챕터 회의에서 개발 팀원들과 함께 작업하면서 겪었던 고충을 공유하는 시간을 가졌다. 여러 가지 의견이 나왔지만, 그중에서도 가장 시급하게 해결해야 할 문제로 ‘env 환경변수’가 꼽혔다. 현재 프로젝트마다 API 키 및 API 주소 등 환경변수 정보들은 컨플루언스를 활용하여 관리 중이었다. 해당 방식으로 ...
speech to text API를 활용하여 AI 채팅 구현하기
최근 회사 프로젝트에 집중하느라 블로깅을 소홀히 했다. 마침 2025년을 맞아 간단한 토이 프로젝트를 만들어볼까 싶어서 퇴근 후 틈틈이 3일 정도 작업해봤다.(다 만들어보니 당일치기로 충분히 만들 사이즈 규모인 거 같기도 하고;) 토이 프로젝트 소개 지난 2024년을 돌아보며, 나만의 2024 오스카상을 수여한다...
React clean하게 사용하기 chap3
이번 주에는 리액트 렌더링을 효율적으로 최적화하고 관리하는 방법에 대해 클린 코드 내용을 정리하고자 한다. 무분별하게 내부 컴포넌트를 생성하지 않기 ❌ 내부 컴포넌트 안에 내부 컴포넌트 // 🙅♂️ Bad const AnotherComponent = () => { return "AnotherComponen...
React clean하게 사용하기 chap2
한동안 두 개의 프로젝트를 동시에 처리하느라 정신없이 지내다 보니 블로깅을 많이 미뤘다. (개인적인 공부도 많이..) -.- 이번에는 그동안 공부하며 정리한 ‘Props를 깔끔하게 사용하는 방법’에 대해 정리해보자 포스팅을 남긴다. 무거운 연산을 활용하는 함수 반환값 효율적으로 관리하기 ❌ 일반 변수에 저장하기 co...