1. HTML에서 외부 CSS파일 연동

rel = relationship 관계

href = hyper reference 하이퍼 참조

 

<link rel="stylesheet" href="style.css">

 

2. CSS 규칙

h3 {
  color: red;
}

선택자 {
  속성: 속성값; (속성과 속성값을 합쳐 CSS선언)
}

 

3. 선택자

id를 선택자로 쓸때는 #선택자

id는 중복이 안된다.

<div id="sample"></div>
#sample {
  background-color: red;
}

 

 

class를 선택자로 쓸때는 #선택자

class는 중복 선언이 가능하다.

<div class="sample2"></div>
<a class="sample2"></a>
.sample2 {
  color: red;
}

선택자 목록

.sample1,
.sample2 {
	color: red;
}

여러 선택자를 동시에 갖고 있는 요소를 선택하는 경우

<p id="sample-id" class="sample-class"></p>

<a class="sample-class1 sample-class2"></a>
p#sample-id.sample-class {
	background-color: red;
}

.sample-class1.sample-class2 {
	background-color: red;
}

부모태그 안의 자식태그 선택 (자식 결합자)

<div class="parents">
    <div clss="children">
    </div>
</div>
.parents > .children {
	background-color: red;
}

자손결합자

.ancestor .decendant {
	background-color: red;
}

1. Git 사용자 설정하기 (user.name 과 user.email 등록)

git config --global user.name "본인의닉네임"
git config --global user.email "본인의@이메일.com"

등록후 git config --list 명령어를 통해 등록된 닉네임과 이메일을 확인할 수 있다.

git config --list

2. git init 을 통해 해당 폴더를 초기화 한다.

(*초기화 = 버전 관리가 가능한 상태로 만들어 준다.)

cd desktop/본인의폴더이름
git init

 

git init

 

제대로 적용되었다면 .git 이라는 폴더가 해당 폴더안에 생기는데 숨김폴더이기 때문에

해당 폴더에 들어가 보기 -> 숨김 항목을 체크해주면 생성된걸 확인할 수 있다.

 

 

3. git add . 

명령어를 통해 현재 디렉토리에서 변경된 모든 파일을 스테이징 영역에 추가한다.

git add .

윈도우 에서 해당 명령어 입력시 경고문이 뜰 수 있는데 이에대한 얘기는 다음에 따로 다루도록 하겠다.

4. git commit -m "first commit" 명령어를 통해 변경 사항을 로컬 저장소에 커밋

git commit -m "first commit"

5. git branch -M main 명령어를 통해 기본 브랜치를 main으로 설정한다.

git branch -M main

6. git remote add origin <깃허브에있는 SSH 주소 복사후 붙여넣기>

명령어를 통해 로컬 저장소와 해당 주소의 원격 저장소를 연결한다.

get remote add origin <해당 레포지토리 SSH 주소>

7. git push -u origin main

git push -u origin main

명령어를 통해 지정된 원격 저장소의 브랜치로 변경사항을 푸쉬한다.

 

8. 깃허브에 들어가 해당 레포지토리를 확인해 보면 내가 푸쉬한 파일이 업로드 되어 있는것을 확인할 수 있다.

1. SSH Key 있는지 확인하기

Git bash 를 실행 후 cd ~/.ssh 를 입력해 .ssh 폴더로 이동한다.

cd ~/.ssh

ls 를 입력해 기존에 만든 ssh key가 있는지 확인한다.

ls

2. 리스트에 id_ 파일이 보이지 않는다면 ssh-keygen -t rsa -b 4096 을 입력해 키를 생성한다. (폴더 설정은 따로 하지 않고 엔터를 눌러 .ssh 폴더에 자동으로 생성되도록 한다.)

ssh-keygen -t rsa -b 4096

3. Enter passphrase (empty for no passphrase) 라는 문구가 나오면 비밀번호를 입력한다.

Enter same passphrase again : 은 비밀번호 확인이니 비밀번호를 위에 입력한 비밀번호를 한 번 더 입력한다.

4. 생성이 완료되면 아래와 같은 문구가 나오고 폴더에서도 확인할 수 있다.

5. cat id_rsa.pub 명령어를 통해 생성된 키를 확인할 수 있다.

cat id_rsa.pub

공개키

6. github 사이트에 들어가 본인 프로필을 눌러 Settings 로 들어간다.

7. 왼쪽 메뉴중 Access -> SSH and GPG keys로 들어가 New SSH key를 클릭한다.

8.Title을 자신이 알아볼 수 있게 작성한 후 Key에 id_rsa.pub 전문을 복사해 붙여넣고 Add SSH key 를 클릭한다.

https://github.com/

1. 깃허브에 로그인 후 오른쪽 위 프로필 모양을 누른다.

깃허브 메인페이지

2. 메뉴중 Your repositories 를 클릭한다.

깃허브 프로필 메뉴

3. 초록색 New 버튼을 클릭한다.

레포지토리 창

4. Repository name 을 입력하고 Create repository 버튼을 클릭한다.

레포지토리 생청 창

 

https://git-scm.com/download/win

 

Git - Downloading Package

Download for Windows Click here to download the latest (2.43.0) 32-bit version of Git for Windows. This is the most recent maintained build. It was released 3 months ago, on 2023-11-20. Other Git for Windows downloads Standalone Installer 32-bit Git for Wi

git-scm.com

 

1. 위 링크로 이동해 Download for Windows 를 클릭한다

깃 설치 페이지

2. Standalone Installer 64-bit를 클릭한다. (설치파일 다운로드)

윈도우 OS git 설치 페이지

3. 다운받은 파일을 실행해 설치를 진행한다.

Git 설치 파일

4. 설치가 완료되면 Git bash를 실행해 git --version 을 입력한 후 엔터키를 눌러 잘 설치됐는지 확인한다.

잘 설치됐다면 내가 설치한 버전이 출력된다.

git --version

git version 확인

 

+ Recent posts