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

자바스크립트 수업 3일 치가 남아있지만 수업을 듣기 귀찮아서 그냥 넘어가려고 했었다. 하지만 올해가 지나면 이 수업도 들을 수 없는데 아쉬운 마음이 들어 시청하고 공부해 보기로 했다.수업과 함께 앞부분에 객체에 대한 책 내용도 함께 정리해본다.    객체 알아보기객체는 프로그램에서 인식할 수 있는 모든 대상을 가리킨다. 따라서 현실에 존재하는 대상이라면 어떠한 것도 컴퓨터에 인식할 수 있는 객체로 바꿔서 표현할 수 있다. 또한 자바스크립트에서 객체는 데이터를 저장하고 처리하는 기본 단위기도 하다.   객체란?프로그래밍 언어에서 객체는 여러 가지 의미로 해석할 수 있지만, 자바스크립트에서 객체는 프로그램에서 인식할 수 있는 모든 대상을 가리킨다는 정도로 이해하면 된다. 자바스크립트는 웹 사이트나 웹 애플리..

지난 이틀 동안 풀었던 문제들 중 틀린 문제를 풀어보았다. 단 두 문제지만 무척 어려운 문제라서 꼭 알고 넘어가야 하는 문제였다.    최상위 수학 STEP 3 문제집            최상위 수학 STEP 3 틀린 문제          학습을 마치고틀린 문제 두 문제도 모두 풀어보니 정말 뿌듯하고 기뻤다. 오늘은 수학 공부에 2시간 정도 보낸 것 같다. 그 중에 45분 정도는 학습일지를 쓰는데 걸렸다. 한꺼번에 이틀치를 하려니 무척 힘들었다.다음에는 미루지 말고 매일 공부한 일지를 올려야겠다고 생각했다. 마지막 문제는 정말 어려웠다. 풀이를 봐도 처음에는 잘 이해가 되지 않았는데 이제는 알게 되었다. 공부를 하며 생각하는 힘이 길러지는 것이 참 기뻤다. 무척 어려운 문제가 많았으나 모두 잘 풀었다.

오늘 나머지 문제를 푼 것을 학습일지로 기록해본다.    최상위 수학 STEP 3 문제 풀이 노트                       학습을 마치고엊그제 이 문제들을 다 풀고 싶었으나 1시간이 넘어가기 집중력이 흐려지기도 하고 활용 문제는 내게 많이 어려웠다. 오늘도 사실 문제가 너무 어려워서 포기하고 싶은 마음이 들며 이래서 과연 내가 수학을 계속 공부할 수 있을지 의문이 들기도 했다.상심의 시간을 잠시 보내고 나서 다시 문제 앞에 앉아서 풀어보니 충분히 풀 수 있는 문제들이 많았다. 다 틀린줄 알았던 문제를 채점해보니 놀라고 말았다. 단 두 문제만 빼고 이 STEP 3 과정의 문제를 거의 다 맞혔다. 이 문제들은 모두 어려운 문제였고 계산 실수는 하나도 없었다. 역시 공부를 하면 실력이 나도 모르..

에이급 수학 STEP A 문제를 풀다가 너무 어려워서 중단하고 우선 최상위 수학 STEP 3 과정부터 풀게 되었다. 이틀에 걸쳐서 풀었지만 전날은 학습일지를 올리지 않아서 오늘 한꺼번에 올려본다.    최상위 수학 STEP 3 문제 풀이 노트                 학습을 마치고엊그제 이 과정의 9번 문제를 풀기도 했는데 8번 문제를 푸는 것을 깜박 잊어서 그냥 8번부터 오늘 푼 것으로 치기로 했다. 에이급 수학보다 최상위 수학의 난이도가 더 낮은 것 같다. 최상위 수학으로 푸니 풀 수 있는 문제들이 그래도 꽤 되었다.기본을 다지고 내일 다시 에이급 수학 문제집을 펼쳐서 잘 안 풀렸던 문제부터 다시 풀어볼 생각이다.

오늘의 새벽 공부 마지막이니 좀 더 힘을 내서 집중해 보자.    실습 4 - 노드 값 접근(이름)     문제 풀기 노드들의 이름이 잘 출력되었다.   개발자 모드에 들어가면 해당 노드들의 자세한 내용이 모두 출력된다.       실습 5 - 노드의 값 접근 (값)       문제 풀기  apple이 apple_pie로 변경되었다.       실습 6 - 노드의 값 접근 (타입)      문제 풀기  마지막에 출력된 문장이 타입이고 그전의 내용은 value이다. 출력이 잘 되었다.       학습을 마치고노드에 접근하여 값과 타입, 속성 등을 가져오는 방법을 학습했다. 솔직히 뒷부분으로 갈수록 공부하기 싫은 마음이 많았지만 그래도 내가 해야겠다고 마음먹은 곳까지 목표를 달성할 수 있어서 좋았다. 이제 ..

이번에는 노드 객체에 대해서 공부해보겠다. 우선 이론 학습부터 진행해볼 것이다.    이론 3 - Node 객체             태그 안에 포함되는 것이 텍스트 노드이다.         퀴즈 3 - 노드와 노드 트리    문제를 잘 풀었다.     퀴즈 4 - 노드의 종류     이번 문제는 틀렸다. 다시 한번 풀어보겠다.    조금 어려운 문제였는데 속성 노드와 요소 노드가 비슷해서 좀 헤깔렸다. 차이점을 설명해주라고 하니 이렇게 이야기해주었다.    이 문제에서는 HTML 문서의 모든 요소를 나타내므로 요소 노드가 답이 된다.   학습을 마치고노드에 대한 개념과 퀴즈 문제를 풀어보았다. 이제 실습 문제만 풀면 엘리스에서 DOM에 대한 내용은 거의 대부분 마치게 된다. 이어서 실습 문제까지 풀고 ..

이제 실습 문제를 풀어보겠다. 3문제나 되지만 문제를 풀면서 개념을 익혀볼 것이다.    실습 1 - DOM 요소의 선택  HTML 문서   JS 파일  getElements라고 복수 형태로 되어 있는 경우에 문서 형태가 배열로 되어 있다. id의 경우 한 개이므로 배열이 하닌 객체로 온다.   문제 풀기    출력이 잘 되었다.     실습 2 - DOM 요소의 스타일 변경      주석을 해제하지 않았을 때는 모든 글씨가 검은색이다.   문제 풀기   이전 예제와 다른 점은 DOM 객체를 변수에 담아주어서 이것을 불러와서 스타일을 변경했다는 점이다.    실습 3 - DOM 요소의 내용 변경    초기 상태는 이렇게 출력된다.   문제 풀기  이번에는 apple이 strawberry로, onion이 ..

두번째 학습으로 자바스크립트와 DOM에 대해서 공부해보겠다.    이론 2 - 자바스크립트와 DOM  태그 요소를 변수에 담을 수 있다.              퀴즈 2 - DOM의 트리 구조      문제를 잘 맞혔다.    부록 1 - DOM 요소 확인하기      직접 실습해보기 소괄호를 넣으면 오류가 뜬다. 그 이유는 document.getElementById()를 실행할 때 인자를 전달하지 않았기 때문이다. 즉 getElementById()는 필수 매개변수로 id 값을 받아야 한다. 매개변수를 제공하지 않으면 에러가 발생한다.이 실습을 위해서는 HTML 파일이 필요하다. 이 실습은 다음 실습에서 진행될 것 같다. 이번 단원에서는 여기까지 학습하는 것으로 충분할 것 같다.   W3C 사이트 W3C..

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

이제 단원을 마무리하고 미션 문제를 풀어보겠다. 드디어 함수와 이벤터 단원 학습을 마쳤다. 어제 여기까지 공부하려고 했으나 어제는 요즘 열정이 전보다 식고 몸과 마음이 많이 지친 날이라 평소 공부하던 양의 절반밖에 하지 않았다.   단원 한눈에 정리하기      단원 마무리 문제 풀기 문제 1번    문제 풀기 1. 조건에 맞게 코드 추가하기   하지만 출력창에는 아무것도 표시되지 않았다. 코드를 다시 한 번 수정해보겠다.   2. 코드 수정하기  이번에는 출력은 되었으나 문자열과 나온 경우도 있고 변환이 잘 되지 않은 것 같다.   3. 문자열 숫자 형태로 변환하기     이제 답이 잘 나타난다. 책에서는 이 문제를 프롬프트 창에 나타나지 않고 콘솔창에서만 보이도록 했으며, 사용자에게 값을 입력받는 것..