- [ 공부/Git ][git] git action workflow?2024-05-29 09:54:36GitHub Docs - 워크플로 정보 워크플로 정보 - GitHub Docs트리거, 구문, 고급 기능을 포함하여 GitHub Actions 워크플로의 개략적인 개요를 가져옵니다.docs.github.com 0️⃣ github actiongithub action은 github에서 제공하는 빌드, 테스트 및 배포 파이프라인을 자동화할 수 있는 지속적 통합 및 지속적 배포 CI/CD 플랫폼리포지토리에서 PR, 이슈 생성 등 이벤트가 발생할 때 트리거되도록 워크플로우를 구성워크플로에는 하나 이상의 실행될 수 있는 작업이 포함됨각 작업은 자체 가상 머신에서 실행되며 사용자가 정의한 스크립트를 실행 등 하나 이상의 단계가 있음 1️⃣ workflow하나 이상의 작업을 실행하는 자동화된 프로세스리포지토리의 이벤트..
- [ 공부/Git ][Git] 깃허브 Issue 템플릿 적용2024-05-13 19:25:331️⃣ 템플릿 설정리포지토리 세팅에서 'set up templates' 선택 후 원하는 템플릿 선택 📃 템플릿 작성 2️⃣ Commit'Propose changes' 클릭 후 커밋 3️⃣ 확인ISSUE_TEMPLATE 생성 확인
- [ 공부/Git ][Git] Commit message template 설정2024-05-13 18:53:151️⃣ .gitmessage.txt 파일 생성## 파일생성touch ~/.gitmessage.txt## 템플릿 작성vim ~/.gitmessage.txt 📃 템플릿 예시################# : 의 형식으로 제목을 아래 공백줄에 작성# 제목은 50자 이내, 변경사항 명확히 작성, 끝에 마침표 금지# 바로 아래 공백은 지우지 마세요 (제목과 본문의 분리를 위함)################# 본문(구체적인 내용)을 아랫줄에 작성################# 꼬리말(footer)을 아랫줄에 작성################# FEAT : 새로운 기능 추가# FIX : 버그 수정# DOCS : 문서 수정# TEST : 테스트 코드 추가# REFACTOR : 코드 리팩토링# STYLE : 코드 ..
- [ 공부/Git ][Git] Github label 커스텀2024-05-13 17:26:23https://docs.github.com/ko/issues/using-labels-and-milestones-to-track-work/managing-labels 레이블 관리 - GitHub Docs레이블을 만들고, 편집하고, 적용하고, 삭제하여 문제, 끌어오기 요청 및 토론을 분류할 수 있습니다.docs.github.com 1️⃣ 기본 라벨리포지토리에서 Pull request → labels를 클릭하면 확인할 수 있다. 📌 기본으로 제공되는 라벨 종류bug예기치 않은 문제 또는 의도하지 않은 동작documentation설명서 개선 또는 추가가 필요함duplicate유사한 이슈, 끌어오기 요청 또는 토론enhancement새 기능 요청good first issue최초 기여자에게 적절한 이슈help ..
- [ 자격증/정보처리기사 ][정보처리기사] 실기 강의2024-04-04 01:10:21이기적 정보처리기사 실기 핵심 600제 https://youtube.com/playlist?list=PL6i7rGeEmTvolrlW8it_mGjjvsNyeAxUH&si=zUoJ2cFyydUlHYH9 정보처리기사 실기 핵심 600제 이 동영상은 [이기적 정보처리기사 실기 핵심 600제] 도서 중 부록 [프로그래밍 언어] 내용을 바탕으로 제작되었습니다. 👨🏫 동영상 강의는 책의 내용 전체를 낭독하지 않고 핵심 포인트를 www.youtube.com 흥달쌤 https://youtube.com/playlist?list=PLniy99c_7ZfrVN_3-mhDUfTLxggLW23l7&si=MgQwz05WGfAd89pc https://youtu.be/nLdeUsdTxoY?si=6u01CitRSLmoyLMS https..
- [ 공부/React ][처음 만난 리액트] section 7. Hooks2024-03-27 07:21:591. Hooks의 개념과 useState, useEffect 1) Hook이란? hook이란 함수 컴포넌트에 클래스 컴포넌트 기능(state, lifecycle)을 지원하기 위해 나온 것 리액트의 state와 생명주기 기능의 갈고리를 걸어 원하는 시점에 정해진 함수를 실행되도록 만든 것 → Hook use---라고 명명해서 사용 2) useState state를 사용하기 위한 hook 🔎 useState 사용법 버튼을 클릭하면 카운트를 증가하고 카운트를 보여주는 컴포넌트 버튼 클릭 시 카운트가 증가하지만 재렌더링이 일어나지 않아 증가되는 값을 보여줄 수 없음 버튼을 클릭하면 setCount 함수를 호출해 카운트가 증가하고 컴포넌트가 재렌더링되면서 화면에 새로운 카운트 값을 보여줌 🔎 useState 주의..
- [ 공부/React ][처음 만난 리액트] section 6. State and Lifecycle2024-03-26 02:06:371. State와 Lifecycle의 정의 🔎 State란? 리액트 컴포넌트의 상태, 리액트 컴포넌트의 변경 가능한 데이터를 의미 state는 개발자가 정의 렌더링이나 데이터 흐름에 사용되는 것만 state에 포함 state가 변경될 경우 컴포넌트가 재렌더링되기 때문에 성능 저하 렌더링이나 데이터 흐름과 상관없는 값은 인스턴스 필드로 정의 state는 자바스크립트 객체이다 클래스 컴포넌트는 constructor 함수 가지고 있음(= 생성자), 클래스가 생성되면 실행됨 this.state 부분이 현재 컴포넌트의 state를 정의하는 부분 함수 컴포넌트에서는 useState라는 hook을 사용해서 정의함 state는 직접 수정할 수 없다 state는 렌더링과 관련이 있기 때문에 직접 변경하기보단 setter..
- [ 공부/React ][처음 만난 리액트] section 5. Components and Props2024-03-25 22:35:051. Components와 Props의 정의 📌 Components 리액트는 컴포넌트 기반, 모든 페이지가 컴포넌트로 구성 작은 컴포넌트들을 모아서 하나의 컴포넌트를 구성하고 이러한 컴포넌트들이 모여서 전체 페이지를 구성 하나의 컴포넌트를 반복적으로 사용함으로써 전체 코드 양을 줄이고 개발 시간 단축과 유지보수가 용이 🔎 component의 역할 어떠한 속성들을 입력(Props) 받아서 리액트 element를 생성하여 리턴 📌 Props(Property) 리액트 컴포넌트의 입력, 컴포넌트의 속성을 의미 props는 글자나 색깔 등의 속성 등 컴포넌트에게 전달할 다양한 정보를 담고 있는 자바스크립트 객체 2. Props의 특징 및 사용법 📌 Props의 특징 🔎 Read-only 값을 변경할 수 없음 🔎 ..