[코딩애플 cha.01] Javascript_소개

코딩애플을 통해 자바스크립트를 공부해보려고한다.

첫 강의에는 강의 소개와 자바스크립트의 근본에 대해 진행됨

JS를 통해 기능

• 탭, 모달 등 웹페이지 UI 만듦
• 입력한 데이터를 검사
• 버튼 클릭 시 서버로 데이터 요청할 수 있음

코드를 짤 때에는 script 태그 안에 작성하면된다.

<h1 id="hello">안녕하세요</h1>
<script>
	document.getElementById('hello').innerHTML='안녕';
</script>

위의 코드에서 'getElementById'는 인터페이스 메서드로 속성에 지정된 ID값에 일치하는 개체를 document에 반환하는 방식이다.

• ID가 없는 개체를 부를경우, querySelector()를 이용해 요소를 찾을 수 있다.

[오늘의 과제]

h1태그 안에 내부글자 사이즈를 16px로 변경해오십시오.
자바스크립트로 font-size 변경하는 법을 찾아보기.

- 과제 code

<h1 id="tit">Hello JS</h1>
<script>
	document.getElementsByClassName('tit').style.fontSize="16px";
</script>

[다른방법]

<script>
  $(#tit).css("fontSize", 20);
  $(#tit).css("fontSize", "20px");
  $(#tit).css("font-size", "20");
  $(#tit).css("font-size", "20px");
</script>