전체 글
-
git3(버전 관리2)git 2022. 3. 31. 11:15
-파일 상태 (untracked → unmodified → modified → staged) 스테이징 : untracked → unmodified → modified → staged / modified → staged 파일 수정 : unmodified → modified 커밋 : staged → modified → unmodified -커밋 메세지 수정하기 (git commit --amend) $ git commit --amend -파일 되돌리기 (git checkout) : 작업 트리에서 수정한 파일 되돌리기 -> git add, git commit 전에 하는거 $ git checkout -- 파일명 -스테이징 되돌리기 (git reset HEAD 파일 이름) : 수정된 파일을 스테이징 했을 때, 스테..
-
git2(버전 관리)git 2022. 3. 29. 16:53
1.깃 저장소 만들기 깃 초기화 $ git init 깃을 사용할 수 있도록 디렉터리 초기화 git init 을 하면 .git 이라는 디렉터리가 생성된다. (숨어있음) .git이 깃을 사용하면서 버전이 저장될 저장소(repository) 2. 버전 만들기 작업 트리(working tree) : 파일 수정, 저장 등의 작업을 하는 디렉터리 ---------------------- 스테이지(stage) : 버전으로 만들 파일이 대기하는 곳 저장소(repository, 리포지토리) : 스테이지에서 대기하고 있던 파일들을 버전으로 만들어 저장하는 곳 [스테이지, 저장소] : .git 디렉터리 ( 숨은 파일 형태로 존재하는 영역, 눈에 보이지 않음 ) -깃이 버전을 만드는 과정 hello.txt 파일 문서를 수정하..
-
git1(리눅스 명령 연습)git 2022. 3. 29. 16:12
-현재 디렉터리 살펴보기 1.현재 위치 경로 $ pwd 2. 디렉터리에서 파일이나 디렉터리 확인 $ ls 3. 파일과 디렉터리 상세 정보까지 확인 $ ls -la 4. ls 명령 옵션 -a //숨김 파일과 디렉터리도 표시 -l //파일이나 디렉터리의 상세 정보도 표시 -r //파일의 정렬 순서를 거꾸로 표시 -t //파일 작성 시간 순으로 (내림차순) 표시 -디렉터리 만들기 / 삭제 1. 디렉터리 생성 $ mkdir test 2. 디렉터리 삭제 $ rm -r test -vim에서 텍스트 문서 만들기 1. 'test.txt' 파일 만들기 $ vim test.txt 2. 빔 모드 입력 모드 : 텍스트 입력, 수정 (I) ex 모드 : 저장, 종료 (Esc + ":wq") 3. 텍스트 문서 내용 확인 $ ca..
-
JS(Async, Await)JS 2022. 3. 23. 17:20
JS 비동기 처리 패턴 중 가장 최근 문법! ☞여러 개의 비동기 처리 코드를 다룰 때 좋다. ☞callback, promise 보다 가독성이 좋다. 사용법 async function 함수() { await 비동기_처리_메서드(); } 1. 함수 앞에 async 예약어 붙이기 2. 함수의 내부 로직 중 HTTP 통신을 하는 비동기 처리 코드 앞에 await 붙이기 예제 function fetchItems() { return new Promise(function(resolve, reject) { const items = [1,2,3]; resolve(items) }); } async function logItems() { const resultItems = await fetchItems(); console...
-
vue14(computed,watch)JS/vue.js 2022. 3. 18. 15:51
const vm = new Vue({ el: '#example', data: { message: 'hello' }, computed: { reversedMessage: function() { return this.message.split('').reverse().join('') } } } → computed 속성인 reversedMessage 선언 console.log(vm.reversedMessage) //"olleh" vm.message = "Nope!" console.log(vm.reversedMessage) //"!epoN" → vm.reversedMessage 값은 항상 vm.message 값에 의존!!!! → vm.message가 바뀔 때 vm.reversedMessage 에 의존하는 바인딩을..
-
JS9(동기/비동기)JS 2022. 3. 17. 12:05
JS는 한 번에 하나의 테스크만 실행할 수 있는 싱글 스레드 방식(브라우저X. 브라우저에 내장된 자바스크립트 엔진O) 으로 동작! 동기 : 순서대로 작동한다. 요청을 보낸 후에 결과가 나와야지 다음 동작이 이루어진다 → 대기 필요 장점은 코드가 직관적이고 간단함 function delayFunc(func, delay) { const delayUntil = Date.now() + delay; while (Date.now() < delayUntil); func() } delayFunc(foo, 5000); zoo() function foo() { console.log("foooo") } function zoo() { console.log('zoooooo') } setTimeout(boo, 2000) xoo(..
-
vue13(vuex)JS/vue.js 2022. 3. 16. 17:59
vuex : 상태 관리 라이브러리 state(상태) : 특정 데이터를 여러 컴포넌트가 공유하고 있을 때 그 데이터를 '상태'라고 한다. 상태 관리 : 애플리케이션에서 사용하는 모든 데이터를 중앙에서 관리 → 효율적으로 데이터 관리 (↔props, emit event, eventbus 활용) - vuex를 쓰는 방법↓ 1. State : 변수 정의 프로젝트 내의 모든 곳에서 참조 및 사용 가능 state를 통해 각 컴포넌트에서 동일한 값 사용 가능 2. Mutations : state 변경하는 로직 (state 변경은 mutation을 통해야만 함! only!) 동기적 로직 : 정의한 로직들이 순차적으로 일어나야 각 컴포넌트의 반영 여부를 제대로 추적할 수 있기 때문에! 함수 형태로 작성 인자를 받아 vu..