요약

완료됨

이 모듈에서는 웹 개발을 위한 작업 환경을 설정했습니다. 또한 웹 사이트를 만들고 모든 구성 요소가 웹 브라우저에서 작동하는지 테스트했습니다. 여러분이 성취한 모든 것을 살펴보겠습니다.

  • 웹 개발에 필요한 도구를 다운로드하여 설치하고, 기본 패키지를 사용하여 편집기를 사용자 지정했습니다.
  • 웹 사이트를 빌드하기 위한 프로젝트 디렉터리와 파일을 만들었습니다.
  • 제목 및 기타 페이지 요소를 만든 다음, 외부 파일에 연결하여 브라우저에서 페이지를 테스트했습니다.
  • 다양한 요소에 스타일을 적용하고, 브라우저에서 사이트를 테스트하고, CSS를 사용하여 테마에 대한 지원을 추가했습니다.
  • 페이지에서 사용자 지정 방식을 사용하고 테마 사이를 전환할 수 있도록 JavaScript를 추가했습니다.
  • 콘솔 메시지를 만들고 사용하여 코드 내부를 살펴보는 방법을 배웠습니다.

도구를 수집하고 웹 개발자로서 기반을 구축하고 있습니다. 웹 사이트를 향후 프로젝트에 대한 템플릿으로 다시 사용할 수 있습니다. 기술과 지식이 쌓여감에 따라 자신의 웹 사이트에 대한 비전을 더욱 훌륭하게 달성할 수 있습니다. 또한 아이디어를 삶 속에서 생동감 있게 하는 능력을 실어주고 있습니다.

자세한 정보

웹 개발 개념

웹 개발 참조

HTML5

CSS

JavaScript

웹 개발 기술

Microsoft Edge 설명서

Azure Static Web Apps

웹 사이트를 배포하는 한 가지 방법은 Azure Static Web Apps를 사용하는 것입니다.

Visual Studio Code 설명서