TIL - 2021.06.09

Today Ariticle

• npx create-react-app ... 그래서 npx가 뭐길래?

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

그 외 오늘 참고한 아티클들

• windows에서 NODE_ENV를 바꿀 때에는 cross-env를 사용하자

Today I Learned

• npx에 대해 맛만 보았다. 여러가지 장점과 npm과의 차이점이 있지만, 간단히 말해서 npm 환경에서 좀 더 수월한 명령을 내릴 수 있는 새로운 도구?라고 요약할 수 있을지..

• webpack 명령어에서 --mode를 통해 NODE_ENV를 변경하려면 cross-env를 사용해야한다. 이렇게 운영체제에 따라 다른 경우는 피곤하다..

• 따로 무언가 설치하기 싫다면, module.exports에 함수를 할당하고 해당 함수의 인자에 env, argv를 넣어 거기서 추출한다

module.exports = (env, argv) => {
  console.log(env) // { WEBPACK_BUNDLE: true, WEBPACK_BUILD: true }
  console.log(argv) // {  mode: 'production',   env: { WEBPACK_BUNDLE: true, WEBPACK_BUILD: true }
}
	return {
    	mode : ...
    }
}

• webpack --progress 는 빌드 진행률을 보여준다.
• input type='file'로 파일을 추가하면서 onChange 이벤트 핸들러로 e.target.files[0]를 가져온다
• 해당 파일 객체를 new FormData로 생성한 객체에 append하고, post요청으로 보내면 되는 듯
• 단 formData는 console로 찍어봐도 빈 객체만 나온다. 내부속성이 없기 때문이며, append는 폼으로 추가하는 것이지 내부 속성으로 추가하는게 아니다
• file 객체는 JSON.stringfy를 할 수 없다.
  
  

Today Review

• 오늘도 모의 면접 위주로 하고, 환경 구성을 마무리?한거 같다. 아마 진행하다보면 문제가 터질 수도 있지만, 일단 지금까지 설정한 환경을 기반으로 이제 TS와 함께 UI 라이브러리, Recoil을 쓰는 법을 터득할 차례인거 같다