교육 내용
1. 웹 프런트엔드를 위한 필수 HTML 언어 배우기
2. 기본 Git 사용법
1.HTML
HTML의 역할: 웹의 전체 구조를 만드는 역할
HTML이란 무엇입니까?
Hypertext Markup Language의 약자로 하이퍼텍스트(문서 간 이동) + 마크업(태그)
즉, 기본적으로 태그를 통해 문서에서 문서로 이동할 수 있는 웹 문서를 만들기 위해 등장한 언어입니다.
HTML 기본 구문
- 요소: 요소는 여는 태그, 닫는 태그 및 태그 사이에 있는 콘텐츠로 구성됩니다.
- 중첩: HTML은 기본적으로 요소가 요소 내에 중첩되는 중첩 관계를 사용합니다. 요소 내의 요소를 자식 또는 자식이라고 하며 요소 내에서 해당 요소를 둘러싸는 요소를 부모 또는 부모라고 합니다.
- 빈 요소: 내용이 없는 요소는 빈 요소로 정의됩니다. 빈 요소의 예는 다음과 같습니다.
,
,
, , 그리고 .
- 속성(Attribute): 속성은 요소의 속성이나 특성을 의미하며 요소의 부가 정보로 볼 수 있다.
HTML 구조
- 헤드 태그:
메타데이터를 묶는 태그로 내용을 읽을 수 있는 정보를 보여줍니다.
에.head 태그에는 Title(문서 제목), meta(메타 정보), style(스타일 정보), link(외부 리소스에 대한 연결 정보), script 태그(JS 정의) 등이 포함됩니다.
- 본문 태그:
HTML 문서의 내용을 담고 있는 태그로, 웹 페이지를 구성하는 대부분의 요소가 본문 태그에 기술되어 있습니다.
본문 태그 내부 h(제목), 의미(머리글 및 바닥글과 같은 콘텐츠에 의미 적용), p(본문), img(이미지), div(컨테이너), span(컨테이너), a(링크), ul(목록) , 입력 태그 등으로 구성됩니다.
2.git
힘내 란 무엇입니까?
Git은 컴퓨터 파일의 변경 사항을 추적하고 여러 사용자 간에 해당 파일에 대한 작업을 조정하는 데 널리 사용되는 VCS(버전 제어 시스템)입니다.
힘내 기능
Git은 폴더 단위로 관리하므로 프로젝트 단위로 관리할 수 있습니다.
Git에 대한 모든 정보는 폴더 내의 .git 폴더에 있으므로 변경 사항을 추적할 수 있습니다.
Git 사용(터미널)
1. 힘내 초기화
프로젝트에 .git 폴더를 만들어 변경 사항 추적을 시작하세요.
2. 자식 추가
git add(추적할 파일)를 사용하여 스테이징 영역의 특정 파일에 대한 변경 사항을 저장합니다.
모든 파일 변경 사항을 스테이징 영역에 저장하려면 git add .
스테이징 영역은 Git 리포지토리에 커밋되고 기록되기 전의 리포지토리 개념으로 생각할 수 있습니다.
3. 힘내 커밋
변경 사항 추적 메시지가 포함된 버전을 생성합니다(기록 남기기).
버전 빌드는 로컬 git 저장소에 저장하는 아이디어입니다.
생성된 버전 및 메시지를 통해 프로젝트 변경 사항을 추적할 수 있습니다.
4. 힘내 상태
마지막 git 커밋 이후 변경된 파일 추적
5. 힘내 푸시
git commit을 사용하면 자신의 로컬 환경에만 저장됩니다.
커밋 기록은 git push를 통해 github라는 온라인 Git 저장소에 저장됩니다.
검토
1주차이지만 레슨을 진행한다는 사실은 프론트엔드 로드맵에 있는 설명을 기준으로 합니다.
이 커리큘럼을 통해 더 발전할 수 있다는 첫인상을 받았습니다.
그동안 Git에 대한 이해가 부족하여 Git의 GUI를 기반으로 Github 데스크톱을 통해 팀 프로젝트를 진행해 왔습니다.
Git의 기초를 자세하게 살펴보면서 Git에 대한 이해도가 높아졌다.