"게임 개발자"를 향한 매일의 공부일지 _ 1기

아침에 1시간 정도 집안 청소를 하며 밀린 일들을 처리하고 이제 다시 공부의 자리에 앉아본다. 깨끗해진 방안을 보니 정말 산뜻하고 기분이 좋다. 이렇게 좋은 것을 왜 그동안 계속 미루기만 했는지 모르겠다. 아마도 입에 쓴 약은 처음에는 먹기가 주저되듯이 좋은 습관은 나쁜 습관에 비해 들이기도 쉽지 않고 계속 유지하는 것도 참 힘든 것 같다.그래도 난 매일 다시 좋은 습관을 들이며 몸과 마음을 회복할 것이다. 그럼 다시 공부를 시작해 보자.    이론 1 - 웹 서비스 동작 방식               사용자는 User-Agent이고 어떤 데이터를 필요로 하는지는 Host의 내용이다.    요청받은 데이터가 html 파일로 전달받는다.                                    퀴즈 ..

이제 남은 실습 문제를 풀어보며 3주 차 학습을 정리해보려고 한다. 어제부터 미세한 눈 떨림이 있어서 공부할 때 무척 신경이 쓰인다. 요즘 눈찜질을 잘하지 않아서일까. 아무튼 컴퓨터 화면만 보지 말고 멀리 있는 풍경도 보며 바람도 쐬고 그래야 할 것 같다.    실습 3 - 모듈 작성하기     문제 풀기 conuter 모듈이 정상 동작할 수 있도록 코드를 수정했다.    하지만 이처럼 오류가 발생한다. 그 이유는 다음과 같다.counter라는 변수가 정의되지 않아서 console.log(counter());에서 오류가 발생한다. counter 모듈을 사용하려면 먼저 require로 불러와야 한다.counter 모듈을 호출하는 부분은 index.js 파일에서 이루어져야 한다. 현재 counter.js 파..

이번에는 모듈 작성과 사용법에 대해서 학습해보기로 하자.     이론 4 - 모듈의 작성과 사용 elice.js를 만들고 어떤 것을 반환할지 module.exports에 써준다.               왼쪽이 키이고 오른쪽의 value이다.     return을 적은 것은 module에 적은 것을 그대로 반환하겠다는 뜻이다.                       사용한다고 명시하지 않았기 때문이다.               퀴즈 3 - 모듈의 작성    exports.module =는 올바른 표현이 아니다. 모듈을 만들고 다른 코드에서 사용하도록 내보내기 위해서는 module.exports를 사용해야 한다.module.exports는 모듈의 기본 내보내기 객체를 지정하는 데 사용되며, 이렇게 설정된 ..

이번에도 두 개의 이론 수업을 한 번에 들으며 수업 내용을 정리해보려고 한다. 이 내용은 내년에 자바스크립트 아주 두꺼운 책으로 공부하며 더 깊게 학습해 볼 수 있을 것 같다.지금은 이런 게 있구나 하며 맛보기로 학습해볼 것이다.     이론 3 - NPX           코드 조각을 NPX에 넣어주어 다운받지 않고 바로 사용할 수 있다.     이론 4 - Node.js의 모듈 입력, 출력 등을 하는 코드를 분리하는 것을 말한다.                                               퀴즈 2 - Node.js의 모듈    이 문제는 틀렸다. 다시 한번 풀어보겠다.     이번에도 틀렸다.     모듈의 모음을 패키지라고 한다. 이번 문제는 조금 어려웠다.     학습을 마..

이제 새로운 단원을 학습해보려고 한다. NPM이라는 낯선 용어가 등장한다. 조금만 자고 새벽 5시에 일어나 공부를 하려고 했는데 5시간을 가까이 자고 아침 7시 반이 다 되어서 공부를 시작해 본다.    이론 1 - NPM 이해하기 온라인이 연결된 환경에서는 어디서는 사용할 수 있다.          NPM을 사용하기 위해서는 커멘드라인을 활용한다.     퀴즈 1 - NPM 이해        이론 2 - NPM 사용해 보기         cmd에 NPM을 입력하면 이를 바탕으로 오른쪽과 같은 파일을 생성한다.                             이미 생성된 디렉터리에 자동으로 저장된다.                소버전이나 대버전을 따로 설치하여 버전을 지정할 수 있다.      다른 곳..

남은 실습 문제와 미션 문제를 마저 풀어보겠다.     실습 7 - Promise 작성과 사용      문제 풀기      세미콜론을 찍으면 오류가 나기도 한다. 어디서인지는 잘 모르겠지만 .으로 시작하는 괄호에 찍을 때인 것 같다.    미션 : async - await 사용하기    promise가 연쇄적으로 나오는 문제가 발생했다. 우리는 여기서 async와 await을 사용해 깔끔한 코드를 작성해볼 것이다.  문제 풀기 async 키워드를 사용해 선언하고, 앞에서 Promise.all을 가져온 후 기다리라는 뜻의 await를 넣어준다. promise의 경우 명령이 연쇄적으로 나오지만, async는 명령을 구분해서 작성하게 된다. await을 붙임으로 순차적으로 실행함을 보여준다.       학습을..

오늘은 날을 새며 공부를 하기로 했다. 요즘 루틴 일지도 쉬고 있는데 오늘부터 다시 시작해 볼 것이다. 며칠 동안의 학습 시간도 한꺼번에 작성하니 조금 힘들다. 이젠 미루지 말아야지. 이어서 비동기 코딩에 대해서 공부해보려고 한다.    이론 2 - 비동기 코딩         여기서 콜백 함수는 consol.log(users를 의미한다.    이렇게 계속 콜백을 하게 되면 들어쓰기가 늘어나니 별로 좋아 보이지 않는다.    then을 사용하여 코드를 더욱 간결하게 사용할 수 있다.                  Async는 어떤 작업을 하겠다는 것을 명시하는 것이다.                    실습 6 - callback 사용하기     문제 풀기 5초 후에 callback이 실행되어 5라는 숫자..

이어서 실습 문제를 더 풀어보겠다.    실습 3 - ES6 arrow function 사용하기    문제 풀기 화살표 함수 표기법으로 변경해 보았다.        실습 4 - ES6 class 사용하기     문제 풀기 프로그래밍 언어처럼 class 객체로 만들어서 코드를 작성했다.       실습 5 - ES6 destructing 사용하기    문제 풀기 destructing을 사용해서 여러 줄 코드를 한 줄 코드로 바꾸어보았다.       학습을 마치고오늘 공부할 분량을 대체로 잘 마친 것 같다. 사실 오늘 아침에 11시에 일어났을 때는 하루를 완전히 망쳤다고 생각했다. 잠도 11시간도 넘게 잤는데 이틀 치 잠을 잔 셈이다. 하지만 끝날 때까지 끝난 것이 아니다는 누군가의 말이 맞았다. 그때부터 ..

2주 차 공부를 시작해 본다. 이번에는 Node.js를 이해하는 여러 다양한 문제들이 제공되어 있다. 놀고 싶은 마음을 뒤로하며 이 공부까지는 그래도 해볼 것이다.    이론 1 - ES6       생산성 향상이라는 것은 작은 기능으로도 많은 기능을 사용할 수 있다는 뜻이다.            백틱을 사용해 변수의 내용의 문자열을 넣거나 개행을 할 수 있다.    화살표 함수를 사용해서 왼쪽에는 변수, 오른쪽에는 할일을 적어 간편하게 만들 수 있다. 익명함수에서 함수 안에 바로 선언이 가능하다.     기존 방식은 생성자 함수와 prototype을 활용했다. ES6 클래스 문법은 더 직관적이고 객체 지향 프로그래밍에 적합하게 개선되었다.                실습 1 - ES6 let, cons..

Node.js를 시작하는 방법에 대해서 배우게 된다. 이론 수업이 끝나면 1주 차의 마지막 미션 문제가 있는데 이것도 풀어볼 것이다.    이론 3 - Node.js 시작하기  Node.js를 사용하려면 설치를 해야 한다. 이것은 굉장히 빠르게 기술이 적용되는데 최신 버전 중에서 안정적인 것을 선택하는 것이 좋다. 이것을 가능하게 하는 것은 LTS 버전이다.         미션 - 용돈 압수  일반적으로 프로그래밍을 하듯이 접근할 수 있다. 문자열이 많이 길어서  + 연산자로 잘라보았다. 이 문제는 split이라는 함수를 사용해서 list 형태로 저장하면 될 것 같다.   문제 풀기 money를 split 문자열로 500원이라는 단어를 쪼갠 후에 변수에 저장하고 이를 콘솔로 출력하면 된다.    실행 결..