jonbeo 님의 블로그

Visual Studio Code(이하 VS Code)는 단순한 코드 편집기를 넘어서, Git과 GitHub도 통합해서 쓸 수 있는 강력한 툴입니다.특히 Git 명령어가 아직 익숙하지 않은 초보자 분들에게는 VS Code에서 버튼 클릭만으로 GitHub에 연결하고 푸시하는 과정이 정말 편리하죠.이 글에서는 Git과 GitHub 계정이 이미 준비된 상태에서, VS Code로 어떤 설정을 하면 바로 버전 관리를 시작할 수 있는지 단계별로 알려드릴게요! 1️⃣ VS Code에 Git이 연동되어 있는지 확인하기VS Code는 설치만 하면 자동으로 Git을 감지하지만, Git이 PC에 먼저 설치되어 있어야 합니다. ✅ Git이 설치되어 있는지 확인하는 방법:VS Code 왼쪽 하단에 소스 제어 아이콘이 보이는지 ..

이제까지 배운 position, flex, z-index, 반응형 레이아웃 등을 한꺼번에 실전에서 적용해볼 시간입니다.이번 포스팅에서는 간단한 카드형 UI를 하나 따라 만들어보며,CSS 구조를 어떻게 잡는지, 어떤 순서로 스타일링하는지 복습해보겠습니다. ✅ 목표 UI 구성이번에 만들 UI는 아래와 같은 구조입니다:카드 컨테이너카드 안에는 썸네일 이미지, 제목, 설명, 버튼이 포함됨 ✅ HTML 구조 먼저 만들기 제목입니다 설명 텍스트가 들어갑니다. 자세히 보기 ✅ CSS로 스타일 입히기 .card { width: 300px; border: 1px solid #ddd; border-radius: 12px; overflow: hidden; box-shadow: 0 4px..