클라이언트/ 서버/ 엔지니어 "게임 개발자"를 향한 매일의 공부일지

단원 마무리를 하며 연습 문제를 풀어보려고 한다.    단원 마무리하기           마무리 연습문제 풀기 문제 1번        문제 풀기  실행 흐름HTML 문서가 로드되면, 모든 class="check" 요소에 클릭 이벤트 리스너가 추가됨사용자가 각 체크박스를 클릭하면클릭된 체크박스와 해당 텍스트가 회색(#ccc)으로 변경됨텍스트에 취소선(line-through)이 표시됨효과적으로 "할 일 완료" 상태를 시각적으로 표시  체크박스를 클릭하면 이처럼 취소선이 그어지고 색깔이 연해진다.    문제 2번     문제 풀기 1. 스타일 요소 추가하기   2. 테이블 만들기  문제에서 여기까지는 주어졌어야 하는데 코드를 작성할 때 이 부분을 빠뜨린 것 같다.   3. 여러 행과 열 추가하기 실행 흐름사용..

16장 단원을 마무리하며 연습문제를 풀어보려고 한다. 벌써 오늘 새벽 공부를 시작한지 2시간 반이나 지났다. 남은 2시간 반도 열심히 열정을 불태울 것이다. 단원 한눈에 정리하기 단원 마무리 문제 문제 1번 아직은 시간이 나타나지 않는다. 이것을 시간이 나타날 수 있도록 코드를 수정해볼 것이다. 문제 풀기 이 문제는 잘 몰라서 정답을 참고하면서 풀었다. 현재 시각이 잘 나오고 있다. 문제 2번 여기에 현재 시간이 팝업 창으로 나타나게 해야 한다. 문제 풀기 코드를 이렇게 작성했는데 틀린 것 같다. 현재 시간도 표시되지 않고 팝업 창에 뭔가 나오긴 했으나 이상한 내용만 떴다. 이번에는 정답을 참고하며 풀어보기로 하자. 코드 수정하기 시간 함수를 붙일 필요가 없었..

브라우저와 관련된 객체 중 navigator 객체부터 학습을 진행해 보겠다. navigator 객체 중에서 건너뛰고 넘어가고 싶은 부분이 있었지만 그냥 모두 학습해 보기로 했다.    navigator 객체navigator 객체에는 웹 브라우저의 버전을 비롯해 플러그인 설치 정보나 온오프라인 등의 여러 정보가 담겨 있다. 이 정보는 사용자가 수정할 수 없으며 가져와서 보여 줄 수만 있다. 웹 브라우저와 렌더링 엔진웹 브라우저가 점점 다양해짐에 따라 모든 사용자의 웹 브라우저에서 똑같이 동작하는 웹 문서를 개발할 필요성이 생겼다. 여러 웹 브라우저를 고려하여 개발하는 것은 웹 개발자에게 가장 어려운 부분이기도 하다.여러 웹 브라우저를 고려할 때 가장 먼저 생각해야 할 분야는 랜더링 엔진이다. 아직 표준화되..

자바스크립트를 사용하면 특정한 사이트로 이동하거나 새 탭을 여는 등 웹 브라우저와 관련된 여러 가지 효과를 만들 수 있다. 이런 작업이 가능한 이유는 자바스크립트 내에 웹 브라우저와 관련된 여러 객체가 미리 정의되어 있기 때문이다.     브라우저와 관련된 객체 알아보기브라우저는 HTML 소스를 한 줄씩 읽으면서 화면에 내용을 표시하고 관련된 객체를 만들어 낸다. 웹 브라우저가 열리면 가장 먼저 window라는 객체가 만들어지고 밑으로 하위 요소에 해당하는 객체들이 나타난다. 이 하위 객체는 웹 문서와 주소 표시줄처럼 브라우저 요소에 해당하며 각각 다른 하위 객체를 가진다.이렇게 만들어진 자바스크립트의 객체는 다음과 같은 계층 구조를 보인다.   주로 사용하는 내장 객체는 다음 표로 정리할 수 있다.  ..

이제 Date 객체와 Math 객체에 대해서 공부해보겠다.    Date 객체Date 객체는 날짜와 시간 정보를 나타낼 수 있다. Date 객체는 현재 날짜와 시간을 출력하거나 달력을 표ㅅ할 수도 있고, 특정일까지 얼마나 남았는지 알려 주는 등 사이트에서 여러 가지로 응용할 수 있다.  1. Date 객체 인스턴스 만들기자바스크립트에서 Date 객체를 사용하려면 우선 Date 객체의 인스턴스를 만들어야 한다. 현재 날짜로 설정할 경우에는 다음과 같이 간단히 예약어 new를 붙여 주면 된다.Date 객체로 현재 날짜 나타내기new Date();  특정한 날짜를 저장한 Date 객체를 만들고 시 ㅍ다면 Date 다음에 붙이는 괄호 안에 날짜 정보를 입력해야 한다. Date 객체로 특정 날짜 나타내기new D..

자바스크립트 내장 객체에는 웹 문서의 계층 구조와 상관없이 나타낼 수 있는 객체가 있다. Array 객체와 Date 객체가 대표적이다. 여기에서는 내장 객체의 주요 프로퍼티와 메서드를 살펴보겠다.    1. Array 객체Array 객체는 자바스크립트의 여러 가지 내장 객체 중에서 배열을 다룬다. 배열은 자바스크립트에서 자주 사용하는 자료형이므로 Array 객체의 주요 프로퍼티와 메서드를 잘 알고 사용하는 것이 중요하다.  1) Array 객체로 배열 만들기자바스크립트에서는 배열을 쉽게 만들고 다룰 수 있는 Array 객체가 내장되어 있다. Array ㅐㄱㄱ체를 사용하려면 먼저 인스턴스를 만들어야 한다. 초기값이 없는 상태에서 단순히 객체의 인스턴스만 만든다면 new 예약어를 사용해 변수에 할당하면 된다..

객체 단원부터는 다른 남자 선생님이 가르치시는데 수업을 듣지 않고 그냥 엘리스와 책으로 학습을 진행하려고 한다. 수업을 들었을 때는 얻는 게 많은 것 같아도 뒤돌아서 보면 별로 손에 잡히는 것도 없고 강사들이 하는 이야기가 진짜 사실인지 아닌지 믿을 수 없을 때가 많았다.얼마 전에도 강의를 듣다가 선생님이 잘못 가르치시는 부분을 발견했다. 그리고 수업 내용을 듣기 위해 투자하는 시간은 너무 긴데 그에 비해 얻는 것은 별로 많지 않아 나머지 부분은 엘리스에서 훨씬 더 잘 되어 있으니 이 과목을 통해서 공부를 이어가기로 했다. 그리고 스프링을 가르치셨던 선생님도 솔직히 마음에 들지 않았는데 이런 강사들의 강의라면 과감히 버리고 더 나은 학습 도구를 찾아서 공부하기로 다짐했다. 굳이 수업에 있다고 해서 다 들..