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

마지막 남은 문제까지 열심히 공부해 보자. 이 공부를 마치면 중간시험 마지막 과목인 SQL 시험 문제를 풀어보려고 한다. 그런 다음 지난번에 다 마무리하지 못한 MySQL 프로그램으로 남은 학습을 끝까지 마칠 예정이다.커서를 공부하다가 너무 지루해서 서둘러 공부를 마지고 마지막 단원을 공부하지 않은 게 마음에 걸렸다. 그럼 이제 실습 문제를 풀어보기로 하자.    실습 2 - Router 사용하기     문제 풀기 파일을 수정하여 라우터 모듈을 app 객체에 ‘/users’ 경로로 연결했다.       미션 - 계층적 구조의 라우터 사용하기       이 문제는 Express.js를 사용하여 계층적 구조의 라우터를 설정하는 것에 대해 알아본다. 현재 서버는 /users 경로에 userRouter로 연결되..

이번에는 Express.js의 동작 방식에 대해서 공부해보려고 한다.     이론 5 - Express.js 동작 방식 디렉터리에 접근하는 것은 cmd나 터미널 환경으로 사용하는 방법이다.                    경로에 맞는 함수를 제공한다.                         이 값들을 추후에 활용할 수도 있다.         빨간색 칸이 request 헨들러이다.                             퀴즈 2 - Express.js       실습 1 - Path parameter 사용하기     문제 풀기 say 뒤에 어떤 문자열이 오든지 해당 문자열을 응답으로 출력하는 코드를 작성해보았다.       학습을 마치고Express.js가 무엇인지 조금 맛을 보는 정도이지..

Express.js가 무엇인지 알아보기로 하자. 이 수업은 비교적 짧은 강의로 이루어져 있다.    이론 3 - Express.js 시작하기      설치하고 이를 바탕으로 객체를 만든다.    npm init보다 쉬운 방법이다.         이론 4 - Express.js의 구조 이러한 구조로 되어 있다. 이제 이 구조들을 하나씩 살펴볼 것이다.    학습을 마치고이번 수업은 간단하게 Express.js가 무엇인지 알아보는 시간이었다. 더 자세한 내용은 다음 학습에서 진행하게 된다. 이제 마지막 이론 수업만이 남아있으니 좀더 힘을 내서 학습을 마무리해볼 것이다.

아침에 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라는 숫자..