웹 개발자 도전기

배포후 이미지가 안뜨는 경우가 있다. 문제 코드const frontStacks = [ { name: 'HTML5', img: './assets/images/html.jpg' }, { name: 'CSS3', img: './assets/images/css.jpg' }, { name: 'JavaScript', img: './assets/images/js.jpg' }, { name: 'TypeScript', img: './assets/images/ts.jpg' }, { name: 'React', img: './assets/images/react.jpg' }, { name: 'Styled-Components', img: './assets/images/style.jpg' }, { name: 'Reco..

깃허브에 파일을 올린뒤1. Settings -> Pages -> Branch에서 main 선택 후 Save(저장)을 해준다.  저장 후 일정 시간(몇분 정도)이 지나면 페이지가 생성됨  2. gh-pages 패키지 설치  2-1. 패키지 설치 후 package.json의 scripts에 predeploy와 deploy 추가 2-2. package.json 상단에 hompage 추가 (본인 페이지 입) 2-3. Git Hub에 배포 명령어 실행 3. GitHub 브런치 main -> gh-pages로 변경[Setting] -> [Pages] -> [Branch] 배포 끝 # React 프로젝트에서 react-router-dom 을 사용할때 배포 시 URL 주소 관련된 문제가 발생할 수 있다(빈 화면 뜸)B..

GitHub Flow는 GitHub에서 추천하는 간단하고 직관적인 브랜치 관리 전략 이다.feature 브랜치를 통해 독립적으로 작업한 후 main(master) 브랜치에 병합(merge)하는 방식입니다. 주로 지속적인 배포와 변경이 자주 이루어지는 프로젝트에 적합하며 실수로 인해 작업 중 큰 문제가 발생했을 때 복구가 비교적 간단하다는 장점이 있습니다. GitHub Flow 사용 순서1. Main 브랜치 준비GitHub Flow에서 Main(master) 브랜치는 항상 배포 가능한 상태로 유지해야된다.코드는 main 브랜치에 병합되기 전에 철저히 테스트되고 안정화되어야 합니다.2. Feature 브랜치 생성하기새로운 기능을 개방하거나 버그를 수정할 때는 반드시 새로운 feature 브랜치를 생성합니다...