본문 바로가기

JavaScript18

5/9 생활코딩 오늘의 진도: WEB2 - JavaScript 반복문 예고~배열과 반복문의 활용 1. 반복문 예고 night 버튼의 불만족 하나 더 - night 모드에서 링크 글자 색깔이 너무 어두워서 잘 안 보인다. → 얘를 클릭했을 때, 이 웹페이지에 있는 모든 링크의 style 속성값을 밝게 바꿔주는 코딩을 할 것이다. 이 웹 페이지에 있는 모든 태그를 가져온 다음에 그 태그 하나하나에 대해서 반복적으로 powder blue 컬러를 지정한다는 내용의 코드이다. 다음 시간부터는 배열과, 배열을 이용해서 반복적인 작업을 처리하기 위한 반복문을 배울 것이다. 2. 배열(array) 집에 살림이 늘어나면 점점 마음이 힘들어지고 책장이나 수납상자 등을 사거나 방이 여러개 있는 집으로 이사를 갈 수도 있다. 이런 식으로 집.. 2020. 5. 9.
5/8(2) 생활코딩 오늘의 진도: WEB2 - JavaScript 조건문 예고~리팩토링 조건문: 하나의 프로그램이 하나의 흐름으로 가는 것이 아니라 조건에 따라서 다른 순서의 기능들이 실행되도록 하는 것 11. 조건문 예고 night/day 버튼에서의 불만족 : 버튼이 두 개가 있는게 불편하다. 그래서 하나의 버튼으로 night 상태에서 클릭하면 day 모드가 되고, day 상태에서 클릭하면 night 모드가 되게 만들고 싶다. = toggle 12. 비교 연산자와 Boolean 데이터 타입 JavaScript의 여러 기능 중에서 비교 연산자(Comparison operator)라는 것과, 그 비교 연산자를 통해 만들어지는 '불리언(boolean)'이라는 새로운 데이터 타입, 그리고 조건문이라는 것을 연달아 같이 살펴볼 것.. 2020. 5. 9.
5/8 생활코딩 < JavaScript 시작 > JavaScript 1. 수업의 목적 (1) 웹페이지가 사용자와 상호작용할 수 있게 해준다. = JavaScript는 사용자와 상호작용을 하는 언어이다' - HTML이 정보라는 멈춰 있는 이미지를 그리는 것이라면 JavaScript는 정보라고 하는 그 이미지를 마치 영화처럼 움직이게 한다. ex) night 버튼을 누르면 까만 바탕에 흰 글씨로 바뀌고 day 버튼을 누르면 흰 바탕에 까만 글씨로 바뀐다. (2) 웹브라우저는 한번 화면에 출력이 되면 그 다음에는 자기 자신을 바꿀 수 있는 능력이 없다. 그것을 해주는 것이 JavaScript이다. = JavaScript는 HTML을 제어하는 언어다. → 웹페이지를 훨씬 더 동적으로, 다이나믹하게 만들어준다. * 검사 - 개발자 도구에서 Elements(=T.. 2020. 5. 8.