우주바다 개발일지

과제는 homework 폴더 안에서 진행. homework 폴더 열기 그 안에 index.html 파일 만들어서 시작 템플릿 붙여 넣고 시작. *과제 내용 ▼부트스트랩 홈페이지▼ 참고해서 예시 이미지처럼 레이아웃 만들고 주문하기 버튼 누르면 '주문이 완료되었습니다.' alert 하기. https://getbootstrap.com/docs/4.0/components/alerts/ *이미지 : div로 영역 만들고 background에 이미지 씌워도 되고, img 태그만 사용해도 됨. *주문하기 버튼처럼 text 속성을 가진 컴포넌트 가운데 정렬: 가로 길이 설정 , margin: auto; 해서 안되면 display : block ;으로 설정할 것. img 태그로 한 것과 / div 태그로..

예제. 상단 영역 글씨 바꾸고 구글 폰트에서 원하는 폰트 적용. (+이름이 좀 어색한 것 같아서 '나만의'로 바꿨다.) 카드에 링크 제목, 코멘트 줄 추가하고 css로 색 변경 여기까지 했는데 제목을 링크로 거는걸 까먹었다.. a태그로 href 걸고... 글이 링크가 되는 게 뭐더라.. dev tool 찬스. a태그 쓰는 법을 제대로 기억 못했나보다. 글씨를 좀 크게 하고 싶어서 링크 걸고, css로 font-size 조절했다. 마지막으로 제목, 카드제목 글씨 두껍게. font-weight : bold; 까지하고 끝!

[1] 무료 폰트 라이브러리 :구글 폰트 ▼ 구글 폰트 홈페이지 ▼ https://fonts.google.com/?subset=korean Google Fonts Making the web more beautiful, fast, and open through great typography fonts.google.com . 홈페이지 하단에 안드로이드, ios와 web에서 무료로 사용 가능하다고 나와있다. 원하는 폰트를 골랐으면 + Select this style 클릭 링크 복사해서 안의 아래에 붙여넣기. 스타일 태그 맨 위에 *{ } 쓰고, 그 안에 CSS rules 복사해서 붙여넣어 적용. [2] 주석 처리 잠시 비활성화 하고 싶은 코드나, 사람만 읽도록 쓰는 메모 등을 드래그해서 선택한 상태로 ctrl..