Im Bay

Bootstrap html 코드 자동생성 ! 누르고 엔터 부트스트랩 적용하기 head 태그 블록 안에 title 태그 바로 밑에 붙여 넣기 body 태그 끝나는 줄 바로 위에 아래 코드넣기 ... 부트스트랩의 모든 속성은 클래스 예약어(class=” “)로 지정된다. 버튼 버튼 종류 Primary Secondary Success Danger Warning Info Light Dark Link 레이아웃 화면 너비에 따른 중단점 xs - 576px미만 sm - 576px이상 md - 786px이상 lg - 992px이상 xl - 1200px이상 예시 100% 너비: small 중단점까지 100% 너비: medium 중단점까지 100% 너비: large 중단점까지 100% 너비: extra large 중단점까..

Bootstrap 웹사이트를 쉽게 만들 수 있게 도와주는 CSS, JS 프레임워크 Tailwind 많은 utility 클래스로 이루어진 CSS 프레임워크 HTML 요소의 class 속성에 설정하는 것만으로 스타일링 가능 공식 사이트: https://tailwindcss.com/ tailwind 설치 및 실행 확인 https://tailwindcss.com/docs/installation tailwind 설치했는데 CSS가 적용이 안될 때! cmd 창에서 yarn dev 를 다시 실행해보자 tailwind의 CSS 적용 방식 html에서 이런 식으로 class 안에 꾸미는 코드를 안에 넣으면 output.css에 CSS 코드가 자동으로 추가된다! 코드가 자동 추가된 output.css .bg-sky-700..

CSS(Cascading Style Sheets) HTML이나 XML로 작성된 문서의 전반적인 레이아웃과 스타일을 정의하는 스타일 시트 언어 HTML은 문서의 구조 정의, CSS는 문서의 디자인과 스타일 담당 CSS의 역할 레이아웃 조정 텍스트 스타일링 색상 및 배경 관리 애니메이션 및 전의 효과 반응형 디자인 CSS 선택자 HTML 또는 XML 문서에서 스타일 적용할 요소를 선택하는 방법을 지정하는데 사용 전체 선택자(*) 모든 요소를 선택 ex) * { margin: 0; } 요소 선택자 특정 HTML 요소 선택 (태그) ex) p { color: blue; } 클래스 선택자(.) 특정 클래스를 가진 요소 선택 ex) .highlight { background-color: yellow; } ID 선택..

Tailwind CSS Framework로 UI/UX 구성하기 tailwind 설치 및 실행 확인 https://tailwindcss.com/docs/installation tailwind 설치했는데 CSS가 적용이 안될 때! cmd 창에서 yarn dev 를 다시 실행해보자 tailwind의 CSS 적용 방식 html에서 이런 식으로 class 안에 꾸미는 코드를 안에 넣으면 output.css에 CSS 코드가 자동으로 추가된다! 코드가 자동 추가된 output.css .bg-sky-700 { --tw-bg-opacity: 1; background-color: rgb(3 105 161 / var(--tw-bg-opacity)); } .text-xl { font-size: 1.25rem; line-hei..

Git stash와 clean 임시 저장 git stash [save “label”] 임시 저장, 작업 내역 제거 작업 중이던 내용은 stash로 임시저장되고 사라진다. 여러개의 stash가 stack에 저장된다. (pop) git stash list stash 목록 git stash show stash log 상세 log는 git stash show -p git stash pop LIFO git stash drop LIFO 삭제 git stash branch 현재 작업 중인 내역으로 새로운 브랜치 생성 git stash apply [stashID] stash로 임시 저장해놓은 작업 중인 상태로 복원 git clean -n clean시 삭제될 파일 목록 git clean -d untracked file ..