한국디지털미디어고등학교 비전공자 프로그래밍 교육 동아리 teamair에서 진행한 교육자료입니다.

1. 01
Javascript
본 교육자료는 팀 에어 내의 팀원 교육용으로 제작되었음을 알려드립니다. 팀에어 팀원 외 허락을 받지 않은 사람의 무단도용을 일체 금합니다.

2. 본 자료는 상당한 된 내용입니다.
제대로 배우려면 구글링을 하거나 책을 사(빌리)세요!
야매에 기초하여 작성
야매 · 멘탈유해 정보(자료)에 대한 주의 안내
분야 담당기관 전화번호
학교총괄 교장 031-363-7802
학사총괄 교감 031-363-7803
교무업무총괄 교무지원부 031-363-7810
시간표운영, 대외공문 교무지원부 031-363-7811
학교/신입생 홍보 교무지원부 031-363-7812
교무기획, 생기부, 나이스 교무지원부 031-363-7813
교원평가, 장학 교무지원부 031-363-7814
학생생활업무총괄 학생지원부 031-363-7820
학생 기획, 상벌, 생활지도 학생지원부 031-363-7821
창의적 체험활동 학생지원부 031-363-7822
껄껄껄… 미안해요... [자발적 노예]

3. HTML CSS JavaScript
+
Back-End
Front-End

4. JS

8. with Javascript

9. 하여튼
더럽게 많은 곳에서
쓰인다!

10. C언어 떠올리면 되요
{ - ; }

11. function () {
—
}

12. Word = Code
고등학생 정도의 영어실력과 타이핑 실력을 요합니다.

13. A . B
점(.)으로 여러 액션들을 이을 수 있습니다.

14. Java & Javascript?
한마디로 말하면, 아무 관계가 없다.
물론 자바처럼 자바스크립트가 길게 써야하는게 없지 않아 있다.
인도 인도네시아
!=

15. 연산자
많긴 한데 대표적으로 다음과 같은 연산자가 많이 쓰임
“===“ 은 값과 더불어 형태까지 일치하는지를 확인
-> 자바스크립트에는 int, char 같은게 없기 때문.
+ - * /
== === !=

16. 이어붙이기
야매라 마땅한 말이 없어서 일단 이렇게 부름
앞에 나오는 여러 액션들 다음에 이어붙일 수 있는 것들이다.
.length
.value
.innerHTML
숫자나 문자를 담고 있는 것의 길이
태그 속성 중 value의 값을 가져오는 것
태그 안에 쓰여진 내용을 가져오는 것

17. <script src=“주소”></script>
<script> Javascript </script>
1
2
자바스크립트를 쓰는 방법
1번과 2번을 모두 써야하며
위치에 따라서 형태가 다르게 나옴

18. BOM
DOM
Browser Object Model
Document Object Model

19. BOM
쉽게 말하자면 아래와 같은 알림창(또는 팝업창) 정도로 생각하면 좋을듯하다.
웹브라우저의 창이나 프레임을 추상화해서 프로그래밍으로 제어하는 것.

20. BOM
쉽게 말하자면 아래와 같은 알림창(또는 팝업창) 정도로 생각하면 좋을듯하다.
웹브라우저의 창이나 프레임을 추상화해서 프로그래밍으로 제어하는 것.
console.log()
alert()
confirm()
자바스크립트에서 출력하기
알림창 띄우기
예/아니오 창 띄우기

21. DOM
웹페이지를 자바스크립트로 제어하기 위한 모델.
제어에 초점이 맞춰저 있으며, 다양하게 쓰인다.
document.getElementsByTagName()
document.getElementsByClassName()
document.getElementsById()
document.querySelector()
document.querySelectorAll()
태그명으로 찾기
클래스명으로 찾기
아이디명으로 찾기
선택자 일부에서 찾기
선택자 전체에서 찾기

22. addEventListener()
자바스크립트에서 어떤 행동이 일어났을때에 대한
명령들이나 과정들과 관련된걸 지정해준다고 알아두면 편하다.
<form id=“listener” action=“result.html”>
<input type=“name” id=“name”>
<input type=“submit>
</form>
var t = document.getElementById(‘listener’);
t.addEventListener(‘submit’, function(event) {
if(document.getElementById(‘name’).value.length == 0) {
alert(“NULL”);
event.preventDefault();
}
});
Code by opentutorials.org
HTML Javascript

23. GET READY
FOR THE
NEXT
LECTURE
(feat. 장문석쌤)

24. 02
JQuery
본 교육자료는 팀 에어 내의 팀원 교육용으로 제작되었음을 알려드립니다. 팀에어 팀원 외 허락을 받지 않은 사람의 무단도용을 일체 금합니다.