Daily log

2025/07 : 「3」건

  1. GitHub SSH Clone 설정 가이드 (Mac 기준)
    2025.07.08
  2. React ‘Invalid Hook Call’ 오류와 상태/데이터 관리 패턴 실무 사례, 원인, 해결
    2025.07.01
  3. React Provider란 무엇인가?
    2025.07.01

GitHub SSH Clone 설정 가이드 (Mac 기준)

GitHub 비공개 저장소를 SSH로 clone 하기 위한 전체 설정 절차입니다.1. SSH 키 생성 (없을 경우)ssh-keygen -t ed25519 -C "your_email@example.com"기본 경로 ~/.ssh/id_ed25519로 저장패스프레이즈는 생략 가능 (엔터 두 번)2. 공개키 GitHub에 등록cat ~/.ssh/id_ed25519.pub위 명령어로 출력된 공개키 내용을 복사GitHub 접속 → SSH Key 등록 페이지"New SSH key" 클릭 후 붙여넣기 및 저장3. SSH config 파일 설정nano ~/.ssh/config아래 내용 추가:Host github.com HostName github.com User git IdentityFile ~/.ssh/id_ed..
개발/Git 2025. 7. 8. 16:40

React ‘Invalid Hook Call’ 오류와 상태/데이터 관리 패턴 실무 사례, 원인, 해결

1. 문제 상황(1) 실제로 발생한 오류 메시지(원문/해석)Warning: React has detected a change in the order of Hooks called by MaintenanceTable. This will lead to bugs and errors if not fixed. For more information, read the Rules of Hooks: https://reactjs.org/link/rules-of-hooks해석:React가 MaintenanceTable 컴포넌트에서 Hook 호출 순서가 바뀌는 것을 감지했습니다. 이 문제를 수정하지 않으면 버그와 오류가 발생할 수 있습니다. 자세한 내용은 Rules of Hooks 문서를 참고하세요.Uncaught Error:..
개발/React 2025. 7. 1. 16:39

React Provider란 무엇인가?

1. Provider란?Provider는 React의 Context API에서 "공급자(Provider)" 역할을 하는 컴포넌트입니다.하위 컴포넌트 트리에 값을 공급(Provide)하는 역할을 합니다.코드 예시: 이렇게 Provider로 감싼 자식 컴포넌트들은 useContext(MyContext)를 통해 바로 값을 사용할 수 있습니다.2. 왜 써야 할까?(1) props drilling 방지원래 React는 부모 → 자식으로 props를 넘겨야만 데이터가 전달됩니다.컴포넌트 트리가 깊어지면, 매번 중간중간 props로 넘기는 것이 번거롭고, 코드가 복잡해집니다.Context + Provider를 사용하면, 중간 단계를 거치지 않고 원하는 하위 컴포넌트 어디에서나 값을 꺼내 쓸 수 있습니다.(2) 전역..
개발/React 2025. 7. 1. 12:41
◀ 1 ▶

티스토리툴바