# minimize
[책책책, 책을 읽읍시다] 5. 이슈들
프로젝트가 얼추 끝나 진행하며 생긴 이슈들을 정리하고자 한다. > 완성본이 궁금하다면? [배포 링크] https://courageous-hamster-cbe0a4.netlify.app/ [레포지토리] https://github.com/0hhanum/Book-Book-Book 1. Safari Rotate 애니메이션 문제 rotateX, rotateY 트랜지션을 이용한 프로그래스 컴포넌트를 만들었는데, 사파리에서 확인하니 애니메이션을 준 컴포넌트의 가상 배경같은게 생겨서 그놈이 같이 돌아가는 요상한 현상을 발견했다. 요런 애니메이션이, 
본격적으로 Webpack Optimize 하기 (Bundle Analyzer, Chunk, Minimize, Uglify)
이제 Webpack을 통하여 본격적인 Optimize를 진행해보려고 한다! 사실 Webpack5가 도입이 되면서 아주 기본적인 최적화를 default로 진행을 해준다고 한다. 하지만, 이외의 Plugin과 Optimaization 옵션을 적절하게 사용하면 번들크기를 줄이는데 도움이 되고, 번들을 줄이는 매커니즘(?)을 배워가는 과정이 될 것이라 생각하니 쪼매 설렌다. Webpack Analyzer Plugin Webpack Analyzer Plugin은 Bundle 들의 크기 및 구성이 어떻게 이루어져있는지 시각적으로 보여주는 Plugin이다. 이전에 [최적화 포스트](https://velog.io/@buddle6091/%EC%84%B1%EB%8A%A5-%EA%B0%9C%EC%84%A0-4.-LightHouse-%EC%A7%84%EB%8B%A8%ED%95%B4%EC%84%9C-%EB%82%98%EC%98%A8-%EB%AC%B8%EC%A0%9C%EC%A0%
Webpack 만으로는 code splitting이 안된다. (React Lazy, Suspense)
webpack은 언제 적용이 되나요? 아래는 내가 질문한 개발자 커뮤니티 (Careerly) 질문의 해답이다. 물론 질문은 리액트 내장 실행어 react-scripts start는 웹팩의 적용을 받나요? 웹팩 변경 사항을 확인하려면 webpack ~ 관련 명령어를 쳐야하나요? 이다. Webpack 이외의 방법으로 Code Splitting 아무튼 Webpack을 도입하여 번들링을 하였지만, 번들사이즈는 여전히 1600대이며, lightHouse 수치는 70을 뚫지를 못하고 있다. 물론 수 많은 webpack 설정을 도입한 것이 아니라서 그렇지만, 사용하지 않는 컴포넌트까지 한번에 부르
모두를 위한 딥러닝 1 :: Lecture 3 How to minimize cost
Linear Regression의 Cost함수 최소화 방법 : Gradient descent Algorithm 경사하강법 Linear Regression의 모델링 함수 H(x)와 손실함수 cost(x)의 복습: H(x)가 주어졌을 때, 실제의 y값과의 차를 이용한 손실함수를 이용해서, W, b의 값을 구해준다. 이 때, 어떠한 방식으로 값을 구할 수 있을까? b= 0으로 가정한, y=x라는 linear Regression을 추정하는 예시) 다음과 같은 테이블의 변수가 주어졌을 때,