0511-LastWeekend

주말

일요일 알바..
내일은 해커톤 하듯이 보내야 _= hackday 일말의 가능성이 있을 듯

HackDAy 준비

뭘 만들고 싶은지 좀 생각해보자 Ar, Vr을 활용하면 평소에 버스나 지하철에서 진짜 필요하고 간단한 것 최소 mvp만 !!!

MVC + 웹 자판기

처음으로 모델 뷰 컨트롤러 인스턴스를 만들어서 설계를 해보았다. 음, 복잡해지는 느낌이 드는데 아직 크게 장점을 잘 못 느끼겠다.
다만 함수들을 알아서 복잡해지니까 최소한으로 쪼개려고 해야 되는 걸 좀 의식하게 된다. 얘는 지금 이걸 처리한다. 보내주고 처리하고 얘는 이걸 보낸다.
요런식?.?

티몬 인턴쉽 지원…

프로젝트 -> 가장 어려운 문제 어떻게 해결했는지 평소에도 이정도 질문이 나올거라 생각한 무난한 질문이지만…
대답하기 어려웠다.
이유

  1. 프로젝트 평소에 많은 고민 + History 과정들 다음에는 이런 실수나 이렇게 생각하면 더 좋겠다 라는 생각의 과정
    key 정도는 고민하고 있어야
    예를 들면
    이번 mvc자판기 하면서 고민한 부분은 어색한 이벤트가 발생했을 떄 내려주고 컨트롤러가 계속 그 과정을 받아낸다.
    음 … 두개 인스턴스들을 어떻게 계속 접근해줄지에서 고민 …
    property에다가 각자 넣어주어서 클래스 전역변수 접근하듯이 컨트롤러에 접근할 수 있게 해준다. 이 부분에서 오래걸렸고
    좋은 방법인지는 모르겠으나 지금 생각한 방법으로는 베스트
    이벤트할 때 이벤트 그리고 어떤 data를 넘겨주어야 할지…. 지금 생각해보니 그렇게 오래걸릴만한 것이 또 없는데
    왜 이리 오래걸렸는지…
    잘 모르겠다. 아직 우와 이건 고민해서 깔끔하게 했다. 이런 느낌을 받은 것이 없다.
    근데 내 딴에 최선을 다 했다는 느낌을 받은 적은 있지만 흠…
  1. 고민해서 해결한 문제 규모가 크지 않다고 생각…

잘 답할 수 있는 무난한 글을 쓰라는 내용인데도 음 어떤 부분에서 고민이 되었고 어떻게 해결했다.
복잡도가 그래도 좀 있어야 쓸 내용이 좀 많을 텐데 생각보다 처음에 이렇게 해결하려고 했는데 이런 문제가 있었고
다시 돌아가서 이렇게 시도 .. 이 부분은 해결되었는데 또 다른 문제가 이런 history내용이 잘 기억나야 … 쓸 내용이 많을 텐데..
평소에 설계를 애정있게 생각하고 기억하면서 하자
루미랑 얘기했을 때도 조금 큰 규모 과제를 하면서 설계를 어떻게 했는지 공유하자고 했는데 흠… 그냥 짜온 자신에게 조금 부끄러움

  1. 결국 경험적인 부분이

이런 설계에서 고민 + 알고리즘 ->이 묻어나야 되는데 여러 토이 프로젝트를 많이 해보면서 생각을 많이 해야 자신있게 답할 수 있었을 듯 하다

DailyAlgorithm

맙소사 알고리즘 1문제 풀어야 되는데 …

ES 모듈

크롱수업

트랜스 파일 없이 모듈 단위로 개발

다이나믹 로딩 …
OOP , Functinal Programming ,
Spread 짱짱맨 다이나믹하게 이어받을 수 있음 !
ArrowFunction
컬렉션 set/map

가장 어려워 하는 부분 및 많이 쓰는

  1. DOM 조작
  2. 비동기
    async await /
    async - promise (functinal programming monad)
    indexedDB
    프론트가 많이 무거워지면 비동기를 많이 활용 <->
    axiois / fetch
    serviceWorker <-> cache API - pwa
    Object.assign({}, ) 객체 새로운 값 할당
    // generator symobl

여러가지를 들었으면서 es6 대대적인 변화가 왜 만들어 졌는지 어떤 패러다임을 가져오려고 했는지

실습에서 특히 배운 점

  1. 슬라이더 같은 컴포넌트 이전 다음 컴포넌트 전환하는 것을 해보면서 만들 수 있겠다.
  2. Map의 사용 아직 그냥 배열의 index 나 key를 만들어서 넣나.. ‘ㅁ’;;;

    순서와 상관없이 뽑아 쓸 떄 따로 mapping할 key-value를 만들지 않아도 되서 좋다? 아직 적절한 사용을 잘 모르겠으나 괜찮을 것 같다. 자주 써보자 !!!
  3. fetch(url) url.json() 스트링 형태에 가지고 온 자료를 jsonObject로 만들어줌 !
  4. 오늘도 오타작렬 + babel webPack 같은 도구를 아직 쓰지 않는 한 모듈 import는 늘 .js 붙이는 것을
  • 에러메시지 좀 읽자
    cros: ????
  1. fetch -> then then 다음 then은 처리한 return 값 자동으로 들어감 + this.method.bind(this)
    미리 then에서 처리하기 전에 선언 떄 묶어 놓아서 클래스 메소드로 접근할 수 있도록 하기

this call, apply, bind는 아직도 늘 헷갈린다… 정리 자주하자

역시 크롱이랑 뭔가 할 때가 제일 보람차다.

  1. destructuring event.target도 보통 event target을 많이 가지고 오니까 {target}으로 바로 접근해서 가지고 오기도 굿!!! + template에도 {img, title}… 이런식으로 해 놓으니까 더 직관적이다

R과 루미가 있어서 그래도 잘 물어보면서 따라감 :D

ETC

아이디어
Udacity ->자막 의뢰 -> 한글 -> 수수료
이런 사이트 있으면 좋겠다. 때문에 힘드려나 -> Mooc자막 텀블벅인데 사람들이 듣고 싶은 강의 + 자막을 크라우드 펀딩에 의뢰 !
여러명이서 1분 -1분 - 특히 영문과 및 프로그래밍 전공 학생들에게 용돈 벌이 + 수수료 조금 받으면
영어로 된 동영상 강의 자막만 있어도 더 듣고 싶은 것들은 많은데 ‘ㅁ’

오늘의 링크 줍줍

HeadTag

이론과실습사이

이론과 실습 적절히 분배 + _+ 바로 만들 수 있는 것 + 처음부터 자동차를 만들려고 하지 말아라
스케이트 보드에서 리팩토링 리팩토링 살을 붙여가기
[ ] 돈 종류 버튼을 클릭 했을 떄 해당 돈이 있으면 돈을 사용한다
작은 단위 리스트들을 만들어서 체크해가면서 설계하는 것도 좋은 습관을 기르기 좋을 것 같다.
오늘 잠깐 해봤었는데 하나 하나 없애는 맛이 또 재밌었다.

정규표현식
정규표현식 덜덜 기본은 좀 해야 되는데 다른 사람들 다 잘 만 쓰던데 나는 왜 ….

동동글그리드플로트

동동처럼 문제 해결 -> +_+ 공부 내용을 프로젝트 repo위키에 적어 놓는 것도 진짜 좋은 것 같다.