<부트캠프_주니어>5 부트캠프 주니어 4강 - CSS 스타일링 안녕하세요! HTML 강의 시리즈의 네 번째 시간에 오신 것을 환영합니다. 이번 시간에는 CSS(Cascading Style Sheets)를 사용하여 웹 페이지를 스타일링하는 방법에 대해 알아보겠습니다. CSS는 웹 페이지의 디자인과 레이아웃을 조정하는 데에 사용되는 스타일 시트 언어입니다. 준비가 되셨나요? 그러면 시작해 볼까요? 스타일 적용하기 CSS를 적용하기 위해 여러 가지 방법이 있습니다. 가장 간단한 방법은 HTML 문서 내부에서 태그를 사용하여 CSS 코드를 작성하는 것입니다. 태그는 안녕하세요! HTML과 CSS는 멋진 웹 페이지를 만드는 데에 굉장히 유용합니다. 위의 코드는 태그와 태그에 CSS 스타일을 적용하는 예시입니다. 태그는 파란색으로, 글꼴 크기는 24px로, 태그는 초록색으로 .. 2023. 6. 27. 부트캠프 주니어 3강 - Form (폼) 안녕하세요! HTML 강의 시리즈의 세 번째 시간에 오신 것을 환영해요! 이번 시간에는 폼 (form)에 대해 알아보겠습니다. 폼은 웹 페이지에서 사용자로부터 정보를 수집하는 데 사용되는 요소입니다. 사용자로부터 입력을 받는 텍스트 상자, 체크박스, 라디오 버튼 등을 포함할 수 있습니다. 폼은 웹 페이지의 상호작용성을 높여주는 중요한 요소이지요. 폼을 생성하기 위해서는 태그를 사용합니다. 폼 안에는 다양한 입력 요소가 들어갈 수 있습니다. 입력 요소는 태그를 사용하여 추가합니다. 태그는 다양한 종류의 입력 필드를 생성할 수 있으며, type 속성을 통해 어떤 종류의 입력 필드를 만들 것인지 지정합니다. 이름: 이메일: 위의 코드는 이름과 이메일을 입력받는 폼을 예시로 보여줍니다. 태그는 입력 필드와 관련.. 2023. 6. 23. 부트캠프 주니어 2강 - HTML 태그 활용 안녕하세요! HTML 강의 시리즈의 두 번째 시간에 오신 것을 환영합니다. 이번 시간에는 HTML 태그의 다양한 활용법에 대해 알아보겠습니다. 이전 강의에서 배운 기초를 바탕으로 좀 더 흥미로운 웹 페이지를 만들어볼 거예요. 준비가 되셨나요? 그럼 시작해 볼까요? 일단 저번 강의와 마찬가지로 VS Code에서 새로운 폴더와 파일을 만들고 시작합니다. 링크 (Link) 링크는 웹 페이지 간에 이동할 수 있는 매우 유용한 요소입니다. 다른 웹 페이지로 이동하거나 같은 페이지 내의 특정 부분으로 이동하는 링크를 만들 수 있어요. 링크를 생성하기 위해서는 태그를 사용하며, href 속성을 이용해 목적지 URL을 지정합니다. 여기를 클릭하세요! 이미지 (Image) 웹 페이지에 이미지를 추가하여 시각적으로 더 풍.. 2023. 6. 23. 부트캠프 주니어 1강 - HTML 기초 안녕하세요! 코딩을 처음 해보시는 초보자 여러분들을 위한 HTML 강의에 오신 것을 정말 반갑습니다. 다 함께 주니어 개발자가 되는 첫걸음을 같이 해봐요! 오늘은 HTML의 기초에 대해 알아보도록 하겠습니다. HTML은 웹 페이지를 만들기 위한 언어인데요, 정말 쉽고 재미있는 거예요. 그러니까 여러분들도 설레시죠? 그럼 시작해 볼까요? HTML이란? HTML은 HyperText Markup Language의 약자입니다. 웹 페이지를 만들기 위해 사용하는 기본 언어라고 생각하시면 됩니다. HTML을 사용하면 웹 브라우저가 이해할 수 있는 형식으로 웹 페이지의 내용을 작성할 수 있어요. 그래서 텍스트, 이미지, 링크, 동영상 등을 웹 페이지에 추가할 수 있는 거죠. HTML 태그 HTML을 배우기 위해 먼저.. 2023. 6. 23. 부트캠프 주니어 0강 - 개발 환경 준비 안녕하세요. 코딩을 처음 해보시는 초보자 여러분들을 위한 강의에 오신 것을 환영합니다! 주니어 개발자로서 기본부터 차근히 쌓는 게 굉장히 중요하겠죠? 이 강의 시리즈를 통해 우리는 HTML, CSS, JS (자바스크립트)의 기본을 배워보도록 하겠습니다. 강의를 듣기 전에.. 꼰대 같겠지만.. 강의에 앞서서 한마디 하겠습니다! ㅎㅎ 코딩을 배울 때는 많은 분들이 착각하는 부분이 있어요. 그건 바로 "이걸 어떻게 다 외워.. 이걸 어떻게 다 이해해.. "입니다. 강의 내내 알려드리겠지만 코딩을 처음 배울 때는 절대 모든 것을 외우는 것도 이해하는 것도 아닙니다. 아기가 첫걸음마를 할 때, 실패도 하고 다리 힘도 기르면서 굳이 어떻게 걸어야 하는지 외우거나 이해하지 않아도 몸이 기억하듯 코딩도 그렇게 배우게.. 2023. 6. 23. 이전 1 다음
