솔미는 성장중

기본 설정 npm init -y npm i -D webpack webpack-cli package.json의 "scripts"내에 "build": "webpack --mode production" 추가 webpack.config.js 생성 후 아래 코드 추가 const path = require("path"); module.exports = { mode: "development", //시작점 entry: path.resolve(__dirname, "src/index.js"), //웹팩 작업을 통해 생성된 결과물 output: { path: path.resolve(__dirname, "dist"), filename: "main.js", }, }; scss를 사용하고 싶다면? npm i -D style-lo..

📌 프레임워크 vs 라이브러리 프레임워크 : 어떠한 앱을 만들기 위해 필요한 대부분의 것을 가지고 있는 것 (Vue.js와 Angular는 프레임워크.) 라이브러리 : 어떠한 특정 기능을 모듈화 해놓은 것 프레임워크 ⊃ 라이브러리 여러개 📌 React : 사용자 인터페이스(UI)를 만들기 위한 JS 라이브러리 (라우팅(페이지 이동), 상태 관리, 테스트 등은 다른 라이브러리를 사용해서 react에서 가능하게 하는 것이다!) 장점 1. 상대적으로 배우기 쉬운 라이브러리 2. 여러 기능들을 위해 만들어져 있는 라이브러리 환경 3. 많은 기업들의 사용으로 검증됨 📌 React 컴포넌트 리액트로 이루어진 앱을 이루는 최소 단위. 여러 컴포넌트가 모여 웹 앱이 만들어진다. ex) 검색 컴포넌트, 포스트 컴포넌트,..