오늘도 기록it

command + ⬆️ 맨 위로 command + ⬇️ 맨 아래로 command + ⬅️ 문장 제일 앞부분 command + ➡️ 문장 제일 뒷부분 command + shift 선택이된다. command + c 복사 command + x 잘라내기 command + D 단어를 선택하고 여러번 누르면 같은 단어가 선택됨 option + click 여러줄 선택 option + command + 아래 방향키 여러줄 선택

SCSS css 파일명을 전부 scss로 변환시키고 npm i -D sass-loader sass 패키지를 다운로드합니다. module : { rules:[ { test:/\.s?css$/, // .css , .scss 파일을 찾는다. use: [ 'style-loader', //순서가 중요하다! 'css-loader', 'sass-loader' ] } ] }, webpack.config.js 파일에 module 부분에 sass-loader를 추가해준다. Autoprefixer npm i -D postcss autoprefixer postcss-loader 패키지를 설치해주고 module : { rules:[ { test:/\.s?css$/, // .css , .scss 파일을 찾는다. use: [ 's..

webpack 은 parcel과 다르게 npm i -D webpack webpack-cli webpack-dev-server@next 명령어를 작성해준다. { "name": "webpack-template-basic", "version": "1.0.0", "description": "", "main": "index.js", "scripts": { "dev":"webpack-dev-server --mode development", //개발모드 "build":"webpack --mode production" //제품모드 }, "keywords": [], "author": "", "license": "ISC", "devDependencies": { "webpack": "^5.61.0", //webpack 패키..

autoprefixer 공급 업체 접두사(vender prefix)를 자동으로 붙여주는 패키지 npm i -D postcss autoprefixer 1번째는 postcss 2번째는 autoprefixer 설치하고 { "name": "parcel-template-basic", "version": "1.0.0", "description": "", "main": "index.js", "scripts": { "dev": "parcel index.html", "build": "parcel build index.html" }, "keywords": [], "author": "", "license": "ISC", "devDependencies": { "autoprefixer": "^10.4.0", "parcel-bu..

Parcel, webpack, Rollup 등이 있습니다. vue react sass 등을 웹에서 사용할 수 있도록 bundler를 통해서 바꿔줄 수 있습니다. Parcel 은 구성 없는 단순한 자동 번들링으로 소/중형 프로젝트에 적합하다. webpack 은 매우 꼼꼼한 구성으로 중/대형 프로젝트에 적합하다. 이미지를 favicon으로 변경하는 방법은 https://www.icoconverter.com/ 이 주소로 들어가서 파일을 선택하고 픽셀은 32pixels로 정한뒤 convert하면 favicon.ico 파일을 만들 수 있다. logo를 복사해서 파일을 실행하면 parcel bundler 가 dist 안에 있는 폴더를 실행 시키기 때문에 favicon.ico 파일이 폴더에 없어서 실행 되지 않는다...

복제를 하면 master만 복사가 된다. 이러한 명령어를 사용하면 purple 브랜치를 가져올 수 있다. 브랜치를 잘 못 가져왔을 경우 이러한 명령어를 통해 삭제 가능하다. 새로운 브랜치를 만들면서 바로 이동하는 방법, 이런식으로 회사에서 관리하던 프로젝트를 집에서도 관리 할 수 있습니다. ///////////////오류처리/////////////////////////// - 원격 저장소에 저장할 때는 'git push origin 가지이름'으로 푸쉬!해준다 그 전에 원격 저장소와 로컬 저장소의 폴더 구성이 다르다면, 즉 갱신 상태가 다르다면 먼저 pull, 그러니까 둘의 상태를 같게 해줘야 한다. - 'git pull'로 하면 된다! * error: failed to push some refs to '..

reset 명령을 통해서 한단계 전 버전으로 돌아갈 수 있다. 현재 버전은 없어지고 전 버전이 최신버전으로 남는다. 실수로 전 버전으로 갔을 때 원상복구를 할 수 있는 명령어 이다. 2개의 버전 전 단계로 갈 수 있다.

github에 로그인하고 나서 repositories 를 누르고 원하는 파일에 들어가서 code를 누르고 주소를 복사한다. vscode를 실행하고 원하는 경로에 githube 주소를 입력해 주면 파일이 다운된다.

github에서 상단 메뉴 중에 Pull requests를 누르고 오른쪽 중간에 new pull request를 누른다. 이런 화면이 나오는데 왼쪽 브랜치는 합쳐질 브랜치 오른쪽 브랜치는 수정된 브랜치이다. 병합이 가능하면 able to merge라는 문구가 나오고 create pull request 버튼을 누르면 된다. 글을 쓸 수 있는 칸이 나오고 create pull request 버튼을 한번더 누르면 된다. 다 완성되고 밑으로 내리면 이걸 한번 더 누르고 마지막으로 눌러주면 성공 병합이 되었다고 merged로 나오는걸 확인할 수 있습니다.

git branch ->master C:\Users\Owner\Desktop\test\starbucks>git branch signin //새로운 signin branch 만들기 C:\Users\Owner\Desktop\test\starbucks>git checkout signin Switched to branch 'signin' //branch를 signin으로 변경하기