커밋메시지-템플릿-제작

작성자:

1. 메시지 템플릿 파일생성 .git 이 있는 폴더와 동위에 .gitmessage.txt 생성 2. 템플릿 설정 아래의 코드를 .gitmessage.txt 파일에 붙여넣는다. ################ # <타입> : <제목> 의 형식으로 제목을 아래 공백줄에 작성 # 제목은 50자 이내 / 변경사항이 "무엇"인지 명확히 작성 / 끝에 마침표 금지 # 예) feat : 로그인 기능 추가 # 바로 아래 공백은 지우지 … 더 읽기

브랜치-삭제

작성자:

// 로컬에서 브랜치 삭제하기 명령어 git branch -d localBranchName(로컬의 브랜치 이름) // 원격에서 브랜치 삭제하기 명령어 git push origin –delete remoteBranchName(원격 브랜치 이름)

crlf

작성자:

git명령어를 사용하다 보면 간간히 이런 메시지를 볼수 있다. 도대체 무슨 소리인지 모르겠지만 LF 와 CRLF 라는 키워드가 포함된 메시지가 자주 보인다. 위 메시지를 번역하면 경고: 'pages/api/comment/[id.ts]'의 작업 복사본에서 다음 번 Git가 터치할 때 LF가 CRLF로 대체됩니다 라는 의미라고 한다. LF 가 CRLF로 바뀐다는데 이 두개가 무엇인지 알아보자. 🔒원인 LF, CRLF 는 구식 타자기에서 비롯된 단어로 … 더 읽기

브랜치간-커밋이동

작성자:

개발용 브랜치에서 커밋후 배포용 브랜치로 커밋을 옮기고 싶을때 아래의 방법을 사용한다. 1. 작업 시나리오 개발용 브랜치명 – dev 배포용 브랜치명- main 커밋메시지 (번호) – “완료” (b538c0f) 2. 작업 순서 현재 브랜치는 dev 이다 커밋을 옮기고 싶은 브랜치은 main으로 이동한다. git switch main 커밋을 복사한다. git cherry-pick b538c0f 만약 충돌이 발생할 경우 git cherry-pick —skip 입력후 … 더 읽기

깃이란

작성자:

1. 개요 1-1. Git Git은 분산 버전 관리 시스템으로 코드나 파일의 변경 사항을 추적하고, 여러 명이 동시에 작업할 수 있도록 도와줍니다. Git은 로컬 저장소와 원격 저장소를 모두 지원합니다. 버전 관리: 파일의 모든 변경 사항을 기록하고, 필요할 때 이전 버전으로 되돌릴 수 있습니다. 분산 개발: 여러 개발자가 자신의 로컬 저장소에서 작업하며, 다른 개발자의 변경 사항과 통합할 … 더 읽기

install

작성자:

1. 안드로이드스튜디오 설치 아래 링크에서 표시된 버튼을 클릭하여 설치 파일다운로드 🔗https://developer.android.com/studio?hl=ko 이미지 순서대로 수행한다. 계속 OK, NEXT 를 누른다. 2. Dart 설치 안드로이드 스튜디오를 실행후 플러그인에서 다트를 설치 3. Flutter 설치 안드로이드 스튜디오 plugins 에서 설치한다. 설치후 restart 클릭 https://flutter.dev/ 로 이동하여 flutter 설치 → 이미지 순서대로 수행 할것 다운로드 받은 압축파일을 C:/flutter 경로에 압축을 … 더 읽기

7. 트랜지션과-애니메이션

작성자:

이미지 다운로드 개요 본 학습 문서는 웹 페이지에 생동감을 불어넣는 CSS의 핵심 동적 효과인 트랜지션(Transition), 트랜스폼(Transform), 그리고 애니메이션(Animation) 기술을 심도 있게 다룹니다. 요소의 상태 변화를 부드럽게 이어주는 트랜지션의 기본 원리부터, 2D 및 3D 공간에서의 공간 변형을 제어하는 트랜스폼, 그리고 @keyframes를 활용한 정교한 시무브먼트 구현법을 체계적으로 학습합니다. 실무에서 즉시 활용 가능한 카드 뒤집기, 호버 확대, 경로 … 더 읽기

6. 레이아웃

작성자:

이미지 예제는 이미지 다운로드에서 내려받는다. [!INFO] CSS 레이아웃과 반응형 웹 디자인 기법을 다룬다. float로 텍스트 흐름을 조절하고, position으로 요소의 위치를 정한다. 이어서 flex와 grid로 현대적인 레이아웃을 구성한다. 미디어 쿼리, calc(), 반응형 이미지와 영상 예제로 화면 크기에 맞춰 배치를 바꾸는 방법도 확인한다. 1. float [!TIP] 요소를 일반적인 문서 흐름에서 제외하여 부모 요소의 왼쪽이나 오른쪽 가장자리에 배치한다. … 더 읽기

4. 박스모델

작성자:

박스 모델은 모든 요소를 콘텐츠 → padding → border → margin 의 사각형으로 다루는 CSS 핵심 개념으로, 요소의 크기와 간격·정렬이 모두 이 구조에서 계산된다. 01. width,height 설명 요소의 가로 너비와 세로 높이를 지정한다. 최소/최대 크기를 제한하여 반응형 레이아웃에 활용할 수 있다. 값 설명 width 요소의 콘텐츠 가로 너비 height 요소의 콘텐츠 세로 높이 min-width 요소의 … 더 읽기

5. 배경

작성자:

이미지 다운로드 본 문서는 웹 페이지의 시각적 완성도를 높이는 핵심 CSS 속성인 불투명도(opacity)와 배경(background) 설정 방법을 다룬다. 기본적인 색상 및 이미지 적용부터 반복, 위치, 크기 제어, 그리고 복합적인 레이어링을 가능하게 하는 다중 배경 기법을 학습한다. 01. opacity 설명 요소 전체의 불투명도를 설정한다. 배경색뿐만 아니라 자식 요소와 텍스트 등 모든 콘텐츠의 투명도에 영향을 미친다. 값 설명 … 더 읽기