반응형 전체 글307 🤓 n8n과 OpenAI로 GitHub PR 코드 리뷰 자동화하기 개인 프로젝트에 AI 코드 리뷰를 도입한 이유개인 프로젝트를 진행하다 보면 요구사항 정의부터 설계, 개발, 테스트, 배포까지 대부분의 과정을 혼자 담당하게 된다.이 과정에서 특히 아쉬웠던 부분은 코드 리뷰의 부재였다.팀 프로젝트에서는 다른 개발자의 관점에서 코드를 검토하고 피드백을 받을 수 있지만, 개인 프로젝트에서는 자신이 작성한 코드를 스스로 검토해야 한다.물론 ESLint나 TypeScript를 통해 문법 오류와 일부 정적 분석 문제를 확인할 수 있지만, 비즈니스 로직의 잠재적인 버그나 잘못된 상태 관리, 비효율적인 렌더링과 같은 문제까지 모두 발견하기는 어렵다.이러한 한계를 보완하기 위해 Pull Request가 생성되거나 업데이트될 때 AI가 변경된 코드를 분석하고, 문제가 발견되면 GitHub.. 2026. 10. 18. 😙 10월 3주차 회고 ☺️ msw이용하기WEB을 개발하다보면 서버에서 작업이 되지않아, 붕 뜨는 시간이 존재한다.그럴때 동료분께서 msw를 추천해주셨고 msw은 "프론트엔드 개발에서 서비스 워커(Service Worker)를 이용해 네트워크 레벨에서 API 요청을 가로채고(intercept) 가짜(Mock) 응답을 반환해 주는 API 모킹 라이브러리" 이다. 만약 서버 인터페이스가 이미정해져있다면, 이렇게 하는것도 방법일 수도 있겠다 생각이 들었다 😊 n8n으로 ai리뷰 달기혼자 사이드프로젝트 하던도중 n8n으로 ai리뷰 달기를 실시하였다 open AI api를 이용하였고 실제로 사이드프로젝트 진행하던 도중 적용해보았다. 괜찮게 동작하던것을 확인하였다이거에 대해 좀 자세하게 글로 작성해볼 필요가 있다 2026. 10. 18. 🥸 TanStack Query TanStack Query서버로부터 데이터가져오기/데이터캐싱/캐시제어 등 데이터를 쉽고 효율적으로 관리할 수 있는 라이브러리v4부터 Vue/Svelte 다른 프레임워크에서도 활용할 수 있도록 기능확장됨기능useQuery가장 기본적인 쿼리 훅, 컴퍼넌트에서 데이터를 가져올때 사용queryKey쿼리키는 쿼리를 식별하는 고유한 값,배열 형태로 지정다중 아이템 쿼리키를 사용할 때는, 아이템 순서가 중요import { useQuery } from "@tanstack/react-query";type ResponseValue = { message: string; time: string;};type Props = { wait?: number; index: number;};export default functi.. 2026. 10. 12. 🤨 10월 1주차 회고 😀 오타를 줄이자최근 리뷰에서 오타가 좀 나오고 있다 이것을 줄이고자 셀프리뷰를 강화하고스스로 리뷰시 꼼꼼히 읽는 습관을 가지도록 노력해보자 🫐 SEO 상위 랭킹 분석SEO가 올해의 과제중에 하나이다.이것을 좀 더 효과적으로 하기 위해서는 스스로 어떤것이 영향을 줄 수 있는것이며,기술적으로 또는 그 외적으로 어떤영향을 끼치는지 스스로 분석이 필요하다.SEO 상위 랭킹 분석이 필요하다 2026. 10. 4. 이전 1 2 3 4 ··· 77 다음 반응형
