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

조금 전까지 1시간 반 동안이나 새벽에 해결하지 못한 문제를 다시 풀어보았으나 여전히 해결하지 못해 그냥 넘어가기로 했다. 나중에 풀 수 있는 때가 있을 것이다. 때로는 안 풀리는 문제가 있을 때 넘어가는 것도 좋은 방법이다. 그래도 3문제 중에서 한 문제는 해결했다.이제 3주차 새로운 단원 학습을 시작해 본다.    이론 1 - 자바스크립트 제어 흐름       자바스크립트 코드는 1번부터 순차적으로 실행되는 것은 아니다. 예를 들어 함수가 선언되고 실행 문장은 17번째 줄에 있다고 해서 코드는 이 순서를 왔다갔다 하면서 실행한다. 비동기 흐름에서도 마찬가지다.    비동기 코드를 이처럼 작성해 볼 수 있다. 자바스크립트는 비동기 API를 작동하여 이 함수를 별도의 공간에 저장한다.  즉, 하나의 메인..

내장 객체 실습부터는 안 풀리는 문제가 태반이라서 내가 예상한 공부 시간보다 3배이상 더 걸리고 있다. 수십 번 코드를 다시 실행해도 선생님 코드대로 똑같이 작성해도 문제가 계속 틀린다.아마도 엘리스 프로그램에서 준비한 강의가 3년이 지나고 4년이 다 되가는 아주 오래된 수업을 넣었기에 지금과는 맞지 않는 문제가 발생한 것 같다. 아무튼 이만저만 실망이 너무 크다. 그래도 할 수 있는데까지 공부를 진행해볼 생각이다. 조금 전에 이런 문제점을 문의사항에 보냈는데 답은 오지 않을 것 같다. 이번에도 안 풀리면 그냥 넘어가려고 한다. 문제 자체가 잘못된 거니까.    실습 5 - 복리 계산기 구현하기    문제 풀기 1. 코드 살펴보기  HTML 파일   App.js 파일   2. 코드 실행하기    아직은 ..

이어서 상대 시간 표시 앱을 구현하는 문제부터 풀어보겠다. 실습 4 - 상대 시간 표시 앱 구현하기 문제 풀기 1. 코드 살펴보기 App.js RelativeTime.js 코드를 실행해보면 이와 같다. 오른쪽에 방금 전이 아니라 시간이 표시되어야 할 것 같다. 2. 코드 설명하기초를 1로 보았을 때 거기에 60을 곱해 분을 초로 환산하고, 이런 식으로 해서 hour, day, week 등을 구한다. 그런 다음 이 조건을 충족하는 타입 맵을 리턴한다.이제 시간을 만드는 함수를 작성해본다. 현재 시간과 기준점이 있고 기준점에 따라 시간을 구하는 suffix도 만든다. 시간을 초로 나누어 특정 시간 전이라는 표시를 붙인다. 다음으로 시간을 계산하는 함수 RelativeTime도 작..

현재 시간을 구하는 문제부터 실습 문제를 풀어보겠다.    실습 2 - 현재 시간 구하기     문제 풀기 1. 코드 살펴보기 App.js   Clock.js  Clock.spec.js   2. 코드 실행하기  현재 시간이 나와야 하는데 지금은 현재 시간을 구할 수 없다. 이제 코드를 작성해보자.    3. 코드 작성하기연, 월, 일, 시, 분, 초의 객체를 만들고 현재 시간 문자열을 작성한다. 문자열을 작성할 때는 템플릿 문자열을 사용한다. 그리고 date 객체가 아닐 때는 현재 시간을 구할 수 없다는 메시지를 띄운다. 하지만 주의할 점이 한 가지 있다. JavaScript의 Date 객체에서 getMonth 메서드는 0부터 시작한다. 즉, 0은 1월, 1은 2월, … 11은 12월을 의미한다. 그래서..

자바스크립트 내장 객체 세 번째 시간이다. 2주차 강의는 이 단원이 마지막이고 이제 실습 문제가 많이 남아있다.     이론 5 - 자바스크립트 내장 객체 3  이 메서드의 값은 바뀌지 않는다.                이 값은 date2가 더 크다. dayTime은 하루를 밀리초로 계산한 값이다.         여기서는 문자열을 받아 리스트 형태로 변환한다. admin은 제외하고 하나의 문자열로 만드는 코드이다.           자바스크립트 객체를 JSON 객체로 만들어준다. parse는 JSON 문자열을 자바스크립트 객체로 변환하는 것이다.     퀴즈 5 - 자바스크립트 내장 객체 : Math        퀴즈 6 - 자바스크립트 내장 객체 : Date        퀴즈 7 - 자바스크립트 내장..

이어서 자바스크립트 내장 객체에 대해서 공부해 보겠다.    이론 4 - 자바스크립트 내장 객체 2  원시 타입을 괄호로 감싸도 동작한다. NaN은 실제 객체에 할당할 수 있는 객체이다.       changeToUsd 함수는 한국 돈을 받아 달라로 변환하고 소수점 둘째 자리까지 나눈다. toFixed()는 문자열을 변환한다.               BigInt는 큰 숫자를 다루는데 이것과 호환이 되지 않는다.           반환된 숫자에 10을 곱한다고 하면 1에서 9까지를 랜덤하게 구할 수 있다.     퀴즈 4 - 자바스크립트 내장 객체 : Number, NaN    이 문제도 잘 맞혔다.     실습 1 - 두 점 사이 거리 구하기   App.js    TwoDotDistance.js    ..

어제 불도 끄지 않고 잠을 잤다. 수료식이 끝나고 집에 와서 간단한 간식과 함께 좋아하는 영상을 실컷 시청하면서 선생님들께 감사인사도 보내고 엄마 아빠께도 수료한 소감 등을 쓰며 즐거운 시간을 보냈다. 그리고 언제 잠이 들었는지 기억도 안 나는데 새벽에 항상 일어나는 시간에 눈이 떠져서 보니 불이 그대로 켜져 있는 거였다.좀 더 자려고 눕기도 했으나 하루 푹 쉬었으니 오늘부터 새로운 마음으로 다시 공부를 열심히 하기로 했다. 잘 쉬었더니 공부도 다시 시작해보고 싶어졌다. 이제 엘리스로 공부할 수 있는 시간도 한 달밖에 남지 않아 이 시간을 최대한 활용할 생각이다. 앞으로 공부해야 할 과목은 정말 많다. 오늘까지 자바스크립트 심화 과정을 모두 끝내고 JSP/Servlet도 절반 정도 남은 것 3일 동안 다..

어제 새벽에 7시 반까지 6시간 정도 새벽에 공부하다가 과목이 너무나도 어렵고 무슨 말인지 하나도 모르겠기에 일기를 쓰다가 아침부터는 쉬는 시간으로 보냈다. 집에 너무 추워서 감기 기운도 있는데다 계속된 장시간 컴퓨터 작업으로 인해 안구 건조증이 생긴 것 같았다.눈이 너무 시리고 아파서 눈을 뜨기도 힘들었다. 계속해서 눈물과 콧물이 나와서 심신이 지치고 정말 쉬어주어야겠다는 생각이 들었다. 아침에 1시간 정도 낮잠을 잔 후 다른 업무를 하며 시간을 보내다가 오후에 집에 와서도 여전히 공부할 상태는 아니었다. 오후에도 엄마와 볼일이 있어서 외출을 하고 그리고 다시 광주 집으로 향했다. 차가 많이 밀려서 집에 오니 밤 8시가 다 되었지만 그래도 감사했다. 어제는 저녁식사 후에 눈 찜질을 하고 평소처럼 9시쯤..

2주차 수업이 시작되었다. 심화 과정이 정말 어렵지만 그래도 공부를 계속해보기로 했다. 1시간만 더 공부하고 새벽 공부는 여기서 마치려고 한다.      이론 1 - 자바스크립트 변수 정의 과정       실행하기 위해서는 기계가 코드를 읽을 수 있어야 한다. 컴퓨터가 읽고 실행할 수 있어야 하는데 이것은 CPU 같은 기계 장치가 읽고 실행을 할 수 있다는 뜻이다. CPU에는 instruction 즉 기계가 알아들을 수 있는 몇 종류의 명령이 있다. 자바스크립트 코드가 어떠한 과정을 거쳐 CPU의 insturction으로 변환되는 과정이 필요하다.이 작업을 자바스트립트 엔진 즉 컴파일러가 해준다. 자바스크립트 코드는 엔진을 통해 파싱되고 실행된다. 파싱은 AST라는 나무 형태의 객체 코드로 변환되는데, ..

이어서 남은 실습 문제를 풀어보겠다.      실습 7 - ArrayMainipulator 구현하기    App.js     ArrayMainipulator.js   index.js  메서드 체이닝 방식이란 app.js 파일에서 하나의 객체에 여러 작업을 동시에 진행하고, 마지막에 getArray()를 반환하는 것을 말한다. 이렇게 체인으로 연결된 것과 같다.    1. 코드 실행해보기    원소 추가 기능만 되고 아직 다른 기능은 구현되지 않았다. 이제 이 코드를 추가해볼 것이다.    2. 이전 함수 코드 살펴보기 이처럼 구현하면 된다.   3. removeElement 함수 만들기 어떤 배열을 넣는데, index가 0이라고 하면 첫 번째 인덱스를 넣는다. array.slice(0, 0)을 하면 빈 ..