분류 전체보기 345

jest 기본 공부

jest는 페이스북에서 만든 테스트팅 도구이다. zero-config 철학을 가지고 있어서 별도의 설정없이 빠르게 테스트 케이스를 만들 수 있는 것이 장점이다. jest 설치하기 npm install jest --save-dev 개발 할때만 사용하기 때문에 뒤에 --save-dev를 붙인다. package.json에서 수정한다. "scripts": { "test": "echo \"Error: no test specified\" && exit 1" }, 👇 "scripts": { "test": "jest" }, ~.test.js로 끝나거나 __test__폴더에 담겨있으면 자동으로 테스트 파일로 인식한다! 특정 파일만 테스팅하고 싶으면 npm test 뒤에 파일명이나 특정 경로를 붙이면 된다. //fn.j..

🖥FrontEnd 2023.04.28

git 명령어 커스텀하는 방법

1. 어떻게 별칭을 정하고 그것을 어디에 저장할까? (global config file) global git config file을 통해서 깃 설정을 저장할 수 있다. ls .git 명령어를 통해 config 가 있음을 알 수 있다. (이건 local 레포) global config는 하나의 계정만을 사용하기 때문에 전역적으로 설정한다. ex) git config --global user.name 전역적 설정 파일은 .gitconfig 에 위치한다. 홈 디렉토리에 기본 설정으로 숨겨져 있는 파일이다. cat ~/.gitconfig 위의 명령어를 통해 접근할 수 있다. 참고) systemwide config도 있다. 한 머신에 여러 사용자와 계정이 있다면 이 시스템 수준의 파일은 그 모든 사용자들에게 적..

카테고리 없음 2023.04.23

git reflog, git 실수 했을 때 되돌리는 방법

reflog = reference log 참조 기록의 줄임말 ls .git cd logs 실수하거나 깃 로그에서 더이상 볼 수 없게 된 커밋의 해시에 접근해야할 때 유용하다! 주의!! 1. reflog는 지역적이다! (오직 내 컴퓨터의 참조 목록에 대한 변경사항만을 저장한다. ) 2. 영구적이지 않다! 약 90일이 지나면 만료된다. gut reflow show HEAD or 브랜치명 git relow show HEAD vs git log 같지 않다!! git log에는 포함되지 않는 것을 포함한다. 예를들면 내 브랜치 체크아웃을 하는 것에는 기록으로 남기지 않음! 그저 커밋 기록을 가지고 있을 뿐이다. HEAD@{2} => 2번의 움직임 전에 헤드가 어디 있었는지 알려준다. git checkout HEA..

🤼Git 2023.04.23

오픈 소스에 기여하는 방법

1. 기여하고 싶은 레파지토리를 FORK 한다. 2. 내 계정에 fork 받은 레파지토리를 CLONE한다. 3. 기여하고 싶은 레파지토리에 UPSTREAM을 추가한다. git remote add upstream https://github.com/기여하고 싶은 브랜치를 만든 유저명/기여하고 싶은 브랜치명 4. 로컬 상에서 작업을 한다. 5. 내 계정의 레파지토리에 PUSH 한다. 6. 기여하고 싶은 레파지토리에 PULL REQUEST를 보낸다. ‼️pull request를 보내기 전에 원래 레파지토리에 변경된 수정 사항을 pull 받는다. git pull upstream main 클론(Clone)과 포크(Fork)의 차이 공통점 = 다른 원격 저장소의 내용을 복제하여 가져온다 차이점 = 클론(Clone)은..

🤼Git 2023.04.16

clone 받은 레파지토리에서 env 설정하기, go path 설정하기

필요한 키를 받아서 폴더의 최상단에 .env 파일을 만들고 키를 입력한다. 했는데도 아래와 같은 오류가 나왔다. CompileDaemon -command="./main .env" \ -build="wire && swag init && go build -o ./main ./" \ -exclude-dir=docs \ -exclude=wire_gen.go \ -directory . /bin/sh: CompileDaemon: command not found make: *** [watch] Error 127 path를 설정해야한다고 함... cli 환경에서 vim ~/.zshrc 제일 하단에 필요한 path를 설정한다. 여기서는 go path export GOPATH="$HOME/go" export PATH="$..

🤼Git 2023.04.12

docusaurus에서 최신 블로그 글 가져오기

◆ docusaurus에서 최신 블로그 글 가져오는 방법 (사진이나 글쓴이 없이 제목과 링크만 가져오는 방법) import React from 'react' import recentPosts from '../../../../.docusaurus/docusaurus-plugin-content-blog/default/blog-post-list-prop-default.json' const BlogItem = () => { // console.log(recentPosts) return ( {recentPosts.items.slice(0, 5).map((item, index) => ( {item.title} ))} ) } export default BlogItem 참고) https://stackoverflow.c..

🖥FrontEnd/React 2023.04.05

git push 하기 전 comit message 수정하기

1. git log로 히스토리를 확인합니다. git log ♣tip 확인하고 나올때는 :wq를 입력 2. 고치고 싶은 커밋이 위(HEAD)에서부터 어디에 위치한지 확인합니다. git rebase -i HEAD~3 → 위에서 3번째 커밋을 수정하고 싶다! 3. 수정하고 싶은 커밋의 pick을 reword로 수정합니다. ♣tip 수정은 i로 시작하고 수정완료시 esc를 누르고 :wq를 입력 4. reword를 입력했던 부분의 커밋 내용이 나오는데 여기서 수정할 수 있습니다. ♣tip 수정은 i로 시작하고 수정완료시 esc를 누르고 :wq를 입력 위의 내용은 push 하기 전 상태의 commit message 수정할 수 있는 방법입니다. ♣tip 마지막 Commit 메시지 수정하는 방법은 아래 명령어로 간단하..

🤼Git 2023.03.29

.env 환경 변수 파일

✔️ 환경 변수 파일이란? 애플리케이션이 실행될 때 특정 값을 넘길 수 있는 변수를 의미합니다. .env 파일에 정의된 변수를 의미하고, 미리 정의된 값을 애플리케이션에서 활용하고 싶을 때 사용합니다. ✔️ 환경 변수 파일을 왜 사용할까? 👉보안과 유지보수에 용이하기 때문에! port, db 관련 정보, API_KEY 등 오픈소스에 올리면 안되는 값을 dotenv 패키지(환경변수 파일)를 사용해서 소스코드 내에 하드코딩하지 않고 사용할 수 있다는 장점이 있습니다. ✔️ 사용 방법 ▶ .env 내에서 환경변수 적는 방법 REACT_APP_FIREBASE_API_KEY = "" REACT_APP_FIREBASE_AUTH_DOMAIN = "" ▶ 환경변수 가져와서 사용하는 방법 apiKey: process.e..

🖥FrontEnd/React 2023.03.10
반응형