TIL - 2021.07.13

Today Ariticle

• 모던 웹 브라우저 - 크롬 브라우저 뜯어보기

• 리뷰는 여기서 - 일일 아티클
  
  

그 외 오늘 참고한 아티클들

• polyfill과 transpiler

• 배열에 비동기 작업을 실시할 때 알아두면 좋은 이야기들

• [Webpack]그래.. sourcemap을 써보자!

• [Express] 프로젝트 생성

• [React.JS] 강좌 11편 Express.js 서버 + 개발 서버 Hot Module Replacement 사용하기

• 웹팩 개발 서버로 부족하다면 webpack-dev-middleware를 사용해 보자

• 03. 웹팩(webpack) express 연동, 핫리로딩

• 영상 ! 자바스크립트 스터디 좋은 책 추천, 그리고 NestJS

• ESLint(TSLint)와 Prettier 함께 사용하기(w/ VSCode)

Today 테코톡

• 🌱 시드의 제네릭

• 리뷰는 여기서 - 일일 테코톡

Today Deep-Dive

• 12. 함수

Today Time Plan

시간대	계획	오늘 한 일
10:00	기획서 분석, issue 등록 회의	기획서 분석, issue 등록
11:00	기획서 분석, issue 등록 회의	기획서 분석, issue 등록
12:00	점심 식사	점심 식사
13:00	기획서 분석, issue 등록 회의	수업(FE)
14:00	기획서 분석, issue 등록 회의	수업(FE)
15:00	수업(FE)	수업(FE)
16:00	수업(FE)	webpack, babel 설정
17:00	페어 프로그래밍 (프로젝트 구조 작성)	webpack / express 설정 (멀티 페이지 어플리케이션)
18:00	저녁 식사	저녁식사
19:00	페어 프로그래밍 (프로젝트 구조 작성)	휴식 , 개발 유튜브(개발바닥 등) 편하게 감상
20:00	페어 프로그래밍 (프로젝트 구조 작성)	webpack dev server + express
21:00	페어 프로그래밍 (프로젝트 구조 작성)	ESLint + Prettier 설정, daily-time-plan
22:00	페어 프로그래밍 (프로젝트 구조 작성)	휴식
23:00	석촌 호수 산책 or 러닝	석촌호수 러닝 3.14km / 16:04 / 5`07``
24:00	일일 아티클 / 일일 테코톡	일일 아티클 / 일일 테코톡 /Deep Dive 12. 함수 읽기
01:00	하루 정리 문서화	TIL, 하루 정리
02:00	일찍 자자

Today I Learned

• 신입의 포트폴리오/이력서에서 바라는건 기술적 완성도가 아니다
  • 어려움을 해결하는 자세
  • 거기서 배움을 얻는 능력
  • 협업을 잘 진행하며 회사에 잘 녹아들 것인가
  • 충돌을 어떤식으로 대처하나 등..

transpile vs polyfill

• transpile : class, const, let등 아예 새로운 문법을 이전 구문법으로 변환해준다.

• polyfill : 모던 브라우저에서만 지원하는 API를 이전 버전의 브라우저에서도 동작하게끔 변경시켜준다.

plugin

• bundle, transpile 등의 과정을 거친 파일에 추가적인 처리를 하기 위해 사용한다. 주로 논의 단계에 있는 기능들이라 정규 스펙에 등록되지 않았기에 사용한다.

webpack / babel

• webpack : 번들러. entry point부터 시작해서 모든 의존성을 확인해서 하나의 파일(bundle)로 묶는다. 파일 수 하나, 적은 용량 덕에 클라이언트-서버 통신의 부담이 줄어든다. 난독화는 덤

• babel : 트랜스파일러. 최신 문법을 맘껏 사용할 수 있게 해준다. 바벨이 있기 전에 feature detection 기법(?)으로 해당 브라우저를 알아내고 그에 맞는 코드를 읽는 방식을 썼다나 뭐라나 ..

Today Health

• 이틀동안 산책 or 러닝을 안 해서 죄책감이 들었으나 오늘에야말로 석촌호수 한 바퀴 뛰기 성공!
• 내 페이스대로 뛰니까 3키로 정도 완주할 수 있었다! 인천에서 뛸 때보다 페이스도 무난한거 같다
• 하지만 날씨가 너무 덥다;;; 언제까지 뛸 수 있을지... 흠...

Today Review

• 이전에 학습했다고 생각했던 webpack/babel 환경 설정에서 또 애먹고 있다. 정말이지 늘 할 때마다 새로운거 같아.. 근데 맞음 왜냐하면 이전과는 다른 새로운 환경을 구축해야하기 때문이다

• 이번에는 express에서 요청 받은 정적 파일을 넘겨주기도 하면서, 부분 적으로는 SPA처럼 CSR를 하는 요상한?? 구조를 해보기로 해서 더더욱 문제가 되었다.

• 배우는건 많지만, 버벅이다보니 프로젝트 속도가 느려서 팀원이 어찌 생각할까 걱정이기도 하다