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

기본 미션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 탐색기 다시시작작업중인 파일이 없는데 꺼내기가 되지 않을 때.내 경우는 파일 이동, 복사, 폴더 생성, 파일명이나 폴더명 변경 등 탐색기에서의 작업내역들이 많을 때 발생하는 문제인 것 같았다.Ctrl + Alt + Delete를 눌러 작업 관리자를 실행한다.프로세스에서 Windows 탐색기 - 마우스 우클릭 - ..

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..

카카오 로그인 구현하기 - 프론트엔드 (3)이전 글에서는 인가 코드 처리 및 스토리지를 활용한 JWT 토큰 저장을 다루었다. 하지만 스토리지에 저장하는 것은 보안상 문제가 생기기 때문에 최종적으로는 쿠키방식을 적용해야 한다. 이번 글에서는 withCredentials 설정과 HttpOnly 쿠키를 통한 로그인 유지 방식을 설명한다.  1. withCredentials: true 설정의 의미withCredentials이란?withCredentials: true를 설정하면, 클라이언트와 서버 간 쿠키를 포함한 요청을 주고받을 수 있다.또 백엔드 설정에 따라 헤더에 기본적으로 브라우저는 CORS 요청에서 쿠키를 전송하지 않는다. 이를 활성화하려면 프론트엔드와 백엔드 모두에서 설정해야 한다.// withCred..

카카오 로그인 구현하기 - 프론트엔드 (2)이전 글에서는 카카오 로그인 버튼을 만들고 로그인 페이지로 이동하는 과정을 다루었다. 이번 글에서는 인가 코드 처리 및 백엔드 연동을 이어서 다룬다. 1. 인가 코드 가져오기 (useSearchParams)카카오 로그인 후 사용자는 인가 코드(authorization code) 를 Query String으로 받게 된다.http://localhost:3000/callback?code=nuAFZmJvzl2a5Oz5acQckm8RzTmfSTea9y1SiczkbKjZNN9XyVDNeQAAAAQKPCPnAAABlXhW9uSi-KZYUq23DA이제 이 인가 코드(nuAFZmJ...)를 백엔드에 전달하여 JWT 토큰을 받아야 한다.import { useSearchParams..

카카오 로그인 구현하기 - 프론트엔드 (1)카카오 로그인을 구현하려면 OAuth 2.0의 인증 흐름을 이해해야 한다. 이 글은 Kakao Developers 설정에 이어 카카오 로그인 개념 및 기본적인 프론트엔드 설정을 다룬다.프론트엔드가 앱 등록과 카카오 로그인 활성화, 앱 키 등을 준비하기로 되어있다면 아래의 글을 먼저 확인한다.2025.03.05 - [프론트엔드(Front-end)] - [카카오 로그인] Kakao Developers 설정 1. 카카오 로그인 흐름카카오 로그인의 흐름은 다음과 같다.카카오 로그인 버튼 클릭 → 카카오 인증 페이지로 이동사용자가 로그인 및 동의 → 카카오가 인가 코드 발급인가 코드(Query String으로 전달됨) 확인백엔드에 인가 코드 전달 → 백엔드에서 카카오 A..