HomeAboutMeBlogGuest
© 2025 Sejin Cha. All rights reserved.
Built with Next.js, deployed on Vercel
🤎
프론트엔드 데브코스 5기 교육생
/
🐻
문동욱팀
/
대박사건
대박사건
/
📜
회의록
/
🐱
모유경
🐱

모유경

Tags
기술 스택 선택 이유
Multi-select
Date

이벤트 함수 네이밍 규칙

handle+명사+동사 handleAlertClick handleFormSubmit
Event Handler Naming in React
Naming's a hard problem, right? Here are a few of my naming conventions for React or event handling in general.
Event Handler Naming in React
https://jaketrent.com/post/naming-event-handlers-react/
Event Handler Naming in React
 

React

  • 프로젝트의 기본 가이드 라인이 react | vue
  • 우리서비스의 특징은
    • index Page만 seo가 요구됨
    • 이미지가 필요하지않음
    • 사실상 단일페이지
  • next의 장점이 우리프로젝트에서는 요구되는 부분이 아니기 때문에 SEO, 이미지 최적화, pre-reloading등의 장점이 우리 프로젝트에서도 장점으로 존재하지 않을 것이라고 예상됨

styled-components

MUI나 tailwind과 같은 CSS framework는 콘텐츠와 서식이 분리되지 않는 다는 차원에서 비선호 !
CSS-in-JS를 사용하길 희망, 그 중에서도 npm trends에서 가장 인기있는 styled-component를 사용하길 희망!
@emotion/core vs styled-components | npm trends
Comparing trends for @emotion/core 11.0.0 which has 3,196,653 weekly downloads and unknown number of GitHub stars vs. styled-components 6.1.2 which has 6,001,342 weekly downloads and unknown number of GitHub stars.
@emotion/core vs styled-components | npm trends
https://npmtrends.com/@emotion/core-vs-styled-components
@emotion/core vs styled-components | npm trends
 
 
 
 
prettier + eslint + husky → 동일하게 적용
 
 
 

Error Monitering System

Sentry - 실시간 로그 취합 및 분석 도구이자 모니터링 플랫폼
Sentry로 우아하게 프론트엔드 에러 추적하기 | 카카오페이 기술 블로그
Sentry를 통해 프론트엔드에서 발생하는 오류를 신속하게 탐지하고 정확한 원인을 파악하여 빠르게 대응하는 방법을 알아봅니다.
Sentry로 우아하게 프론트엔드 에러 추적하기 | 카카오페이 기술 블로그
https://tech.kakaopay.com/post/frontend-sentry-monitoring/#sentry
Sentry로 우아하게 프론트엔드 에러 추적하기 | 카카오페이 기술 블로그