반응형 GIT6 멋쟁이사자처럼 프론트엔드 부트캠프 14기 - Day 20 (쌓임 맥락(stacking context), Subgrid, 컨테이너 쿼리, 테일윈드, git stash) 목차쌓임 맥락(stacking context)Subgrid그리드 레이아웃(line name)컨테이너 쿼리Tailwind CSS 인트로Git stash오늘 하루를 돌아보며 쌓임 맥락(stacking context)쌓임 맥락(stacking context)은 HTML 요소들이 화면 위에 어떤 순서로 겹쳐서 표시되는지를 결정하는 3차원적인 개념이다. 요소가 3차원에서 쌓이는 기준 틀이라고 볼 수 있다. z-index는 같은 쌓임 맥락 안에서 쌓이는 순서를 지정한다. 새 쌓임 맥락을 생성하는 조건은 다음과 같다.position이 relative, absolute, fixed, sticky이면서 z-index가 auto가 아닌 값translate 속성으로 이동하거나 margin 값을 음수로 가져서 요소가 서로 겹.. 2025. 5. 20. 멋쟁이사자처럼 프론트엔드 부트캠프 14기 - Day 16 (폼 스타일링, 그리드 레이아웃, git reset) 목차폼 스타일링(과제 리뷰)그리드 레이아웃git reset오늘 하루를 돌아보며 폼 스타일링(과제 리뷰)체크 박스체크 박스의 모양을 svg 파일로 바꾸고 싶을 때 svg나 img로 마크업하거나 배경 이미지로 지정할 수 있다.img 요소를 사용하려면 자바스크립트를 사용하여 상태(unchecked/checked)에 따라 src로 접근해서 이미지를 바꿔야 한다. 추천하지 않는 방법이다.svg로 마크업하면, 상태에 따라 fill 값을 조절할 수 있다.배경 이미지로 마크업하면 label의 배경 이미지로 지정하고, 상태에 따라 배경 이미지를 변경할 수 있다. accent-color 속성을 사용하면 체크 박스 모양의 색상을 지정할 수 있다. text-indent는 첫 줄 들여쓰기를 지정하는 속성이다. block일 때만.. 2025. 5. 14. 멋쟁이사자처럼 프론트엔드 부트캠프 14기 - Day 10 (타이포그래피, 박스 모델, 리스트 스타일링, 배경 스타일링) 목차타이포그래피박스 모델리스트 스타일링배경 스타일링오늘 하루를 돌아보며 타이포그래피fonts는 글꼴, 글자 크기, 굵기 등 다양한 스타일링을 할 수 있는 속성이다.더 자세한 정보 보러가기 CSS Fonts Module Level 3This CSS3 module describes how font properties are specified and how font resources are loaded dynamically. The contents of this specification are a consolidation of content previously divided into CSS3 Fonts and CSS3 Web Fonts modules. The description ofwww.w3.org f.. 2025. 5. 3. 멋쟁이사자처럼 프론트엔드 부트캠프 14기 - Day 3 (Git을 이용한 버전 관리) 목차git init 저장소 생성git commit 파일의 변경 사항에 대한 이력 생성git status 현재 상태 확인Git의 3가지 영역Working Directory 작업창Staging Area 인덱스Repository 저장소add 파일의 변경 사항을 Staging Area에 추가작업 내용 취소, 되돌리기git log 커밋 이력 확인git checkout HEAD~# 과거 커밋 이력 확인git branch 브랜치 생성 및 이동git remote 리모트 브랜치(Github) 연결git push 로컬에서 변경한 내용을 리모트로 전송하기git pull 리모트 브랜치에서 로컬로 내용을 가져오기오늘 하루를 돌아보며 1. git init 저장소 생성현재 디렉토리를 Git 저장소로 초기화한다. 이 명령어를 실행.. 2025. 4. 29. 멋쟁이사자처럼 프론트엔드 부트캠프 14기 - Day 2 (CLI & Git(버전 관리)) 목차셸(Shell)셸(Shell)이란?주요 셸 종류rc로 끝나는 파일(.zshrc, .bashrc)CLI(Command Line InterfaceCLI란?CLI 주요 명령어Git을 활용한 버전 관리버전 관리(Version Control)란?Git 명령어가장 기억에 남는 순간 셸(Shell)셸(Shell)이란?셸(Shell)은 운영체제와 사용자 간의 인터페이스(중간 다리) 역할을 하는 프로그램이다. 다시 말해, 컴퓨터한테 말을 거는 통역사 같은 것이다. 내가 키보드로 입력하는 명령어(CLI Command Line Interface 명령 줄 인터페이스)를 받아서 운영체제한테 "이거 해주세요"라고 전달하고 결과를 다시 화면에 보여주는 역할을 한다. 껍질이라는 뜻의 셸은 운영체제의 핵심을 직접 건드리.. 2025. 4. 27. 이전 1 2 다음 반응형
