Reese.dev

191007-191013

October 13, 2019

REFLECT

  • 유튜브 클론 코딩 Challenge

    • 예습 - #7, #8
    • 과제
    • TIL정리

  • React Nomflix

    • video player 팝업 추가

  • Vanilla JS / React / Hooks 게임 만들기

    • 끝말잇기
    • 구구단
    • 숫자야구
  • 알고리즘 2문제
  • 제로초님의 리액트 웹게임 강좌를 참고해서 한 가지 게임을 Vanilla JS, React, React Hooks 3가지 버전으로 만들어 보고 있다. 수업에서 다루는 게임들을 내가 먼저 구현해보고 강좌를 보면서 놓친 부분이나 새로운 내용을 학습하는 식으로 활용하고 있는데, 동일한 기능을 세 가지 포맷으로 만들다보니 각각의 문법에 대한 이해도를 높이는데 도움이 되고 자연스럽게 교차학습이 되면서 학습 효율이 높아지는 것 같다. 이번 과정을 통해 Hooks에 좀 더 익숙해지길.

 

  • React 코드를 create-react-app을 쓰지 않고 html, jsx파일로 작업 후 웹팩으로 빌드해보았다. 이제 막 웹팩의 원리를 파악하고 단순한 구조의 webpack.config.js를 작성할 수 있는 수준이지만, 잘 익혀두면 개발이 엄청 편해질 것 같다. 어렵지만 유용하다는 점에서 살짝 Git 같은 느낌이다.

 

  • Request.js를 사용해서 간단한 API를 만들어 보았다. 특정 웹사이트의 url을 query로 받아서 접속 가능한 상태인지 알려준다. 단순한 기능이지만 서버에서 요청을 날려본건 처음이라 신선하고 재미있는 경험이었다:)

 

  • HTMLMediaElement의 메서드와 프로퍼티를 활용해서 Custom Video Player를 만들어 보았다. Vanilla JS로 할 수 있는 일이 정말 다양하구나 싶었다.

 

PLAN NEXT WEEK

  • YouTube CloneCoding

    • Code Challenge 과제
    • 예습 - #9, #10
    • TIL 정리
  • 야구 게임 (Vanilla JS / React / React Hooks)
  • 알고리즘 2문제 풀고 정리
  • Node JS todo

 

CONTENTS OF THIS WEEK

JBEE - 나는 어떻게 개발 공부를 했나, 1편 / 2편

양파를 까다말면 눈물만 날 뿐이다.
이왕 까기 시작한거 다 까서 맛있는 요리까지 해보자:)

 

체인지 그라운드 - 작은 성공, 당신이 생각하는 것보다 위대하다

  1. 반복되는 실패는 스스로에 대한 의심과 무기력을 만든다.
  2. 원대한 최종목표와 스마트목표(단기목표)를 함께해야 한다.
  3. 사소하지만 작은 성공, 임계점을 뛰어넘는 경험들은 일을 계속할 수 있는 동기부여가 된다.
  4. 내가 변하면 주변의 사람들도 변화시킬 수 있다.(긍정적 영향력)

작은 성공 경험하기!

@Reese
Sin Prosa Sin Pausa