프로그래밍 첫 걸음 맛 보기

프로그래밍 첫걸음
맛보기

클라이언트 서버
요청
응답
HTTP 이해

HyperText Transfer Protocol
HTTP 이해
웹 상에서 대화를 주고 받기 위한 규칙

웹 브라우저 : Google Chrome
HTTP 이해
개발자 도구 사용

HTML
Hyper Text Markup Language
연결 링크 구조화 언어

HTML
<!DOCTYPE html>
웹 표준 문서

HTML
<!DOCTYPE html>
<html>
<head>
<meta charset=“UTF-8”>
<title>테스트</title>
</head>
<body>
</body>
</html>

HTML
<h1></h1>
<p></p>
<div></div>
…

CSS
Cascading Style Sheets
웹페이지 스타일 지정 전용 언어

CSS
1. 태그
2. id 속성
3. class 속성

CSS
id 속성과 class 속성
고유한 식별자 다중 요소의 식별자

CSS
#id {
background-color: red;
font-size: 15px
}

CSS
.class {
background-color: red;
font-size: 15px
}

CSS
1. 자손 선택자
2. 자식 선택자
3. 인접 형제 선택자
4. 일반 형제 선택자

CSS
예제
https://itchipmunk.tistory.com/386

자기소개 페이지
준비물
1. 개발환경 : Visual Studio Code
2. NodeJS
3. Firebase Console

다운로드 주소 :
https://github.com/kor-Chipmunk/SelfPortfolio

파이어베이스 배포
1. npm install firebase-tools
2. firebase login
3. firebase init
4. firebase deploy

인터뷰 설문조사 주소 :
http://bitly.kr/X6A2ej

Recommended