728x90 300x250 SMALL 전체 글1219 Git 브랜치란? 개념부터 사용법 까지 1. 브랜치(Branch)란?브랜치는 Git에서 작업의 독립된 흐름(분기)을 만들기 위한 기능이다.하나의 시작점(보통 main 브랜치)에서 가지처럼 분기 되어 새로운 작업흐름을 만든다.마치 나무에서 가지가 뻗어나가듯이, 메인 코드에서 별도로 분리되어 다른 작업을 진행할 수 있다. 만약 책을 쓴다고 생각해보면main 브랜치 : 완성된 출판본feature/chapter2-revision : "2장 수정본" 작업 중feature/new-ending: "새로운 엔딩 초안"즉, 브랜치는 책의 수정본을 따로 떼어내서 작업하는 복사본이라고 볼 수 있다.하지만 전체를 복사하는 것이 아니라, 이전 내용의 변경점만을 저장한다. 2. 브랜치를 왜 사용할까?1. 새로운 기능을 개발할 때기존 코드(main/master)에는 .. 2025. 5. 24. 깃(Git)란? 버전 관리 시스템 완벽 이해 Git이란?Git은 버전관리 시스템(VCS: Version Control System)의 한 종류이다.코드를 작성하고, 수정하고, 다른 사람과 협업하면서 변경 이력을 추적할 수 있도록 도와주는 도구이다.쉽게 말해, 작업한 코드들의 타임머신 역할을 해주는 시스템이다. 왜 Git이 필요할까? 1. 버전관리어제 잘 되던 코드가 오늘은 왜 안되지? 이럴때 이전 코드로 되돌아가고 싶을 때, Git은 스냅샷처럼 이전 상태로 돌아갈 수 있게 해준다.2. 협업여러 명이 동시에 같은 프로젝트를 작업할 때, 누가 물 했는지 추적가능하며 충돌도 해결 가능하다.3. 백업 및 안정성깃 저장소(remote repository)에 업로드하면 로컬에서 문제가 생겨도 복구할 수 있다. Git의 주요 개념용어설명Repository(저.. 2025. 5. 21. 버튼에 다양한 인터랙션 효과 적용하기 앞서 배운 hover, transtion, transform, animation을 조합하여 실전 UI 효과를 구현해 봅시다.예제 목록호버 시 색상과 크기가 동시에 바뀌는 버튼클릭 시 눌리는 느낌의 버튼(:active)포커스 시 강조되고 깜빡이는 애니메이션 추가disabled 상태일 때 스타일 변경 버튼 효과 보기 버튼 효과 보기">버튼 효과 보기 2025. 5. 20. 다양한 의사 클래스(:focus, :active, :checked) css 의사 클래스css 의사 클래스는 사용자의 인터랙션 상태에 따라 스타일을 다르게 지정할 수 있다. 주요 의사 클래스 설명:focus : 키보드 또는 마우스 포커스를 받은 상태(주로 인풋 요소에 적용):active : 사용자가 클릭한 순간(마우스 버튼을 누르고 있는 상태):checked : 체크박스나 라디오 버튼이 선택된 상태 예제1 : 인풋 포커스 시 테두리 강조 "> 예제 2 : 버튼 클릭 시 색상 변화 (:active) 눌러보세요 눌러보세요">눌러보세요 예제3 : 체크박스 선택 시 배경 변화(:checked) 선택해보세요 선택해보세요"> 선택해보세요 2025. 5. 18. 이전 1 2 3 4 5 6 ··· 305 다음 728x90 반응형 LIST