주섬주섬 코딩, 소소하지만 꾸준히 쌓아가는 개발 기록...

강의 유튜브 주소 : https://www.youtube.com/watch?v=V3QsSrldHqI&list=PLcqDmjxt30RtqbStQqk-eYMK8N-1SYIFn 필요한 패키지 install 후에 webpack 설정해보기 프로젝트 폴더에서 npm 설정 // cmd npm init 필요한 모듈을 받아준다. react, react-dom, webpack, webpack-cli @babel/core, @babel/preset-env, @babel/preset-react, @babel/plugin-proposal-properties, babel-loader npm install --save-dev webpack webpack-cli npm install --save-dev @babel/core @bab..

강의 유튜브 주소 : http://www.youtube.com/watch?v=V3QsSrldHqI&list=PLcqDmjxt30RtqbStQqk-eYMK8N-1SYIFn 일단 우리가 아는 HTML에서 CDN방식으로 React를 사용하려면 총3개의 script가 필요하다며 강의에서는 하단의 3개의 script 경로를 알려준다. // react // react-dom // babel-loader babel-loader는 react문법을 html에서 알 수 있도록 컴파일하는 역할을 한다. 사용예제

디자인 패턴은 개발 도중 발생한 문제에 대해 정리하여 각 상황에 맞게 쉽고 간편하게 적용해서 사용할 수 있도록 돕기위한 패턴으로, 수단 중에 하나입니다. MVC 패턴 (Model View Controller) 구성요소를 세가지 역할로 구분한 패턴입니다. 페이지, 데이터 처리, 컨트롤 영역의 3가지 파트를 나누어 담당하게 되면 유지보수성, 확장성, 유연성이 증가합니다. 또한 각 역할의 파트가 정해져있기 때문에 중복코딩이 줄어드므로 효율적입니다. 조작은 Controller로 하며 Model을 통해 데이터를 가져옵니다. 그리고 이것을 바탕으로 View를 제어하여 시각적인 것을 사용자에게 노출합니다. Model 애플리케이션의 정보들을 나타내며 이러한 데이터들의 가공을 책임지는 컴포넌트입니다. 즉, 내부 비즈니스..