1. 웹을 동적으로 만드는 방법
HTML로 이루어진 웹은 정적입니다. 즉, 사용자와 반응할 수 없단 뜻입니다. 그렇다면 어떻게 해야 웹을 동적으로 만들 수 있을까요?
그 방법은 바로 JavaScript입니다.
2. HTML에 완전히 다른 언어를 사용하려면?
HTML로만 이루어진 웹을 시각적으로 보다 편리하게 꾸미기 위해 우리는 style 태그를 이용해 CSS를 삽입하고, 사용자와 소통하는 웹을 만들기 위해 우리는 script 태그를 이용해 JavaScript를 삽입할 수 있습니다.
3. 프로그래밍 언어?
앞서 공부했던 HTML과 CSS는 로직이 없기에 프로그래밍 언어라고 할 수 없습니다. 하지만 이번에 배울 JavaScript는 로직이 있는 프로그래밍 언어로 python과 같이 조건문, 반복문, 함수, 클래스 등을 사용할 수 있습니다.
4. 효율적으로 프로그래밍하기
리팩토링이라는 것에 대해 들어보셨나요? 구글에 검색해보면 다음과 같이 설명되는데,
리팩토링(Refactoring)이란 "'결과의 변경 없이 코드의 구조를 재조장함'을 뜻한다. 주로 가독성을 높이고 유지보수를 편하게 하기 위해 사용되며, 버그를 없애거나 새로운 기능을 추가하는 행위는 아니다.
한마디로 정리하면 중복의 제거라고 할 수 있습니다. 프로그램이 복잡하면 복잡해질 수록 더욱 필요한 기술이라고 할 수 있습니다.
JavsScript에서는 반복문도 쓰이지만 배열에 대한 개념이 아직 제겐 정립되지 않았기에 다음 차시부턴 반복문에대해 공부해보겠습니다.
뭘 했는가
- 계속 반복되는 CSS에 대한 부분은 style.css라는 파일을 따로 만든 후 link 태그를 통해 불러오는 방식을 사용해 리팩토링함.
- 반복되는 태그 구조는 변수를 사용해 리팩토링함.
- 조건문을 이용해 야간모드, 주간모드를 사용자가 선태할 수 있게 함.
- 야간모드
- 주간모드
KHU CSE 23