프리스쿨 (1 일 오전/3일)

0. 수업 전 준비 : 크롬&비쥬얼 스튜디오 코드 다운로드 및 설치

  구글 크롬 다운로드 및 설치 https://www.google.com/chrome/

  비쥬얼 스튜디오 코드 다운로드 및 설치 https://code.visualstudio.com/

0'. 이론 정리(아래의 모든 실습 내용에 대한 이론 정리 별도로 진행할 것)

수업 시작!

1. 바탕화면에 playground  폴더 작성

2. 비쥬얼 스튜디오 코드 실행

3. 비쥬얼 스튜디오 코드 기본 튜토리얼

File > Preferances 에서 자신이 원하는 작업 환경을 만들 수 있고 Font 로 들어가면 폰트 종류나 크기를 설정 가능

빈 공간에 !를 입력하고 Tab을 누르면 기본 html 문서가 구성됨

 

 

4.hello.html 나의 첫 웹페이지

나의 웹페이지, 안녕하세요, 이제 시작이군요, 블라, 블랄라라...

 

나의 웹페이지에 style 변형하기

나의 웹페이지에 alert 창 띄우기

크롬 > 우클릭 > 검사 > Console 에서 함수 move()를 입력하면 즉시 실행됨

나의 웹페이지에 move라는 이름의 함수 추가하기

 

 

5.test01.html : 문단과 문단 스타일, 함수

 

문단의 크기를 스타일에서 정해둠

 

함수 이름을 이번에는 내 마음대로 change라고 바꿔봄! ㅎㅎ

이번에는 함수 이름을 changeBtn이라 함!