[git | github]

🚀git 과 github?

 

git : 분산 버전관리 툴

 

github : git을 관리해주는 웹 호스팅 서비스

            즉, git을 클라우드 환경에서 사용할 수 있게 제공하는 공간

 

(단순히 저장소 역할 뿐만아니라 다른 개발자의 인기있는 코드를 볼수있고 , 이슈를 제기할 수 있다.)

출저 : 위니브

 

 

 

---

 

 

🚀git

 

 🥲   해당폴더기준으로 .git(로컬저장소)가 생성된다.

$ git init

 

 🥲 파일 상태 확인

$ git status

-  untracked : 관리대상이 아님 (한번도 git add하지않은 상태)

-  Tracked : 관리대상임 (git이 관리하는 파일)

 

 

🥲  변경사항 확인

$ git diff

 

🥲  커밋 히스토리 조회 

$ git log

 

🥲 무시할 파일 추가 ( .gitignore )

 

# a comment - 이 줄은 무시한다.
# 확장자가 .a인 파일 무시
*.a
# 윗 줄에서 확장자가 .a인 파일은 무시하게 했지만 lib.a는 무시하지 않는다.
!lib.a
# 루트 디렉토리에 있는 TODO파일은 무시하고 subdir/TODO처럼 하위디렉토리에 있는 파일은 무시하지 않는다.
/TODO
# build/ 디렉토리에 있는 모든 파일은 무시한다.
build/
# `doc/notes.txt`같은 파일은 무시하고 doc/server/arch.txt같은 파일은 무시하지 않는다.
doc/*.txt
# `doc` 디렉토리 아래의 모든 .txt 파일을 무시한다.
doc/**/*.txt

---

 

🚀github

 

1. git clone

- 원격 저장소의 코드를 컴퓨터에 받아올 수 있다.

$ mkdir filename
$ cd filename
$ git clone https://github.com/id/clone-filename.git .

( . )의 의미 : 현재폴더에서 클론을 받는다.  (점을 찍지 않는 경우 새폴더 생성)

 

 

2. git pull

- 원격 저장소에 업데이트 된 데이터를 가져오고 병합할때 사용

$ git pull origin main

 

출저 : 위니브

 

3. git add

- 작업위치 폴더에 작업한 파일이 있을경우 add를 이용해 staging Area로 옮김

   (commit 전 임시저장상태)

 

4. git commit

- 커밋메시지를 작성할때는 현재 버전에 대한 내용을 명확히 명시

 

5. git push

- commit한 이력이 repository에 저장

$ git status
$ git add .
$ git commit -m "추가 작업 내역입니다."
$ git push origin main

 

 

<pull , add commit push 예시 사진>

출처 : 위니브

 

 

 

🚀html - forms

 

<Form>

- 정보를 입력하는 영역       

- 폼에 입력하고 제출하면 데이터는 서버로 전송, 전송한 데이터는 웹서버가 처리하여

결과화면을 클라이언트에게 전송

 

ex) 로그인화면에서 아이디, 비번 입력

     회원가입시 정보 입력

 

 

🥲  폼 동작 방식

1. 웹 페이지에 있는 form에 데이터 입력

2. 액션이 일어나면 데이터는 웹 서버로 이동

3. 웹서버는 데이터처리를 위해 APP 호출 (app은 물리적으로 별도의 서버일수 있다.)

4. 필요에 따라 APP은  DB로 데이터 전송 (DB은 물리적으로 별도의 서버일수 있다.)

5. DB에서 CRUD 작업이 일어나고 결과를 APP ,WEB으로 전송

6. 웹 서버는 받은 결과를 Client 브라우저에게 전송

7. 사용자 브라우저는 Response 받은 페이지를 렌더링하여 사용자에게 보여줌

 

 

 

🥲  get : url로 요청을 보낸다. 

 

🥲  post : url이 아닌 body값으로 보낸다.

 

(자세한 내용은 다른 포스팅에서)

 

 

 

🌈그밖에

• 마크다운 문법을 알아두자 (다양한곳에서 자주 쓰인다.)
• url은 한글을 표현할 수 없기 때문에 인코딩해서 사용된다.
• CLI를 사용하는 이유 : 호환성 때문에 GUI에서의 한계가 생긴다.
• js공부가 제일 중요하다.
• 동영상 3배속하기 (꿀팁)

document.getElementsByTagName("video")[0].playbackRate = 3;

 

🔥 회고

git과 github를 공부하자 하고 정작 제대로 공부해본 기억이 없었는데 이렇게 제대로 배우게 되어 다행이다.

(기본내용이기 때문에 심화내용은 스스로 공부해야겠다.)

 

form태그는 인턴생활하며 회원가입,로그인 페이지 구현할때 굉장히 많이 사용했었는데 다시 한번 복습하니 기억이 새록새록 남는다. 

 

강의를 들으며 네트워크쪽이 약하다는것을 계속 느끼고 있는중이다.

깊게 파진 않지만 기본적인 개념들은 꼭꼭 알아두어야겠다.