git & github

1. Git & Github의 개념

• Git (코드 변경점 기록)
  • 버전관리를 위해 만들어짐
  • 에러 발생시 과거로 돌아가기 좋음 | 코드 변경점을 기록
  • 버전 관리 도구 (형상 관리 도구) : 소프트웨어의 변경사항을 체계적으로 추적하고 통제함
• Github (온라인 백업)
  • 백업을 하고 공유가 가능해져서 협업이 가능하다

2. Git & Github를 사용하기 위해 준비할 것

• 필수 리눅스 명령어
  • git 명령어와는 다르지만 git 명령어를 숙달하기에 도움이 됨
  • 기본 명령어 정리
  • pwd, ls, cd ... 등등
• Git 필수 명령어 습득
  • git init : 코드 관리를 시작하는 명령어
  • git add & git commit : 저장관련 명령어
  • git status : 파일 변경 상태 확인 명령어
  • git log : 저장 내역을 확인하는 명령어

html & css & javascript

1. vscode에서 자주 사용하는 단축키

• alt + shift + f : 태그 줄맞추기

2. html 태그

• padding vs margin
  • padding : 내부여백, 테두리와 내용 사이의 간격
  • margin : 외부여백, 외부요소와의 간격
• 이미지 입력 태그
  • 3가지가 보통 같이 사용된다

background-image: url('');
background-position: center;
background-size: cover;

• 가운데 정렬 style
  • flex-direction: row / column 중 선택 나머지는 거의 변경사항 없음

.mybtn {
            display: flex;
            flex-direction: row;
            align-items: center;
            justify-content: center;
        }

3. css

• bootstrap
  • 이쁜 css가 적용되어있는 보따리 상자
  • 잘 가져다 사용하는 능력 기르기

4. javascript

• javascript
  • html & css에 동작을 만들어주는 표준 언어
  • css의 bootstrap처럼 만들어져있는 jquery가 있다
  • `` (백틱) 템플릿 리터럴을 사용해야 변수값을 넣을 수 있다
  • 문자열을 의미하는 “” 을 사용하면 원하는 내용을 입력할 수 없음

오늘의 소감

백엔드 개발자를 지망하면서 프론트엔드의 코드를 읽는것이 힘들 정도로 소홀했다는 생각을 했는데 다시한번 프론트 관련 내용을 잘 잡고 진행하는 것 같아서 좋다고 느꼈다. 메인 언어에 집중해서 당연히 필요한 git 명령어도 잘 숙지하지 않았어서 매일 검색하여 사용하고 했는데 이번 기회에 확실히 정리하고 암기하는 시간을 가졌다고 생각한다.