1. 블록 레벨block-level 요소 & 인라인 레벨inline-level 요소 ! 잠깐 복습 TIME : 태그tag vs. 요소element 태그(tag) 로 묶인 명령어. ex, , , , , , , 등. 요소(element) 태그를 이용해서 만들어낸 웹 페이지 구성 요소. 열린 태그부터 닫힌 태그까지 덩어리를 말한다. ex 1, 안녕하세요. ex 2, 임영웅님이 방송에서 부른 다시 사랑한다면 노래 진짜 좋더라 ex 3, 임영웅님이 부른 다시 사랑한다면 복습 내용 출처: https://bskyvision.com/836 블록 레벨 요소block-level element tag를 사용해 요소를 삽입했을 때 자기 혼자 한 줄을 차지하는 것. = 요소의 너비가 100% 블록 레벨 요소의 양 옆에는 다른 ..

이번 섹션에 포함된 강의명은 다음과 같다. (강의에서 제공된 번역 내용을 기반으로 작성하지만, 간혹 오역으로 판단될 경우에는 내 해석으로 대체할 수 있음..!!) 순서 강의명 소요 시간 중요도 (필수crucial/중요important/선택nice to have) 01 인터넷이 어떻게 동작하는가? (5분 이내로 설명) The Internet in 5 minutes 5' 42" 중요 (but 필수는 ×) 02 웹이란? Intro to the Web 6' 01" 중요 (but 필수는 ×) 03 HTTP 요청 및 응답 과정 HTTP Request/Response Cycle 4' 21" 중요 (but 필수는 ×) 04 프론트엔드와 백엔드 Front-end and Back-end 3' 59" - 05 HTML/CS..

양질의 강의가 많다는 Udemy에서 가장 인기가 좋은 웹 개발 강의를 선택해서 듣기로 했다. 많은 연습을 통해서 최소한 HTML, CSS, Javascript 정도는 자유자재로 다룰 수 있는 상태로 내년에 국비지원학원 수업을 수강했으면 하는 개인적인 바람이 있다. 무엇보다도, 내가 선택한 이 강의, Colt Steele 강사님의 The Web Developer 부트캠프 2022는 전반적으로 풀스택(프론트엔드+백엔드) 과정을 모두 다루고 있는 것으로 보이는데, 나는 이를 통해서 내게 좀 더 맞는 개발 분야를 특정하려고 한다. 프론트엔드가 될지, 백엔드가 될지 모르니까. 강의에 한글 자막도 지원이 되어서 편하게 들을 수 있다. 강사님 목소리도 굉장히 젠틀하니 좋은 것 같다 헤헿 영어 강의를 듣는 드문드문 들..

1. border-spacing: 테두리 간의 간격 조절 * space: (사물들 사이에 일정한) 간격을 두다 border-spacing: 수평거리 수직거리; 표 테두리와 셀 테두리, 셀 테두리 간의 간격을 조절해주는 속성. 1행 1열 1행 2열 2행 1열 2행 2열 ↓ cf 1, 참고로 셀 테두리와 셀 안의 내용 간의 간격을 조정하는 건 padding이다. cf 2, 테두리 간에 벌리고 싶은 수평거리와 수직거리가 같을 경우에는, 하나만 써도 된다. cf 3, border-spacing은 아래쪽의 border-collapse와 같이 사용할 수 없다. 2. border-collapse: 표 테두리와 셀 테두리 합체! * collapse: (경계 등이) 허물어지다 border-collapse: seperat..

1. caption-side: 표에 캡션 넣기 보통 표의 제목을 표시하는 '캡션(caption)' 캡션은 대개 tag의 하위 태그인 으로 많이 표시(예시 1)한다. 예시 1. 방탄소년단 정규 앨범 순서 순서 앨범명 발매일 수록곡 예시 1집 DARK&WILD 2014.08.20. DANGER 2집 WINGS 2016.10.10. 피 땀 눈물, Lie 3집 LOVE YOURSELF 轉 'TEAR' 2018.05.18. FAKE LOVE, 전하지 못한 진심 4집 MAP OF THE SOUL : 7 2020.02.21. 작은 것들을 위한 시, Dionysus ↓ 예시 만들면서 찾아본 BTS 정규 앨범들이다^^;;; 개인적으로 노래만 좋으면 장땡이라 그룹 BTS에 대해서는 잘 모르기에 이참에 월드 스타에 대해 공..

앞에서 했던 1) list-style-type 2) list-style-image 3) list-style-position 을 모두 한꺼번에 표시할 수 있는 방법이 있다. list-style: 속성값; 속성값은 1), 2), 3)에서 쓸 때와 같이 똑같이 작성하면 된다. 예제 1. 예제 2. 목록 관련 스타일 학습한 것을 응용해서 웹 사이트의 세로 메뉴 만들기를 실습해봤다. (더 예쁘게 꾸미려면야 할 수도 있지만, 실습에는 기본만 써보기로^^) 위의 소스 코드를 진짜 메뉴처럼 바꿔보면,