2023/03/08 9

require.context / 파일경로 가져오기.

이미지파일을 디렉토리별로 분류해서 관리한다. js파일에서 특정디렉토리에 어떤 파일들이 있는지 동적으로 알고싶은데 node처럼 path모듈을 사용할수도 없고..해서 찾아봤더니 require.context가 있더라 const context = require.context("../assets/img", false, /\.png$/); for (const key of context.keys()) { console.log(key); } 참고로 assets/img폴더안에 있는 이미지들을 가져올거다. require.context메서드 파라미터는 각각 첫번째 : 찾을 경로 두번째 : 불린값인데 하위 폴더까지 다가져올거냐 마냐임. 세번째 : 원하는 파일명 정규식 결과를 보면 ./1.png ./2.png ./3.png 이..

javaScript/nodeJs 2023.03.08

git 복습 / git push clone pull

거의 코딩할때마다 쓰던건데 좀 몰랐던 부분을 알아보자. # push 시에 제한 깃헙에 공동작업자 등록이 되어있어야 push가능. 아닐경우엔 clone만가능(퍼블릭 레포지토리인 경우) # 3자가 push했을경우 난 push 못함. 원격저장소에 변동사항이 발생했을경우 못함. 이럴경우엔 어떻게 해야하느냐? git pull # git pull git pull origin main 폴더가 이미 깃헙에 연결된거라면 걍 git pull만 쳐도됨. 그럼 현재 깃헙에있는 자료들로 다시 다 가져와줌. ** 만약 중복? 된거라면 어떻게할까? 이렇게 충돌된다. 머지처럼 수정하고 하면된다. # 원격저장소 branch만들기 깃헙페이지에서 브랜치 만들수 있음. # 로컬에서 원격저장소 branch만들기 git branch 브랜치명 ..

git/etc 2023.03.08

git 복습 / 파일 커밋 복구하기

# 최근커밋으로 되돌리기 git restore 파일명 # 커밋아이디 시점으로 되돌리기 git restore --source 커밋아이디 커밋아이디는 git log --oneline --all --graph 으로 볼수 있음. # 스테이징 취소하기 git restore --staged 파일명 스테이징은 git add 이거. 난 걍 대충 매번 썼는데 취소할수있다. # 커밋단위 복구하기 git revert 커밋아이디 커밋에서 일어난 작업들 다 취소해줌. 커밋아이디 여러개 쓸수도있음. # 특정 커밋시절로 다 돌아가기. 커밋추가되는거아니고 걍 아예 원초적으로 git reset --hard 커밋아이디 협업할때 쓰면 ㅈ됨 다른사람꺼 다 지워짐. 오늘배운건 딱히.. 걍 브랜치 옮기고 망한 브랜치 삭제해버리면될듯..

git/etc 2023.03.08

git 복습 / git branch, merge

# git branch git branch 브랜치명 브랜치를 생성해보자. 난 sample_modify로 만들었음. 간단히 프로젝트 사본을 만들어버린거임. # 브랜치목록 보기 git branch -v # 브랜치 이동 git switch 브랜치명 git switch 브랜치명 # 커밋로그 git log --oneline --all --graph 순서대로 sample_modify 라는 브랜치가 생성됐고 sample branch modify 라는 커밋이됐음 그리고 메인브랜치로 이동해서 from main이란 커밋이 됐음. # merge 먼저 주 브랜치로 이동해야함. git merge 합칠브랜치이름 여기서 중요한게 충돌할수있음 난 sample_modify에서 커밋한거랑 main에서 커밋한거랑 같은파일에 같은줄을 수정..

git/etc 2023.03.08

git 복습 / git difftool, git graph 바뀐코드 비교하기.

# difftool git difftool 이거치고 Y누르면 이렇게 내가 커밋인지 스테이징인지 하고나서 코드가 변한부분을 비교해서 알려줌 **중요! 여기서 그냥 cntl+c누르고 나오면 커맨드에 타이핑하는게 안나오더라. vim에디터로 보는거라 vim에서 안나와져서 그런거같음..(확실하진않음) 따라서 :q!로 나오는게 바람직한것같다. # difftool 커밋아이디 먼저 커밋아이디를 알아야한다. git log --oneline --all 여기서 노란글씨가 커밋아이디임 다음으로 git log 커밋아이디 이걸치고 Y로 vim에디터 들어가면 이렇게 해당 커밋과 지금 코드 변한걸 비교해준다. 근데 난 vim에디터 존나 싫어하는데 다른게 좋은거 없을까? # git graph 익스텐션 이거 익스텐션으로 먼저 깔아주고 ..

git/etc 2023.03.08

git 복습 / add commit log status

# git add . git add . 폴더내 모든파일을 스테이징 처리함 # 여러개 파일 스테이징 하기 git add 1.txt 2.txt 이런식으로 두개.. # 폴더경로까지 처리 git add folder/file.txt 폴더내 개별파일 스테이징. # git status 파일을 수정하였을때 브랜치 main에서.. index.js가 수정되었다. 하지만 스테이징처리는 안되었다 뜻. 스테이징까지 한다면? (git add .) 이렇게 변한다. # 깃 커밋내역 보기 git log 이렇게 커밋내역이 나온다~

git/etc 2023.03.08

티스토리 코드 붙여넣기

내 티스토리블로그는 아주 다크하다.. 코드를 복붙할때 안보여서 이렇게 해놨는데 이때문에 음울한 블로그가 된듯하다.. 블로깅을 6개월정도 하고나서 이제야 방법을 알아봤다(게으름 ㅠ) 그냥 간단하다 저기 쩜쩜쩜에 코드블럭 누르고 쓰면된다. 이렇게하면 복사가능한 텍스트형식으로 코드를 쓸 수 있다. 다만 내가 vs코드에서 쓰는 코드색깔대로는 안된다. 샘플은? import { reactive } from "vue"; import { useRouter } from "vue-router"; 이로케하면된다! 단축키는 cntl + alt + , # snap shot 익스텐션 더 이쁜데 다만 사진으로 나오는거다. vs코드에서 snapshot 익스텐션을 설치후 코드 드래그 후 cntl + shift + p에서 snapsho..

etc/etcTools 2023.03.08

깃 저장소의 폴더만 삭제하기.

https://velog.io/@dailyhyun/TIL-github%EC%9D%98-%ED%8C%8C%EC%9D%BC%ED%8F%B4%EB%8D%94-%EC%82%AD%EC%A0%9C%ED%95%98%EA%B8%B0 [TIL] github의 파일/폴더 삭제하기 파일 삭제하기, 폴더 삭제하기 모두 터미널 창 또는 cmd를 켠 뒤 삭제하고자 파일/폴더가 있는 위치로 이동해서 실행하기! velog.io 2. 로컬 디렉토리에서는 삭제하지 않고 git에서만 삭제 실수로 .class 같은 커밋하지 말아야 할 파일들을 커밋하는 경우가 있다. 이런 경우 다음 명령어를 사용하면 로컬 디렉토리의 파일은 유지한 채 git에서만 삭제할 수 있다. $ git rm --cached HelloJAVA.class $ git com..

git/etc 2023.03.08