profile
Frontend Developer
post-thumbnail

Velog MCP 트러블슈팅

Velog MCP에 GitHub 블로그 → Velog 이전 기능 구현하기

2일 전
·
0개의 댓글
·
post-thumbnail

Velog MCP 개발기

Claude가 내 벨로그에 직접 글을 올릴 수 있으면 얼마나 편할까?

2026년 4월 25일
·
0개의 댓글
·
post-thumbnail

Claude와 Mixpanel MCP로 데이터 분석하기

Claude와 Mixpanel MCP

2026년 4월 20일
·
0개의 댓글
·
post-thumbnail

나의 첫 장기 프로젝트, 그 1년 간의 기록

1년 간의 동아리 플랫폼 성장기

2026년 3월 16일
·
0개의 댓글
·
post-thumbnail

React.FC에 대해

React.FC를 알아봤습니다

2026년 3월 9일
·
0개의 댓글
·
post-thumbnail

Figma MCP로 빠르게 개발하기 (feat. codex)

Figma MCP로 컴포넌트 개발

2026년 3월 2일
·
0개의 댓글
·
post-thumbnail

swiper 라이브러리 내부 톺아보기 2

swiper 라이브러리의 Virtual 슬라이드에 대해 알아보았습니다.

2026년 1월 15일
·
0개의 댓글
·
post-thumbnail

swiper 라이브러리 내부 톺아보기 1

swipe 라이브러리 내부 동작에 대해 알아보았습니다.

2026년 1월 13일
·
0개의 댓글
·
post-thumbnail

프론트엔드 주도 개발

프론트엔드 개발자가 팀프로젝트에서 주도할 수 있는 방법을 고민

2025년 11월 7일
·
4개의 댓글
·
post-thumbnail

네이버 부스트캠프 웹모바일 10기 합격 후기

AI시대에 맞는 개발자를 교육하는 네이버 커넥트재단에서 운영하는 프로그램이다. 과정은 베이직, 챌린지, 멤버쉽로 총 3개로 구성되어 있다. 참고모집 분야는 웹 풀스택, 모바일(ios, android)로 나누어져 있다. 프론트엔드 개발만 해 오다가 최근 백엔드에도 관

2025년 8월 14일
·
0개의 댓글
·
post-thumbnail

[JIRA] Github - JIRA담당자 자동화

저번 포스팅에서는 깃허브 이슈와 지라 이슈 자동화에 대한 워크플로우를 만들어봤습니다. 하지만 지라 이슈의 담당자를 직접 설정해줘야 하는 문제가 있었습니다. 이 부분을 자동화하지 않으면 워크플로우의 의미가 없다고 생각했어요. 그래서 이번엔 이슈 담당자 자동화를 해 보았습

2025년 6월 2일
·
2개의 댓글
·
post-thumbnail

[JIRA] Github 이슈 워크플로우

Atlassian에서 개발한 프로젝트 관리 및 이슈 추적 도구로, 주로 소프트웨어 개발팀에서 사용됩니다. 애자일 방식에 유용하며, 칸반, 스크럼 등 다양한 방법론을 지원합니다. 프로젝트를 도중에 '깃허브 프로젝트 기능보다 더 나은 도구가 없을까?'하는 생각이 들었습니다

2025년 6월 1일
·
1개의 댓글
·
post-thumbnail

Sentry with React

Sentry란? 왜 사용할까? 적용해보기

2025년 5월 16일
·
0개의 댓글
·
post-thumbnail

타입스크립트 keyof typeof

객체를 선언하고 그 key를 타입으로 쓰고 싶다면 무조건 as const를 붙이고 keyof typeof를 쓴다.버튼 타입 prop은 'primary' | 'secondary' | 'danger'만 가능하다.실수로 'Third' 를 넣으면 컴파일 에러가 난다.fetch

2025년 4월 27일
·
0개의 댓글
·
post-thumbnail

React의 intersection observer

프로젝트에서 옆으로 넘어가는 카드 슬라이드를 구현하였습니다. 슬라이드는 보통 옆으로 쭉 늘어뜨려 카드를 배열해 놓고 슬라이드 할 때마다 현재 카드만 보이도록 옆쪽에 위치한 카드를 의도적으로 가립니다.즉, 현재 보이는 카드 부분만 사용자에게 보여주면 된다는 것입니다. 만

2025년 4월 25일
·
0개의 댓글
·
post-thumbnail

4월 회고

올해 1월부터 3월까지 저는 총 3개의 프로젝트를 진행해왔는데요. 함께 자라기에서 본 회고를 실천하기 위해 이제부터 자주 회고글을 작성할 생각입니다.깃허브와 디스코드, jira 연동으로 변경사항 추적이 쉽고 간편해졌다.사용한 기술에 대해 기록하는 습관을 들였다.더 좋은

2025년 4월 5일
·
0개의 댓글
·
post-thumbnail

코드래빗 깃허브 연동

코드 리뷰를 자동으로 해 주는 툴이 있다고 해서 적용해 보았는데요CodeRabbit 에 먼저 들어갑니다.여기서 Get a free trial을 클릭합니다.저는 github와 바로 연동하기 위해 Sign up with Github를 클릭해 주었습니다.깃허브 내에서 코드래

2025년 3월 19일
·
6개의 댓글
·
post-thumbnail

React 무한 캐러셀 구현하기

저는 현재 학교에서 동아리 지원 관리 플랫폼을 제작 중입니다. 아래는 해당 프로젝트 깃허브 링크입니다.moadong이번에 메인페이지에 들어갈 캐러셀을 제작하게 되었습니다.Typescript와 styled-component를 사용하였고 반응형과 무한 캐러셀 동작에 집중하

2025년 2월 28일
·
2개의 댓글
·
post-thumbnail

Next js 시작하기

Library가 아닌 Framework 이기 때문(= React.js 전용 웹 개발 프레임워크 but, React는 라이브러리)기능 구현의 주도권이 누구에게 있는가?주도권이 개발자에게 있다 -> Library주도권이 개발자에게 없다 → FrameworkLibrary어떤

2025년 2월 24일
·
0개의 댓글
·
post-thumbnail

리액트 자동스크롤 구현

지금 만들고 있는 동아리 지원 플랫폼에서 디자이너분이 주신 피그마 영상입니다. 이 페이지는 동아리 상세보기 페이지입니다. 개발하려고 하는 것은 모집정보, 동아리정보, 소개글, 활동사진이 있는 탭과 자동 스크롤입니다.탭 클릭 시 클릭된 메뉴의 아래 테두리가 검게 칠해진다

2025년 2월 12일
·
2개의 댓글
·