대표적인 사용법은

pull -> commit -> push 입니다.
이걸 최대한 자주하는게 소스트리에서 충돌안날 가능성이 높고, 늦게할수록 안좋다고 합니다.

따라서, 풀 커밋 푸쉬를 자주할수록 일의 효율성을 높이고 소스트리 자체가 협업할때 소통을 자주하게 만들어주는 장치인것 같습니다.

+tip) 중간중간 npm install 을 해줘야할때가 있습니다. (협업시 새로운것이 변동 됬다든지의 경우)

 

간단히 요약하면

1. public 파일안에 있는경우

2. src 폴더안에 있는경우

를 생각해볼수있다. 

또한, 이미지는 자동완성이 안됨으로 경로를 일일히 지정해줘야한다 ex) ../../../example.jsx

+ require 를 사용해서 이미지를 보여주게 하는방법도 있다.

 

viewheight는 말 그대로 눈에 보이는 높이를 지칭하기 때문에 해당 div 태그의 높이만 100vh 라고하면 전체 세로로 보이게 됩니다.

 

만약 footer 태그가 화면 중앙으로 말려 올라오는 문제를 해결하고 싶으면, body태그의 min-height를 100vh로 설정하는 것이 하나의 문제 해결 방법이 될 수 있다고도 합니다.

 

참고>

https://query.tistory.com/entry/CSS-%ED%99%94%EB%A9%B4-%EA%B0%80%EB%93%9D-%EB%86%92%EC%9D%B4-%EC%84%A4%EC%A0%95-%EB%B0%A9%EB%B2%95

 

[CSS] 화면 가득 높이 설정 방법

CSS 높이 속성의 원리 (height property) CSS를 배워서 작업을 하다 보면 누구나 한 번쯤은 다음과 같은 상황을 겪기 마련입니다. 배경 사진이나 배경 색상을 화면에 꽉 차도록 설정하고 싶은데 혹은, fo

query.tistory.com

 

1. VSCode 확장프로그램(Extensions)에서 'ESLint'를 검색합니다

 

2. 명령어 팔레트(shift + alt + P)를 열어서 setting.json에 들어갑니다.

 

3. setting.json에 아래코드를 추가하고 저장합니다.

"editor.codeActionsOnSave": {
	"source.fixAll": true,
},
"editor.formatOnSave":true,

 

참고> https://ek12mv2.tistory.com/223 

 

VSCode ESLint 자동으로 적용하기

[참고자료] [VSCode] ESLINT 자동 적용하기 How to apply eslint automatically blog.whitekiwi.link eslint: error Parsing error: The keyword 'const' is reserved I am getting this error from ESLint: error Parsing error: The keyword 'const' is reserved

ek12mv2.tistory.com

 

위와같이 소스트리가 갑자기 연결이 끈긴것처럼 보이고 실제로 끈겼는데 이건 git remote -v 를 해서 끊긴것같다.. 조심하자

에러상황

소스트리를 사용하는도중 내 프로젝트를 github에 등록할려고 했으나 전체 공용 프로젝트에 내 코드가 올라가는 오류가 발생.. 

프로젝트 등록부터

시작부터 already exist 라는 문구가 보여서 이상했고,

또한, 아래와같은 에러가 나오기도했다.

➜ test git:(master) git push -u origin master To ex) https://github.com/~~~
! [rejected] master -> master (fetch first) error: failed to push some refs to '   ex) https://github.com/~~~
hint: Updates were rejected because the remote contains work that you do hint: not have locally.
This is usually caused by another repository pushing hint: to the same ref.
You may want to first integrate the remote changes hint: (e.g., 'git pull ...') before pushing again. hint: See the 'Note about fast-forwards' in 'git push --help' for details.

 

이부분에 대한 해결방법을 찾았는데 적용해서 아래 명령으로 강제로 푸쉬를 해주니 

$ git push origin +master

결국, 클론을 받았던 부모 프로젝트가 변경됬다ㅠ

해결방법

원인을 찾아보니 이미 존재하는 주소인데 강제 푸쉬를해서 원래 부모 프로젝트에 새롭게 갱신됨..  ( 같이 프로젝트한 현업자분에게 들은건데 git init을 했어도 따로 설정을 해주면 해결이 가능하다고 한다? - 이부분은 나중에 좀 더 알아봐야겠다)

- 근본적인 해결방법은 아래와 같은것같다.

즉, 연결고리를 제거후 다시 연결해주면 된다 

이미 연결되어있다는 오류메세지

 

연결 제거하는 코드

 

다시 연결하는 코드 작성
해결됬을때 모습

 

cf) 또한 git origin add에서 add를 빼먹었는데 이부분도 조심하자!

소스트리를 처음 배우고 협업을 하면서 처음부터 오류가 나오는데 해결해서 다행이다ㅎㅎ 

 1. github에서 code url 복사 -> 2. vscode에서 F1 누르고 git clone 검색후 복사한 주소 붙여넣기 or 레포지토리 선택후 실행
 2. vscode 에서 저장후 실행

 

day1 - 현업자분의 설명 

각자 목표설정

+ Recent posts