유료강의6 패스트캠퍼스 프론트엔드 수강 중간 후기 (진도율38%) 후기에 작성하기 전에.. 광고나 홍보가 아닌 개인적인 후기임을 알린다. 수강 계기 vue나 react를 공부하고 싶어서 웹서핑을 하다 보면 꼭 만나는 광고가 있다. 패스트 캠퍼스, ㅈㄹㅂㅇㅅ, 국비 학원 등등... 패스트캠퍼스 사이트에 들어가면 마지막 할인은 ㅇ일 ㅇ시간 남았다며 구매를 독촉하는 느낌이 들어 이미지가 좋지 않았지만 상세 페이지의 내용들은 그야말로 사람을 현혹시키는 내용이었다. 이럴 때야말로 실제 후기를 열심히 찾아보고 수강 신청해야겠다는 생각이 들었는데 패스트캠퍼스의 전반적인 후기는 썩............. ...호평은 아니었다. 혹평 혹은 비난에 가까운 게시물도 여럿 있었고, 신고를 받은 건지 알 수는 없지만 삭제된 게시물도 여럿 있었다. 하지만, 가난한 직장인으로서 다른 온라인 강의.. 2021. 11. 3. 개발관련 사이트 코드펜 : html, css, js 를 웹에서 실행할수있는 https://codepen.io SASS https://sass-lang.com/ PARCEL - 번들러 https://ko.parceljs.org/ WEBPACK - 번들러 https://webpack.js.org/concepts/ NETLIFY : 정적 웹사이트를 위한 호스팅 및 서버리스 백엔드서비스를 제공 https://www.netlify.com/ 2021. 10. 17. bundler 2.bundler 이번 강의 github -> https://github.com/choi-solyi/webpack-template-basic npm init -y npm i -D webpack webpack-cli webpack-dev-server@next //package.json 에 다음 추가 "scripts": { "dev": "webpack-dev-server --mode development", "build": "webpack --mode production" }, parcel과는 다르게 webpack.config.js 파일 생성 후 구성 설정을 추가해줘야한다. @html 경로 추가 npm i -D html-webpack-plugin @static img 추가 npm i -D copy-webpack-plugin .. 2021. 10. 17. bundler 1. parcel 이번강의 github -> https://github.com/choi-solyi/parcel-template-basic 번들러는 대표적으로 parcel과 webpack 이 있다. parcel : 단순한 자동 번들링. 소,중형 규모에 적합 webpack : 매우 꼼꼼한 구성. 중,대형 규모에 적합 프로젝트 생성 후 npm init -y @이미지 정적으로 관리하기 npm i -D parcel-bundler npm i -D parcel-plugin-static-files-copy // package.json 에 다음 추가 "staticFiles":{ "staticPath": "static" } @autoprefixer : 브라우저리스트 옵션은 현재 npm프로젝트에서 지원할 브라우저의 범위를 명시하는 용도. 그.. 2021. 10. 17. Node.js npm 버전관리 / gitignore 유의적 버전 - SemVer 버전 -> 12.14.1 // 메이저.마이너.패치 메이저 버전이 바뀌면 이전버전과 호환이 되지 않음. 마이너 버전은 기존버전과 호환이 되지만 새로운 기능이 추가된 버전 패치버전은 버그, 오타 등이 수정된 버전 맨앞 ^ 캐럿기호가 붙어있으면 메이저버전 중에서 가장 최신 버전으로 업데이트를 허용한다는 의미 npm info lodash // lodash 의 정보 확인에서 버전 확인 가능 npm install lodash@4.17.20 //하위버전으로 변경 npm update lodash npm 프로젝트의 버전관리 버전관리를 할 필요가 없는 파일들 node_modules는 따로 관리하지 않아도 package.json 에서 가지고 있기 때문에 깃에 올리지 않아도된다. node_modu.. 2021. 10. 15. Node.js 설치 및 실행 방법 Nodejs.org 에서 설치해준다. 가능하면 짝수버전 = 현재14 cmd nvm --version //버전확인 nvm ls //list의 약어 nvm install 12.14.1 //다운로드 nvm use 12.14.1 //버전변경 nvm uninstall 12.21.0 //삭제 nvm --help //설명 Node Package Manager == NPM npm init -y //package.json 파일이 생성됨 npm install parcel-bundler -D //parcel-bundler 라는 모듈 다운로드 폴더와 파일이 생성됨 npm install lodash // -D를 붙인것은 Dev디펜던시를 의미 = 개발용 의존성 패키지 -> 추후 웹브라우저에서 사용할 땐 필요 없음 // 안붙인것은.. 2021. 10. 15. 이전 1 다음 반응형
