What I Learned Today
오전에는 .gitignore 파일과 package.json 파일 생성 방법 그리고 패키지 설치 방법에 대해서 배웠다.
그리고 live-server를 통해 로컬에서 서버를 실행시켜 웹에 렌더링 하는 방법도 배웠다.
오후에는 간단하게 HTML에 대한 설명을 들었고 VSCode에서 할 수 있는 환경설정과 편의성 익스텐션 설치를 했다.
그리고 강사님의 Git을 pull 받아 다른 브랜치를 만들어 수정하고 나의 repo에 push하는 방법도 배웠다.
The Problem I Faced
오류1)
VS Code에서 Prettier - Code formatter 익스텐션을 설치하고 적용하려는데 이런 오류가 발생했다.
오류2)
강사님의 repo를 clone하고 npm install을 한 후 새로운 브랜치를 파서 수정을 했다.
그리고 내 repo를 등록하고 푸시 하려고 명령어를 입력 했는데 오류가 발생했다.
git push -u myrepo studyalone ✔ 05:29:56 AM
오브젝트 나열하는 중: 561, 완료.
오브젝트 개수 세는 중: 100% (561/561), 완료.
Delta compression using up to 8 threads
오브젝트 압축하는 중: 100% (554/554), 완료.
error: RPC failed; HTTP 400 curl 22 The requested URL returned error: 400
send-pack: unexpected disconnect while reading sideband packet
오브젝트 쓰는 중: 100% (561/561), 126.70 MiB | 129.74 MiB/s, 완료.
Total 561 (delta 6), reused 553 (delta 2), pack-reused 0 (from 0)
fatal: the remote end hung up unexpectedly
Everything up-to-date이렇게 나오며 정작 내 repo에는 파일들이 보이지 않는것이었다.
What I Tried to Do
오류1) 설정 열기를 눌러서 오류를 봤지만 무슨 말인지 몰라서 수업이 끝나고 강사님께 여쭤보았다.
오류2) 무슨 에러인지도 몰라서 gpt에게 물어보았다.
- 잘못된 remote URL (예: 존재하지 않거나 비공개 저장소, 권한 없음)
- HTTPS 인증 실패 or GitHub 토큰 누락
- 파일 크기 제한 초과
모두 해봤지만 해결되지 않았다.
How I Solved It
해결1)
강사님께 여쭤보니 코드를 주셨고 setting.json 파일에 적용을 하니 해결이 되었다.
이게 어떤 코드이길래 오류가 해결되었는지 찾아보았다.
//Prettier를 기본 포맷터로 지정하는 코드
"editor.defaultFormatter": "esbenp.prettier-vscode",
//파일을 저장할 때 자동으로 코드 포맷팅을 수행하게 하는 코드
"editor.formatOnSave": true,
//Power Mode라는 확장 기능을 비활성화 하는 코드 - 하지만 필요는 없었음
"powermode.enabled": false,
//코드를 붙여넣을 때 자동 포맷팅이 되지 않도록 설정하는 코드
"editor.formatOnPaste": false,
//코드를 타이핑할 때마다 자동 포맷팅이 되지 않도록 설정하는 코드
"editor.formatOnType": false,이렇게 찾아보니 필요 없을것같은 코드도 있어서 지울 수 있었다.
해결2)
모두 지우고 처음부터 다시 했다. 그런데 pull을 했더니 해결이 되었다.
clone 했을 당시에 수정된 커밋이 없어서 pull을 건너뛰었더니 이런 오류가 생긴것같다.
#오류가 났을때의 방법
git clone https://github.com/강사님/ssam-html-css.git
cd ssam-html-css
npm install
git switch -c studyalone
git remote add myrepo https://github.com/나/learn-html-css.git
#리드미를 직접 수정했음
git add README.md
git commit -m "README 수정"
git push -u myrepo studyalone
#오류가 해결됐을때의 방법
git clone https://github.com/강사님/ssam-html-css.git
cd ssam-html-css
npm install
git remote add myrepo https://github.com/나/learn-html-css.git
git pull origin main
git switch -c studyalone
echo "# learn-html-css" >> README.md
git add .
git commit -m "first commit"
git push -u myrepo studyalone
So
Aha Moments
clone을 하고 pull을 하지 않으면 새로 만든 브랜치는 빈 repo처럼 출발하게 된다.
다른사람의 repo의 커밋 히스토리를 모르고 시작하기 때문에 서버 입장에는 이상한 브랜치라고 생각해서 막는다.
따라서 pull을 하면 새로 만든 브랜치는 main 브랜치를 기반으로 정확하게 분기가 되고
서버 입장에서는 "main이 기반인 새로운 브랜치구나" 라고 생각한다.
사용 방법이 이미 나와 있더라도 내가 알고있다고 생각하고 건너뛰는 나의 오만함을 알게 되었고 하라는대로 하는게 맞다는것을 깨달았다...
What I Learned Today
오전에는 .gitignore 파일과 package.json 파일 생성 방법 그리고 패키지 설치 방법에 대해서 배웠다.
그리고 live-server를 통해 로컬에서 서버를 실행시켜 웹에 렌더링 하는 방법도 배웠다.
오후에는 간단하게 HTML에 대한 설명을 들었고 VSCode에서 할 수 있는 환경설정과 편의성 익스텐션 설치를 했다.
그리고 강사님의 Git을 pull 받아 다른 브랜치를 만들어 수정하고 나의 repo에 push하는 방법도 배웠다.
The Problem I Faced
오류1)
VS Code에서 Prettier - Code formatter 익스텐션을 설치하고 적용하려는데 이런 오류가 발생했다.
오류2)
강사님의 repo를 clone하고 npm install을 한 후 새로운 브랜치를 파서 수정을 했다.
그리고 내 repo를 등록하고 푸시 하려고 명령어를 입력 했는데 오류가 발생했다.
git push -u myrepo studyalone ✔ 05:29:56 AM
오브젝트 나열하는 중: 561, 완료.
오브젝트 개수 세는 중: 100% (561/561), 완료.
Delta compression using up to 8 threads
오브젝트 압축하는 중: 100% (554/554), 완료.
error: RPC failed; HTTP 400 curl 22 The requested URL returned error: 400
send-pack: unexpected disconnect while reading sideband packet
오브젝트 쓰는 중: 100% (561/561), 126.70 MiB | 129.74 MiB/s, 완료.
Total 561 (delta 6), reused 553 (delta 2), pack-reused 0 (from 0)
fatal: the remote end hung up unexpectedly
Everything up-to-date이렇게 나오며 정작 내 repo에는 파일들이 보이지 않는것이었다.
What I Tried to Do
오류1) 설정 열기를 눌러서 오류를 봤지만 무슨 말인지 몰라서 수업이 끝나고 강사님께 여쭤보았다.
오류2) 무슨 에러인지도 몰라서 gpt에게 물어보았다.
- 잘못된 remote URL (예: 존재하지 않거나 비공개 저장소, 권한 없음)
- HTTPS 인증 실패 or GitHub 토큰 누락
- 파일 크기 제한 초과
모두 해봤지만 해결되지 않았다.
How I Solved It
해결1)
강사님께 여쭤보니 코드를 주셨고 setting.json 파일에 적용을 하니 해결이 되었다.
이게 어떤 코드이길래 오류가 해결되었는지 찾아보았다.
//Prettier를 기본 포맷터로 지정하는 코드
"editor.defaultFormatter": "esbenp.prettier-vscode",
//파일을 저장할 때 자동으로 코드 포맷팅을 수행하게 하는 코드
"editor.formatOnSave": true,
//Power Mode라는 확장 기능을 비활성화 하는 코드 - 하지만 필요는 없었음
"powermode.enabled": false,
//코드를 붙여넣을 때 자동 포맷팅이 되지 않도록 설정하는 코드
"editor.formatOnPaste": false,
//코드를 타이핑할 때마다 자동 포맷팅이 되지 않도록 설정하는 코드
"editor.formatOnType": false,이렇게 찾아보니 필요 없을것같은 코드도 있어서 지울 수 있었다.
해결2)
모두 지우고 처음부터 다시 했다. 그런데 pull을 했더니 해결이 되었다.
clone 했을 당시에 수정된 커밋이 없어서 pull을 건너뛰었더니 이런 오류가 생긴것같다.
#오류가 났을때의 방법
git clone https://github.com/강사님/ssam-html-css.git
cd ssam-html-css
npm install
git switch -c studyalone
git remote add myrepo https://github.com/나/learn-html-css.git
#리드미를 직접 수정했음
git add README.md
git commit -m "README 수정"
git push -u myrepo studyalone
#오류가 해결됐을때의 방법
git clone https://github.com/강사님/ssam-html-css.git
cd ssam-html-css
npm install
git remote add myrepo https://github.com/나/learn-html-css.git
git pull origin main
git switch -c studyalone
echo "# learn-html-css" >> README.md
git add .
git commit -m "first commit"
git push -u myrepo studyalone
So
Aha Moments
clone을 하고 pull을 하지 않으면 새로 만든 브랜치는 빈 repo처럼 출발하게 된다.
다른사람의 repo의 커밋 히스토리를 모르고 시작하기 때문에 서버 입장에는 이상한 브랜치라고 생각해서 막는다.
따라서 pull을 하면 새로 만든 브랜치는 main 브랜치를 기반으로 정확하게 분기가 되고
서버 입장에서는 "main이 기반인 새로운 브랜치구나" 라고 생각한다.
사용 방법이 이미 나와 있더라도 내가 알고있다고 생각하고 건너뛰는 나의 오만함을 알게 되었고 하라는대로 하는게 맞다는것을 깨달았다...
