코사장

웹 개발의 기초인 HTML을 배우고자 할 때, 다양한 학습 방법을 통해 지식을 쌓을 수 있습니다. 이 글에서는 자습서, 무료 영상 강좌 등을 활용한 HTML 학습 방법에 대해 알아보겠습니다. 1. 공식 문서 및 자습서 활용하기 MDN Web Docs: Mozilla에서 제공하는 MDN Web Docs(https://developer.mozilla.org/ko/docs/Web/HTML)는 HTML에 대한 자세한 정보와 예제를 제공합니다. HTML 요소와 속성, 문법 등에 대한 기초 지식을 습득할 수 있으며, 실제로 코드를 작성하며 예제를 따라해볼 수 있습니다. W3Schools: W3Schools(https://www.w3schools.com/html/)는 웹 개발자들에게 인기 있는 온라인 자습서 사이트입..

Visual Studio Code 역사 Visual Studio Code(이하 VSCode)는 마이크로소프트(Microsoft)에서 개발한 무료 오픈 소스 코드 에디터입니다. 2015년 4월에 처음 발표되었으며, 그 이후로 꾸준히 업데이트되어 왔습니다. VSCode는 다양한 프로그래밍 언어와 플랫폼을 지원하며, 확장 기능을 통해 개발자들의 요구에 맞게 기능을 추가할 수 있습니다. 현재 사용 순위 VSCode는 Stack Overflow Developer Survey와 GitHub Octoverse와 같은 여러 개발자 조사에서 가장 인기 있는 코드 에디터로 선정되었습니다. 전 세계 개발자들 사이에서 많은 인기를 얻고 있으며, 계속해서 점유율을 높이고 있는 추세입니다. 설치 방법 VSCode는 Windows..

CodePen이란? CodePen(https://codepen.io)은 웹 개발자들이 HTML, CSS, JavaScript를 실시간으로 편집하고 결과를 바로 확인할 수 있는 온라인 코드 에디터입니다. 또한, 다른 개발자들이 공유한 프로젝트와 예제를 찾아볼 수 있어 웹 개발 공부에 도움이 됩니다. CodePen 사용법 웹사이트 방문: CodePen 웹사이트 (https://codepen.io)에 접속합니다. 계정 생성 및 로그인: 오른쪽 상단의 'Sign Up' 또는 'Log In' 버튼을 클릭하여 계정을 생성하거나 로그인합니다. (비회원으로도 가능하지만 저장 기능이 없으므로, 저장이 필요하신분은 회원가입 후 이용하면 좋습니다.) 새로운 프로젝트 생성: 로그인한 후, 상단 메뉴에서 'Create'를 클릭..

HTML에서는 다양한 태그들을 사용하여 웹 페이지의 내용과 구조를 만들어갑니다. 몇 가지 기본적인 태그들과 그 사용법을 살펴보겠습니다. 1. 제목 태그 ( ~ ): 웹 페이지의 제목이나 부제목을 나타내기 위해 사용되며, 이 가장 크고 중요한 제목을 나타내고, 까지 갈수록 작아집니다. 메인 제목 부제목 소제목 이를 코드를 브라우저를 통해 보면 다음과 같이 생성됩니다. 단락 태그 (): 텍스트를 단락으로 구분하여 표시할 때 사용합니다 이것은 첫 번째 단락입니다. 이것은 두 번째 단락입니다. 예시 코드를 작성하여 브라우저를 통해 보면 다음과 같이 생성됩니다. 목록 태그 ( & ): 순서가 없는 목록()과 순서가 있는 목록()을 만들 때 사용합니다. 각각의 항목은 태그로 표시합니다. 사과 바나나 딸기 첫 번째 ..

HTML (HyperText Markup Language)은 웹 페이지의 구조와 내용을 표현하는 마크업 언어입니다. 웹 개발자들은 HTML을 사용하여 웹 페이지에 텍스트, 이미지, 동영상, 링크 등의 요소를 배치하며 이러한 요소들은 태그라는 특별한 괄호로 둘러싸여 표시됩니다. DOCTYPE html> 나의 첫 웹페이지 환영합니다! 이것은 HTML에 대한 소개입니다. 이미지 예시: 외부 사이트로의 링크 예시: 여기를 클릭하세요. 위의 간단한 코드의 결과는 아래와 같이 나타납니다. 간단한 문법만 몇가지 숙지한다면, 웹페이지를 만드는 것은 어렵지 않습니다. 위 예제는 간단한 HTML 문서의 구조를 보여줍니다. 이 구조는 다음과 같은 요소들로 구성되어 있습니다 : HTML5 문서임을 선언하는 태그입니다. : 문..