안녕하세요? 기초 웹 스터디 멘토 율리예요!
이번주 화요일, 두번째 수업이 예정되어 있습니다.
강의록과 함께, 수업을 위해 준비해야 할 내용들을 미리 공유드립니다! 
장소 및 시간
•
장소 : T602
(오랜만의 T동입니다! P동과 혼동하지 말아주세요!)
•
시간 : 오후 6시 ~ 오후 7시
강의록 공유
2주차 강의록을 공유드립니다! 이번 주는 저번주와 달리 양이 꽤 있으니, 미리 읽어보고 오시는 것을 추천드려요 ㅎㅎ
출석
기초 웹 스터디는 오프라인 수용이 가능한 인원이 신청한 관계로, 온라인 병행 없이 100% 오프라인으로만 수업이 진행됩니다.
출석은 Imhere를 통해 이루어지며, 아직 기초 웹 스터디 강의에 대한 수강신청을 진행하지 않은 분들은 꼭! 미리 해두시길 바랍니다!
수업 준비물
1. 노트북을 지참해주세요!
2.
크롬을 설치해주세요!
3.
지난 주 과제 파일을 준비해주세요!
이번 수업은, 웹 브라우저를 띄우고 개발자 도구를 활용하여 HTML과 CSS, 그리고 네트워킹의 Request, Response의 결과를 확인해보는 시간을 가질 예정입니다.
이번 수업에서는 지난 주 과제로 수행하였던 결과물을 활용해야 합니다. 그렇기 때문에, 과제를 진행하지 않은 분들은 아래 과제 모범답안 파일을 꼭 다운로드 받으셔서 수업 전에 자신의 웹 브라우저에서 띄워 보는 실습을 진행하시길 바랍니다.
지난 주 과제 모법답안
1.
CSS를 inline-style로 작성할 경우
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>GDSC Hongik!</title>
</head>
<body
style="text-align: center; font-size: 30px; font-weight: 800; margin: 30px"
>
<div style="color: blue">GDSC Hongik!</div>
</body>
</html>
HTML
복사
2.
CSS를 외부 모듈로 하여, head 태그에서 다운로드 받아올 경우
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="stylesheet" href="./main.css" />
<title>GDSC Hongik!</title>
</head>
<body>
<div class="gdsctitle">GDSC Hongik!</div>
</body>
</html>
HTML
복사
.gdsctitle {
font-size: 30px;
color: blue;
text-align: center;
font-weight: 800;
margin: 30px 0px;
}
CSS
복사