본문 바로가기
반응형

github57

깃허브 액션 - 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.
깃허브 머메이드 - 활동 다이어그램 그리기 (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.
깃허브 - 개인 토큰 발급 받기 (Personal access tokens) Git / GitHub 전체 링크 참고 - RESTful API로 파일 읽기 - fetch / pull 할 때 ID, Password 자동 입력하기 토큰을 발급받으면 깃허브의 RESTful API나 CLI 사용시 비밀번호를 대체할 수 있다. 깃허브 웹사이트에서 Settings로 이동한다. 왼쪽 하단의 Developer settings를 클릭한다. [Personal access tokens] → [Tokens (classic)] → Generate new token에서 classic을 클릭한다. 토큰에 대한 정보를 입력하고 만기일을 설정한다. 만기일은 무제한을 설정할 수 있지만, 보안에 유의해야 한다. 토큰 권한에 대한 필요한 scopes를 선택할 수 있다. 발급 받은 토큰은 복사해서 로컬에 저장한다. 만.. 2024. 3. 1.
깃허브 머메이드 - 클래스 다이어그램 그리기 (Draw Class Diagram using GitHub Mermaid) Git / GitHub 전체 링크 참고 - https://mermaid.js.org/syntax/classDiagram.html - 클래스 다이어그램 깃허브 머메이드를 이용해 클래스 다이어그램을 그려보자. 비주얼 스튜디오 코드에서 mermaid를 검색하면 Preview 플러그인을 다운 받을 수 있다. 플러그인을 설치하면 아래와 같이 클래스 다이어그램을 미리볼 수 있다. 클래스 다이어그램 화살표 머메이드에서 아래 코드를 작성해보자. ```mermaid --- title: Class Diagram example --- classDiagram classA Navigable Association (A에는 B가 있다. A has B) Realization / Implementation (실체화, 인터페이스 구현).. 2024. 1. 27.
깃허브 액션 - 로또 번호 수집해서 json으로 저장하기 (리포지토리 파일 수정하기) Node JS 전체 링크 Git / GitHub 전체 링크 참고 - Schedule로 반복 작업하기 - RESTful API로 파일 쓰기 깃허브 액션으로 로또 번호를 수집해서 깃허브 리포지토리에 저장해 보자. 참고로 1103회 로또 번호는 다음과 같다. 로또 번호 API 사용하기 동행복권에서는 회차별 로또 번호에 대한 정보를 주는 API를 제공한다. drwNo에 숫자를 넣으면 해당 회차별 번호를 알 수 있다. https://www.dhlottery.co.kr/common.do?method=getLottoNumber&drwNo=${drwNo} Node JS에서 아래 코드를 실행해 보자. const axios = require("axios"); const getLottoNumber = async (drwNo.. 2024. 1. 23.
반응형

티스토리툴바