개발자를 희망하는 초보의 자기개발 이야기

윈도우와 VSCode 터미널에서 Node 버전이 서로 다르게 인식되는 문제 해결VSCode 터미널에서 패키지를 설치하던 중 기존 사용하던 node 업데이트가 필요하단 경고에 업데이트를 시도했으나 실패했습니다. 당연히 있을 줄 알았던 nvm도 없었습니다(?).이에 nvm-windows를 설치하고 Node을 재설치했는데 , PowerShell에서는 새로 설치한 22 버전이 확인되고, VSCode 터미널에서는 여전히 기존 node 버전이 확인되었습니다.뭔가 이상해 npm이 설치된 경로를 확인해보니 새로 설치한 신버전은 C드라이브에. VSCode는 D드라이브에 각각 설치되어 있었습니다.이에 VSCode 터미널에서 먼저 node를 삭제했습니다. 그랬더니 이제는 node를 못찾겠다는 에러가 발생했습니다.nvm-wi..

오랜만에 프론트엔드 학습 내용을 Git 브랜치와 폴더 단위로 나눠 기록하던 중, 한 가지 문제가 생겼습니다.처음에는 09-react_state-management라는 브랜치와 동일한 이름의 폴더를 만들어 상태 관리 관련 학습 내용을 정리했는데, 작업을 하다 보니 라우팅 관련 내용까지 같은 곳에 기록하게 된 겁니다.이러면 브랜치/폴더 주제와 실제 기록된 내용이 달라져 혼란을 줄 수 있고, 나중에 참고할 때도 관리가 어려워집니다. 그래서 다음과 같은 정리를 진행했습니다.문제 상황브랜치: 09-react_state-management폴더: 09-react_state-management/실제 내용: 상태 관리 + 라우팅이 섞여 있음해결 전략현재 브랜치와 폴더를 라우팅 관련으로 변경 → 09-react_route..

기본 미션리스트, 딕셔너리, 범위 자료형에 대해 이해한 내용을 바탕으로 정리하기리스트순서가 있는 여러가지 자료를 저장할 수 있는 자료형다양한 타입을 섞어 저장 가능fruits = ['apple', 'banana', 'cherry']numbers = [1, 2, 3, 4, 5]mixed = [1, 'hello', True, 3.14]동작예시설명요소 선택fruits[0][4] → 'e'요소 접근슬라이싱fruits[1:3] → ['banana', 'cherry']부분 리스트 추출추가fruits.append('orange') → ['apple', 'banana', 'cherry', 'orange']맨 뒤에 요소 추가범위 추가numbers.extend([100, 200, 300]) → [1,2,3,4,5,100..

기본 미션p. 137의 3번 문제 풀고 본인이 태어난 해와 띠를 출력하는 결과값 화면 인증하기문제str_input = input("태어난 해를 입력해 주세요>")birth_year = int(str_input) % 12if birth_year == 0: print("원숭이 띠입니다")elif birth_year == 1: print("닭 띠입니다")elif birth_year == 2: print("개 띠입니다")elif birth_year == 3: print("돼지 띠입니다")elif birth_year == 4: print("쥐 띠입니다")elif birth_year == 5: print("소 띠입니다")elif birth_year == 6: print("범 ..

기본 미션p. 63의 3~5번 실행 결과 쓰고 인증하기3번 문제print("# 연습 문제")print("\\\\\\\\")print("-" * 8)4번 문제print("안녕하세요"[1])print("안녕하세요"[2])print("안녕하세요"[3])print("안녕하세요"[4])print("안녕하세요"[5])5번 문제print("안녕하세요"[1:3])print("안녕하세요"[2:4])print("안녕하세요"[1:])print("안녕하세요"[:3])선택미션모르는 용어(3~5개) 찾아 혼공 용어 노트에 정리하고 인증하기>>>에 코드를 입력하면 바로 실행결과를 볼 수 있는 공간을 인터렉티브 셀(대화형 셀)이라고 합니다.단어 사이에 언더 바(_)를 붙여 식별자를 만드는 것을 스네이크 케이스 라고 합니다.[:] 기..

외장하드를 사용하는데 한 번씩 꺼내기를 하다 보면 위와 같은 에러메시지와 함께 꺼내기가 안 되는 일이 발생했다. 이 현상은 백그라운드에서 무엇인가 실행되고 있어서 장치에서 꺼내지 못함을 의미한다. 이에 몇가지 효과가 있었던 방법을 기록한다.작업 중인 파일 종료실제로 작업 중인 파일이 존재하는 경우.외장하드에 저장된 메모장을 열어놓고 편집하다가. 또는 저장된 파일을 실행시키고 종료하지 않은 채 꺼내기를 했던 경우가 있었다.또는 영상파일들을 재생시켰다가 잠시 멈춰두고 바로 꺼내기를 한 경우도 있었다.해당 파일들을 저장 및 종료하고 꺼내기를 진행하면 된다.※ 실행중인 백신 프로그램의 실시간 자동 보호 기능이 동작하면서 문제 될 수 있다. 외장기기들을 연결 시 백신 프로그램에서 자동으로 검사를 진행하는 경우도 ..

Windows‑API는 기본 설정에서 경로가 260 자(MAX_PATH) 를 넘으면 “파일을 찾을 수 없다(FileNotFoundError / WinError 3)”라는 모호한 예외를 내보낸다.해결 방법 - Windows 긴 경로(> 260 자) 활성화Windows 10 / 11 Progpedit.msc → 컴퓨터 구성 > 관리 템플릿 > 시스템 > 파일 시스템 → “Win32 긴 경로 사용 가능하도록 설정” 항목을 사용 으로 변경Home 버전 또는 스크립트 배포용관리자 PowerShell:New-ItemProperty -Path "HKLM:\SYSTEM\CurrentControlSet\Control\FileSystem" ` -Name LongPathsEnabled -PropertyType DWord -..

최근에 GitHub에서 레포지토리를 만들어서 사용하다가 오타가 있는 것을 확인하고 Rename으로 수정했다.이후 로컬에서 커밋을 푸시하려고 하니까 아래와 같은 에러가 발생했다.fatal: repository 'https://github.com/username/이전레포명.git/' not found알고 보니, 로컬에서 연동된 Git remote 주소가 여전히 이전 레포지토리 이름을 가리키고 있었기 때문이었다. 해결 방법: remote set-url 명령어Git은 remote set-url 명령어를 통해 원격 저장소 주소를 바꿀 수 있다.git remote set-url origin https://github.com/username/새로운레포명.git위의 명령어로 origin이라는 이름의 원격 저장소 주소를..

최근 유튜브 '코딩알려주는누나'에서 진행하는 리액트 스터디 3기에 참여하고 있다. 데일리 과제를 구현하고, GitHub 브랜치를 나눠서 Vercel에 프리뷰 배포한 뒤 해당 URL을 제출하고 있는데 문제가 발생했다. 하루는 열심히 과제를 구현해서 Vercel 프리뷰 배포 링크를 제출했는데, 피드백에 이렇게 적혀 있었다:나는 분명히 실제 배포 주소를 제출했는데, 왜 이런 피드백을 받았을까? 테스트해본 결과 나한텐 잘 열리는 페이지였지만 다른 사람에게는 로그인하라는 화면이 출력된 것이다.원인은 바로 Vercel의 프리뷰 배포 보호 기능Vercel은 GitHub 등과 연동하면 각 브랜치마다 자동으로 프리뷰 배포를 만들어준다. 이 프리뷰 배포는 매우 유용한 기능이지만, 기본 설정으로는 보호(Protection)..

최근 프로젝트에서 useEffect 안에 비동기 함수를 쓰는 부분이 있었는데, ESLint가 loadAnimation() 호출 밑에 경고를 띄웠다. bird 변수를 선언하는 부분에서 birdNameMap[birdName]을 사용하고 있는데, ESLint는 birdName을 의존성 배열에 추가하라고 요구했다.경고에서 어떤 값 때문인지도 다 알려주기 때문에 만약 놓친부분이 맞다면 의존성 배열에 추가하면 될 것이다. 하지만 나의 경우 이 useEffect는 컴포넌트가 마운트될 때 한 번만 실행되면 되기 때문에, 의도적으로 의존성 배열을 빈 배열로 두고 있었다.대략적인 문제의 코드는 아래와 같다. useEffect(() => { const loadAnimation = async () => { t..