본문 바로가기
반응형

개발/Git, GitHub72

Git Bash - gitignore의 경로가 무시되지 않는 경우 해결하기 (git rm --cached) Git / GitHub 전체 링크 참고 - .env 환경 변수 파일 관리하기 - 커맨드 창을 Git Bash로 변경하기 .env의 파일과 같이 github에 업로드하고 싶지 않거나 커밋을 무시하고 싶은 파일은 .gitignore에서 설정할 수 있다. 예를 들어 저장소의 test 폴더를 업로드 하지 않고 싶다고 가정하자. 그러면 .gitignore에 경로에 /test를 추가하면 된다. /test # Logs logs *.log ... 하지만 test 폴더의 파일을 변경해도 커밋에 여전히 포함되어 무시되지 않는 경우가 있을 수 있다. 해결 방법 위의 경우는 test에 있는 파일이 깃허브에 업로드 되어서 깃이 추적하기 때문이다. 따라서 추적되지 않도록 처리해야 한다. 먼저 git bash로 이동한 후, git.. 2024. 4. 19.
깃허브 액션 - is-website-vulnerable로 웹사이트 취약점 점검하기 Git / GitHub 전체 링크 참고 - https://github.com/lirantal/is-website-vulnerable - github-pages-deploy-action로 리액트 gh-pages 자동 배포하기 인터넷 서점 알라딘의 취약점을 점검하는 깃허브 액션을 만들어 보자. 링크에 있는 예제를 리포지토리의 .github/workflows/check-website.yml에 추가한다. name: Test site for publicly known js vulnerabilities on: push jobs: security: runs-on: ubuntu-latest steps: - name: Test for public javascript library vulnerabilities uses: .. 2024. 4. 18.
깃허브 액션 - github-pages-deploy-action로 리액트 gh-pages 자동 배포하기 Git / GitHub 전체 링크 참고 - gh-pages로 리액트 프로젝트 배포하기 - https://docs.github.com/en/actions/using-jobs/assigning-permissions-to-jobs - https://github.com/JamesIves/github-pages-deploy-action 리포지토리에 코드가 push 되는 것과 깃허브 페이지를 배포하는 것은 별개의 작업이다. (npm run deploy) 리포지토리에 push가 되면 페이지가 자동 배포되도록 깃허브 액션의 yml 파일을 만들어 보자. .github/workflows/push-and-deploy.yml을 만들어 보자. github-pages-deploy-action을 쓰려면 contents의 permi.. 2024. 4. 18.
깃허브 액션 - 리포지토리의 폴더 정보 저장하기 (Chonky File Map) Git / GitHub 전체 링크 리액트 전체 링크 Node JS 전체 링크 참고 - RESTful API로 파일 읽기 - RESTful API로 파일 쓰기 - 로또 번호 수집해서 json으로 저장하기 - 파일 브라우저 만들기 - chonky 기본 설정 확인하기 - 액션 추가하고 다크 모드 구현하기 - 커스텀 액션 추가하기 - Chonky 파일 맵 만들기 - 리포지토리의 폴더 정보 저장하기 - 깃허브 리포지토리를 파일 브라우저로 불러오기 - useNavigate로 Toast UI Editor 이동하기 이전 글에서 구현한 Chonky File Map을 깃허브 액션을 이용해서 리포지토리에 저장해 보자. Chonky 브라우저가 깃허브의 리포지토리에 대한 정보를 불러오려고 한다. GitHub의 RESTful A.. 2024. 3. 16.
깃허브 데스크탑 - This diff contains a change in line endings from 'CRLF' to 'LF' 경고 처리하기 Git / GitHub 전체 링크 참고 - 커맨드 창을 Git Bash로 변경하기 깃허브 데스크탑에서 아래와 같은 Warning이 나타나는 경우가 있다. This diff contains a change in line endings from 'CRLF' to 'LF'. 위 에러는 Windows의 CRLF(Carriage Return + Line Feed)와 Unix의 LF(Line Feed) 호환 때문에 발생하는 문제다. (Line Feed = 줄바꿈 문자) 먼저 Repository → Open in Git Bash를 눌러서 커맨드 창으로 이동하자. 아래와 같이 autocrlf를 true로 설정한다. true로 설정하면 파일을 저장할 때, Windows에서 LF로 저장하고, 체크아웃을 할 때 CRLF로 .. 2024. 3. 13.
깃허브 머메이드 - 활동 다이어그램 그리기 (Draw Activity Diagram using GitHub Mermaid) Git / GitHub 전체 링크 참고 - https://mermaid.js.org/syntax/flowchart.html 깃허브 머메이드를 이용해 활동(액티비티) 다이어그램을 그려보자. 머메이드에서 액티비티 다이어그램은 지원하지 않고 Flow Chart를 지원한다. ```mermaid --- title: Activity Diagram --- flowchart TD A --> B ``` 좌우로 그리고 싶다면 "LR" 로 표기한다. ```mermaid flowchart LR A --> B ``` 총 4가지 (TB = TD) 방식을 지원한다. TB - Top to bottom TD - Top-down/ same as top to bottom BT - Bottom to top RL - Right to left.. 2024. 3. 4.
깃허브 머메이드 - 상태 다이어그램 그리기 (Draw Statechart Diagram using GitHub Mermaid) Git / GitHub 전체 링크 참고 - https://mermaid.js.org/syntax/stateDiagram.html - 상태 다이어그램 깃허브 머메이드를 이용해 상태 다이어그램을 그려보자. "[*]"로 Initial State와 Final State를 표시할 수 있고, "-->" 로 transition을 표현할 수 있다. transition 옆에 ":" 로 텍스트를 추가할 수 있다. ```mermaid --- title: Statechart Diagram --- stateDiagram-v2 [*] --> Source Source --> Target : event [guard] / action Target --> [*] ``` 그리고 direction LR로 방향을 좌우로 변경한다. ```me.. 2024. 3. 3.
깃허브 머메이드 - 시퀀스 다이어그램 그리기 (Draw Sequence Diagram using GitHub Mermaid) Git / GitHub 전체 링크 참고 - https://mermaid.js.org/syntax/sequenceDiagram.html - 시퀀스 다이어그램 깃허브 머메이드를 이용해 시퀀스 다이어그램을 그려보자. actor나 participant로 오브젝트(or Role)를 생성할 수 있고 as를 이용해 nickname을 만들 수 있다. ```mermaid --- title: Sequence Diagram example --- sequenceDiagram actor A participant B actor C as Cookie participant D as Dragon A ->> B : step 1 B ->> C : step 2 C ->> D : step 3 ``` participant와 participan.. 2024. 3. 2.
Git Bash - fetch / pull 할 때 ID, Password 자동 입력하기 Git / GitHub 전체 링크 참고 - https://git-scm.com/docs/git-credential-cache - 개인 토큰 발급 받기 (Personal access tokens) 깃허브의 저장소를 자동으로 sync하려면 fetch / pull 명령어를 하면 된다. git fetch origin main git stash git pull origin main 하지만 fetch를 할 때, 아래와 같이 Username과 Password를 매번 입력해야 한다. Username for 'https://github.com': Password for 'https://github.com : 해결 방법 먼저 git config에서 name과 password를 설정하자. $ git config --glob.. 2024. 3. 1.
반응형

티스토리툴바