목적: 휴대폰 인증에서 이메일 인증으로 기능 변경작업: 컴포넌트명, 파일명, 폴더명 일괄 변경결과: 이메일 기반 비밀번호 찾기 기능으로 전환 완료목적: 페이지명도 이메일 인증에 맞게 변경작업: 폴더명, 컴포넌트명, 라우트 참조 변경결과: 일관된 네이밍 컨벤션 적용목적:

목표: 아토믹 디자인 패턴 기반 React + TypeScript UI 라이브러리 구축진행 상황: Atom 단계 완료 후 Molecules/Organisms 단계 진행 중주요 작업: 스크롤바 커스터마이징, InputWithButton Molecule 컴포넌트 구현, 폴

문제: Divider 컴포넌트가 코드상에는 존재하지만 실제로 화면에 보이지 않음원인: <hr> 태그의 기본 스타일이 CSS를 덮어씀해결방법: <hr> → <div> 태그로 변경CSS에서 border: none 제거하고 background-color 직접

Vite + React + vite-plugin-svgr 환경에서 SVG 아이콘이 React 컴포넌트로 렌더링되지 않고 JSX 사용 시 JSX 요소 형식 'X'에 구문 또는 호출 시그니처가 없습니다.ts(2604) 타입 오류 자동 ICONS 맵이 비거나 “등록 불가

mod가 falsy (undefined, null, 0, '')가 아닐 때 mod 객체에 RacrComponent라는 프로퍼티가 있고, typeof(타입 확인하는)으로 그 타입이 'function'인지 확인 맞으면 true

이 엘리먼트가 무슨 UI 컴포넌트인지 알려줌.예: 메뉴, 버튼, 체크박스 같은 컴포넌트 종류를 스크린리더가 인식할 수 있음.role이 "이건 버튼이다"라면,aria-\*는 "지금 이 버튼은 선택됨/비활성화됨" 같은 성태를 전달.자주 쓰는 것:aria-selected="

switch 문은 조건에 따라 여러 갈래로 코드를 나누는 문법임\\보통 if-else if-else가 너무 길어질 때 간단하게 쓸 수 있음switch (값) 에 있는 값을 위에서부터 case랑 비교함같으면 해당 블록 안의 코드 실행됨break 만나면 switch문 종료

정의clsx는 여러 CSS 클래스명을 조건부로 깔끔하게 합쳐주는 유틸 함수Tailwind나 CSS Modules 쓸 때 특히 많이 씀예시현업 포인트 불필요한 if 없이 깔끔하게 조건부 스타일 처리 가능falsy 값(false, null, undefined, 0, ''

커밋 목록 확인간결한 커밋 목록 커밋 취소 (기록 남음)커밋 취소 (기록 안 남음 완전히 삭제되니 주의!!)커밋 버튼 누르기 직전 상태로 돌아감 (바뀐 내용들은 그대로임 소스 제어에서 변경 내용 취소하면 됨)

안녕하세요 신청은 했지만 진짜로 될지는 몰랐던 바로인턴에서 연락이 왔습니다바로 다음주 월요일부터 인턴하라네요 그래서 급하게 발등에 불 떨어져서 공부하러 왔습니다ERP 기업이고 React와 Typescript를 사용한다고 되어 있네요그리고 Saas 프로그램 프론트엔드 개

머쓱이네 양꼬치 가게는 10인분을 먹으면 음료수 하나를 서비스로 줍니다. 양꼬치는 1인분에 12,000원, 음료수는 2,000원입니다. 정수 n과 k가 매개변수로 주어졌을 때, 양꼬치 n인분과 음료수 k개를 먹었다면 총얼마를 지불해야 하는지 return 하도록 solu

2025-04-16오늘은 React와 TypeScript를 사용해서 월별로 지출 내역을 필터링해서 출력하는 기능을 구현했다.버튼을 클릭해서 원하는 월을 선택하면, 해당 월에 속하는 지출 내역만 화면에 표시된다.Home 컴포넌트에서 전체 지출 목록과 현재 선택된 월을 상

2025-04-151부터 12까지의 숫자 버튼을 만들기버튼을 클릭하면 볼드체로 보이게 하기Array.from()을 사용해서 1부터 12까지 숫자를 만들어 버튼을 만든다Array.from({ length: 12 }): 길이 12인 배열 생성(\_, i) => i + 1: