Trust.

미리보기(코드) function CommunitySidebar() { return ( {category?.map((value, i) => { return ( {value.name} { value.sub?.map((subvalue, index) => { return ( - {subvalue.name} ) }) } ) }) } ) } export default CommunitySidebar; 미리보기(사진) 목적 커뮤니티 기능의 사이드바를 제작한 내용이다. 커뮤니티를 제작하다보니 글들에 카테고리를 걸어두어 같은 카테고리끼리 묶어두는 기능이 필요했는데, 사이드바를 통해 해결하고자 하였다. 필요한 기능 , , , 4개의 큰 카테고리 안에는 각각 작은 카테고리가 있다. 큰 카테고리의 이름을 누르면 그 안의 글들을..

새로운 기능을 만들고 깃허브에 새로운 브랜치를 파서 등록하려는데 오류가 생겼다. upstream branch(원격 브랜치)가 없다고 한다! upstream branch(원격 브랜치)란? 원격 브랜치(remote branch)란 로컬 저장소가 아닌 원격 저장소에 있는 브랜치를 가리킵니다. 원격 저장소에는 보통 중앙 저장소(GitHub, GitLab, Bitbucket 등)가 있으며, 여러 사용자가 협업하고 코드를 공유하는 데 사용됩니다. 로컬 저장소에서 작업할 때, 원격 저장소의 브랜치를 로컬에 복제(clone)하여 가져올 수 있습니다. 이 때 가져온 브랜치를 로컬 브랜치로 사용하거나, 원격 저장소의 브랜치와 연동하여 변경 사항을 동기화할 수 있습니다.예를 들어, main 브랜치를 원격 저장소에서 가져와서..

지난번에 code ECONNREFUSED 에러를 고치고 나서 터진 문제 이 오류는 왜 나타나는지 GPT에게 물어봤다. npm install 명령어를 실행하는 도중에 종속성 해결에 문제가 발생했습니다. 충돌하는 종속성이 있어 해결해야 합니다. 이 오류는 종속성 해결 과정에서 발생한 충돌로 인해 나타납니다. 일반적으로 다음과 같은 이유로 발생할 수 있습니다. 의존성 버전 충돌: 프로젝트에서 사용하는 패키지가 서로 다른 버전의 같은 종속성을 필요로 할 때 발생할 수 있습니다. 예를 들어, 하나의 패키지가 "@types/react@^16.8.6"을 필요로 하고 다른 패키지가 "@types/react@^17.0.0"을 필요로 할 때 충돌이 발생할 수 있습니다.피어 의존성 요구 사항 충돌: 프로젝트의 종속성이 다..

1월 열심히 프로젝트 하고 2월 내내 놀다 다시 코딩을 해야겠다 생각한 어느날 깃허브에서 git clone해온 뒤 npm install을 했는데 설치할때까지 매우 오랜 시간이 걸리며 설치가 제대로 되지 않는 문제를 발견했다. 약 25개정도의 의존성을 가지고 있어 좀 시간이 걸리겠구나 했는데 20분이 지나도 설치가 되지 않아 뭔가 고장남을 느꼈다. 그 후 code ECONNREFUSED라는 npm 오류가 나타나 검색을 해보았다. Chat GPT에 물어본 결과 아래처럼 답변이 나왔다! 문제 해결 과정 1. 네트워크 연결 - 아무런 이상이 없었다. 2. 프록시 설정 확인 - 확인해보니 이곳에서 문제가 생겼었다! 자세한건 아래 작성 예정 3. 레지스트리 설정 확인 - 아래 캡쳐본을 참고하여 npm 레지스트리 설..