푸들푸들

저번 글과 이어서.. 전체 ${ct.catName} 글쓰기 번호 ..

https://fontawesome.com/ Font AwesomeThe internet's icon library + toolkit. Used by millions of designers, devs, & content creators. Open-source. Always free. Always awesome.fontawesome.comFont Awesome 라이브러리 추가 : 에 링크 추가크기 조절 : 1~10x 상대적 크기 조절: 2xs, xs, sm, lg, xl, 2xl text  아이콘을 버튼으로 사용하기1) 아이콘 + 배경   버튼에 class="btn btn-primary" 추가: primary는 배경 색 2)  배경색 없애기버튼  style 추가 -> 버튼 class 추가 3) 배경 없이..

https://inpa.tistory.com/entry/CSS-%F0%9F%92%8D-%ED%97%A4%EB%8D%94-%EC%A0%9C%EB%AA%A9-%EB%94%94%EC%9E%90%EC%9D%B8-%F0%9F%96%8C%EF%B8%8F-%EB%AA%A8%EC%9D%8C [CSS] 💍 헤더 제목 디자인 🖌️ 모음헤더 제목 디자인 모음 codepen에서 괜찮은 css 디자인 요소들을 모아 간추려 포스팅 해본다. 모던하면서도 준수한 디자인을 뽐낸다. See the Pen Pure CSS Page Heading / Title Styles by Veda (@vedadesigns) on CodePen.inpa.tistory.com

1. Firebase 기본 세팅 2. Firebase 데이터 추가 코드 3. Firebase 데이터 읽기 및 카드 생성 *** id 값 잘 연결 됐는지 확인    스파르타코딩클럽[왕초보] 코딩이 처음이어도 쉽게 배우는 웹개발 A to Z4주차 ~ 5주차 숙제

**스네이크 케이스 : 모든 단어를 소문자로 표기하고, 단어를 언더바로 연결하는 방법 1. Bootstrap - jumbotron***padding: top bottom left right;    padding: 0 100px; → top, bottom=0 left, right=100px***width, margin, padding 등 style 편집은     먼저 페이지에서 마우스 우클릭-검사-style에서 숫자 고쳐가며 확인해보고 고치기2. Bootstrap - cards 3.구글 폰트  4. 완성 스파르타코딩클럽[왕초보] 코딩이 처음이어도 쉽게 배우는 웹개발 A to Z1주차 ~ 3주차 숙제

프로젝트-스파르타플릭스 만들기(1)상단 만들기폰트 등 이전 파일에서 미리 복사 해두기 부트스트랩- jumbotron 검색마우스 우측 버튼-검사- 해당부분 마우스 우측 버튼-Edit as HTML-복사 꾸미기를 위해 div로 새로 감싸고 새로 class 명명하기 부트스트랩으로 버튼 모양 바꾸기 상단바 만들기 : 부트스트랩-Examples-Headers배경색 검은색으로 바꾸기*태그 이름{} .이름표 이름{}(2) 카드 붙여넣기mycards class 만들기 *4장(3)포스팅 박스 만들기 *style을 바꿀 때 어느 부분은 바꿔야하는지 헷갈릴땐 '해당 페이지-마우스 우측-검사'를 통해 어느 부분인지 확인  스파르타코딩클럽[왕초보] 코딩이 처음이어도 쉽게 배우는 웹개발 A to Z2주차 2-1 ~ 2-4

CSS 기초CSS=꾸미기 - 꾸밀 대상을 지칭하는 것이 중요 태그 안에 묶인 코드만 복사 → style 태그 안에 넣기 → ';' 꼭 확인하기CSS class 탭의 코드 복사 → 전체 적용(*{ })부트스트랩https://getbootstrap.com/부트스트랩 버튼https://getbootstrap.com/docs/5.3/components/buttons/ 프로젝트-추억앨범(1)div안의 내용을 가운데 정렬 버튼 꾸미기 (2)     스파르타코딩클럽[왕초보] 코딩이 처음이어도 쉽게 배우는 웹개발 A to Z1주차 1-7 ~ 1-12