🌀 autoprefixer parcel-bundler공부 중 vendor prefixer를 자동으로 붙여주는 플러그인에 관한 강의를 들었다. > vendor prefix 벤더 프리픽스(vendor prefix)란 주요 웹 브라우저 공급자가 새로운 실험적인 기능을 제공할 때 이전 버전의 웹 브라우저에 그 사실을 알려주기 위해 사용하는 접두사(prefix)를 의미합니다. 출처: TCP School Autoprefix는 브라우저 출력시 vendor prefix를 자동으로 작성해주는 플러그인이다. (vendor prefix란 브라우저에 따라 특정 css property가 정상작동하지 않는 경우가 있는데, 이 경우에 해당 브라우저의 개발사에서 제공하는 기능(?)인듯 하다..) _수업 내용을 따라서 npm으로 postcss와 autoprefixer를

https://getbootstrap.com/ 📝 npm으로 Bootstrap 프로젝트 생성하기 1. 디렉토리 생성 후 npm project 지정 parcel-bundler는 개발시에만 사용하기 때문에 '-D'를 붙여 개발의존성으로 설치한다. 설치완료 후 생성된 package.json 파일을 열어서 "scripts" 부분에 dev, build 명령을 추가한다. 2. bootstrap 설치 bootstrap은 브라우저에서 동작해야하므로 '-D'을 생략하여 일반의존성으로 설치한다. 3. scss 파일 설정 기본 제공 스타일을 연결한다. 4. js 파일 설정 기본 제공 js파일을 연결한다. 5. scss와 js 파일에서 필요한 기능만 추가하기 js의 경우 기능별로 초기화가 필요한 경우가 있다.