코딩자율학습

안녕하세요! 멘토를 당담하게 된 박브레드입니다. 오늘은 여섯 번째 날로, CSS 공부 두 번째 날입니다! 그러면 5장 선택자 다루기를 이어서 공부해 볼까요? 오늘 공부할 내용은 다음과 같습니다. 🏃 공부할 내용(142~169p) 5. 기본 선택자 사용하기 6. 조합 선택자 사용하기 7. 가상 요소 선택자 사용하기 8. 가상 클래스 선택자 사용하기 9. 다양한 선택자 조합하기 5. 기본 선택자 사용하기 5.1 전체 선택자 전체 선택자는 HTML에서 사용할 수 있는 모든 요소를 한 번에 선택자로 지정하는 방법입니다. * 기호를 사용해 전체 선택자를 표시할 수 있어요! 다음과 같이 * 기호를 통해 스타일을 지정하면 h1, p 태그 모두 빨간색상이 적용되는 것을 볼 수 있습니다. 5.2 태그 선택자 이번엔 전체..

안녕하세요! 멘토를 담당하게 된 박브레드입니다. 오늘은 다섯 번째 날로, CSS 공부 첫번째 날입니다! 설레는 마음으로 CSS 첫 공부 시작해볼까요? 오늘 공부할 내용은 다음과 같습니다. 🏃 공부할 내용 (132~139p) 1. CSS 문법 살펴보기 2. CSS 적용하기 1. CSS 문법 살펴보기 1.1 문법 형식 CSS 문법은 크게 선택자와 선언부로 구분합니다. 선택자는 CSS 스타일을 적용할 HTML 태그를 선택하는 영역이고, 선언부는 선택자에서 선택한 태그에 적용할 스타일을 작성하는 영역입니다. 1.2 주석 CSS도 HTML처럼 코드에 주석을 넣을 수 있습니다. 주석은 코드에 설명을 남기는 것이며 다음과 같이 설정합니다. /* 주석 내용 */ 2. CSS 적용하기 문법을 살펴봤으니, 이제 직접 적용..

안녕하세요! 멘토를 담당하게 된 박브레드입니다. 오늘은 네 번째 날로, HTML 공부 마지막 날입니다! 조금만 더 힘내서 3장 나머지 부분을 공부해 볼까요? 오늘 공부할 내용은 다음과 같습니다. 🏃 공부할 내용 (82~127p) 6. 폼 구성하기 7. 표 만들기 8. 멀티미디어 설정하기 9. 웹 페이지 구조를 설계하는 시맨틱 태그 10. 태그 종류에 상관없이 사용하는 글로벌 속성 6. 폼 구성하기 6.1 form 태그 form 태그는 폼 양식을 의미하는 태그입니다. 그래서 HTML의 폼을 구성하는 태그는 모두 form 태그 안에 작성합니다. 💡 멘토 TIP 여기서 form이란 HTML에서 사용자와 상호작용해서 정보를 입력받고 서버로 전송하기 위한 양식을 의미합니다. 아래 예시와 같이 로그인할 수 있도록 ..

안녕하세요! 멘토를 담당하게 된 박브레드입니다. 오늘은 세 번째 날로 3장, 실무에서 자주 사용하는 HTML 필수 태그를 다뤄볼 예정이에요! 2장에서는 주로 이론 위주였는데 3장부터는 실습 위주로 진행할 예정입니다. 그럼 공부 시작해볼까요? 오늘 공부할 내용은 다음과 같습니다. 🏃 공부할 내용 (60~81쪽) 1. 텍스트 작성하기 2. 그룹 짓기 3. 목록 만들기 4. 링크와 이미지 넣기 5. 텍스트 강조하기 1. 텍스트 작성하기 실습을 할 예정이라 모두 VSCode를 준비해 주시고, 기본 구조를 만들어주세요🙂 오늘 하는 것들은 꼭 전부 따라 치면서 진행해 주세요! 1.1 hn 태그 hn 태그는 제목이나 주제를 나타내는 텍스트를 표현할 때 사용합니다. h1부터 h6개가 있는데 여기서 h는 heading을..