본문 바로가기

전체보기

 (286)
.gitignore로 설정하기 전에 이미 git stage에 추가했을 경우 지우는 방법 .gitignore에 파일이나 폴더명을 넣으면 working directory에서 해당 파일이 수정되더라도 git stage 대상에서 제외된다. 그러나 이미 stage에 추가했을 경우에는 먹히지 않는다. 이를 해결하려면 stage에서 지워야 한다. 다음을 입력하면 stage에서 파일을 삭제할 수 있다. git rm --cached -r 파일이나폴더이름 --catched는 stage에서만 지우겠다는 옵션 그리고는 새롭게 commit을 해야 한다.
비쥬얼 스튜디오 코드를 터미널에서 여는 명령어 비쥬얼 스튜디오를 설치하고 터미널에서 code .을 입력하면 VSCode가 현재 디렉토리를 열어준다. 그런데 처음에는 code라는 명령어가 없다는 오류 메시지가 뜬다. 이를 해결하기 위해서는 vim으로 ~/.zshrc를 열고 제일 아래에 다음을 저장해야 한다. export PATH="$PATH:/Applications/Visual Studio Code.app/Contents/Resources/app/bin" 맥 카탈리나 이상 버전인 경우에 그렇다. 이후 비쥬얼 스튜디오에서 command + shift + p 키를 누르고 shell command를 입력하면 나타나는 shell command install을 선택해주면 컴퓨터를 껐다가 켜더라도 code . 명령어로 비쥬얼 스튜디오를 열 수 있다. 참고 : s..
유용한 git 설정 1. global 영역에 이름을 설정한다. git config --global user.name "socratone mac" 이름에 띄어쓰기가 들어갈 경우 쌍따옴표로 string을 감싸야 한다. 2. global 영역에 이메일을 설정한다. git config --global user.email socratone@gmail.com 3. git commit 명령어로 git을 편집할 때 쓸 editor를 설정한다. git config --global core.editor "code --wait" 비쥬얼 스튜디오와 같은 에디터를 열기 위한 code 명령어가 제대로 설정되어 있어야 잘 작동된다. code 명령어를 설정하려면 아래 링크를 참고하자. thinkforthink.tistory.com/248 --wait ..
맥에서 ssh 키 만드는 방법 SSH는 Secure Shell Protocol의 약자로 두 컴퓨터가 인터넷과 같은 네트워크를 이용해서 통신을 할 때 보안상 안전하게 전송하는 용도로 쓰는 프로토콜이라고 한다. 1. 터미널에 다음을 입력해서 ssh 키가 있는지 확인한다. cd ~/.ssh ls id_dsa나 id_rsa라는 파일이 있고 .pub 확장자가 붙은 파일이 쌍으로 하나 더 있다. .pub가 public 키이고 다른 파일이 이에 대응하는 secret 키다. 만약 .ssh 디렉토리가 없다면 만들어야 하고 파일도 생성해야 한다. 2. ssh 키를 생성하려면 다음을 입력한다. ssh-keygen -o 그리고는 이어지는 옵션에 엔터만 연달아 입력해도 id_rsa 키와 id_rsa.pub 키가 생성된다. 처음 나오는 Enter file....
자바스크립트의 this 마스터 하기 자바스크립트에서 this가 가리키는 객체는 상황에 따라 조금씩 다르기 때문에 확실히 정리하지 않으면 디버깅의 늪에서 헤어나올 수 없다. 1. 함수와 메소드 자바스크립트에서 function은 함수와 메소드로 구분한다. 어떤 객체에도 포함되지 않은 function을 함수라 하고 전역 객체가 아닌 객체에 포함된 function을 메소드라 한다. 함수 안에서의 this는 전역 객체(window)를 가리키고 function func() { console.log(this); } func(); // this = window 메소드 안에서의 this는 부모 객체를 가리킨다. var obj = { method() { console.log(this); } } obj.method(); // this = obj; 다음과 같은..
php 시작하기 한물 간 기술이지만 php로 만들어진 프로젝트가 있어서 어쩔 수 없이 공부했다. 생활코딩의 이고잉님이 너무나도 잘 설명해주신다. www.opentutorials.org/course/3130 자바스크립트나 다른 언어에 익숙하다면 1.5배속 이상으로 하루만 투자해도 충분한 것 같다. 생각보다 러닝 커브가 낮으니 필요하다면 겁먹지 말고 시도해보자.
웹팩을 이용해서 리액트 프로젝트 만들기 npx create-react-app 폴더이름 위 명령어를 이용하면 리액트 프로젝트를 쉽게 만들 수 있다. 필요한 파일들을 모두 설치해주고 저장할 때마다 웹페이지가 실시간으로 바뀌는 설정까지도 해줘서 편하다. 웹팩을 이용해서 이를 따라할 수 있는데 디테일한 설정을 마음대로 할 수 있고 요즘 가장 인기 있는 번들러 웹팩을 어떻게 쓰는지 배울 수 있어 의미 있는 작업이 되지 않을까 싶다. 1. 프로젝트 폴더를 만들고 폴더 안에서 npm init -y를 입력한다. 2. 아래의 package.json 내용을 참고해서 필요한 모듈들을 설치한다. "dependencies": { "react": "^16.13.1", "react-dom": "^16.13.1" }, "devDependencies": { "@babel/..
Gulp 시작하기 기본 동작 원리 1. 프로젝트 폴더에서 걸프를 설치한다. npm install gulp --save-dev 2. gulpfile.js 파일을 생성해서 아래와 같이 작성한다. var gulp = require('gulp'); gulp.task('task-name', function() { // ① }); 터미널에서 gulp task-name을 입력하면 ①이 실행된다. SASS를 CSS로 바꾸는 방법 1. gulp-sass를 설치한다. npm install gulp-sass --save-dev 2. gulpfile.js에 다음을 입력한다. var gulp = require('gulp'); var sass = require('gulp-sass'); gulp.task('sass', function() { ret..

티스토리툴바