어느덧 벌써 2월이네요, 어느덧 바람이 옅어지는 것을 보아 좀 있으면 다가올 봄이 기다려지는 하루예요.
오늘 오전 11시까지 LMS강의를 들었어요.
HTML 강의를 시청하였고 관련 코드는 맨 아래에 GitHub 링크 올려놓겠습니다.
HTML과 CSS다음으로 배울 것은 JavaScript입니다.
오늘은 간단하게 JavaScript가 무엇인지 알아보고 마무리하겠습니다.
JavaScript
HTML과 CSS로 만들어진 웹 페이지에 생동감을 불어넣기 위해 만들어진 객체기반의 스크립트 프로그래밍 언어
따로 C, C++처럼 컴파일 없이 한 줄 한 줄 해석하며 바로 명령어를 실행하는 인터프리터 언어
HTML의 특정 요소를 선택하여 다양한 이벤트 (마우스 클릭, 키보드 입력 등)에 따라 어떤 동작을 하도록 기능을 넣을 수 있음
+ 동적인 웹을 위해 사용하는 JavaScript
데이터 저장
= 저장 공간 : var / let / const
= 저장할 값 형태 : 숫자 / 문자열 / 빈 값(null, undefined) / boolean(true, false) / 배열 / 객체
= 코드 : 함수
값의 계산
= 사칙연산 / 논리연산 / 조건문 / 반복문 / 자료형 내장함수
결과 반영
= DOM / BOM API
통신
= Ajax
JavaScript 사용 방법
1. 내부 스크립트
자바스크립트 코드는 <script> 태그를 HTML문서 안에 넣어서 사용 가능
HTML문서의 어느 위치에서나 사용 가능한데 보통 HTML문서가 전부 로드되고 나서인 아래에 사용
(주로 간단한 스크립트나 테스트용으로 사용)
2. 외부 스크립트
자바스크립트 파일을 HTML과 별개인 .js 확장자의 파일로 저장한 후 불러올 수 있음
외부 자바스크립트를 사용하려면 <script>의 src 속성으로 HTML 문서 위치의 기준 파일 경로를 입력
<!-- 내부 -->
<script>
window.alert('hello world!');
</script>
<!-- + 내부 HTML 태그 내 삽입 -->
<button onclick="window.alert('hello world');">hello</button>
<!-- 외부 -->
<body>
<script src="test.js"></script>
</body>
+ 브라우저 콘솔창
Ctrl + Shift + i 버튼을 누르면 나타나는 창
간단한 JavaScript 연습을 하기에 좋음
= about:blank 페이지
https://github.com/soohyun020812/ormcamp
GitHub - soohyun020812/ormcamp: 오름캠프 교육에서 활용한 실습 내용들 정리
오름캠프 교육에서 활용한 실습 내용들 정리. Contribute to soohyun020812/ormcamp development by creating an account on GitHub.
github.com