반응형 강좌45 [HTML 강좌] 5. HTML의 기본 구조 - Element(요소)의 속성(Attributes) [HTML 강좌] 5. HTML의 기본 구조 - Element(요소)의 속성(Attributes) Element(요소)는 속성(Attributes)를 통하여 추가적인 내용을 표현합니다. 특히 문서를 꾸미거나 부가적인 정보를 표현할때 사용됩니다. 학습 목표 HTML의 문장을 이루는 Element(요소)에 대하여 속성(Attributes)을 통하여 추가적인 정보를 표현하는 방법을 습득합니다. Attribute(속성)의 표현 대표사진 삭제 사진 설명을 입력하세요. 위의 예시는 class 라는 속성을 표현한 것으로 스타일 및 기타 내용을 위해 Element(요소)에 구분하는 명칭을 부가하는데 사용하는 속성입니다. Attribute(속성)를 사용은 아래 내용을 지켜서 작성되어야 합니다. 1. 요소 이름 다음에 바.. 2020. 10. 14. [HTML 강좌] 3. WebSite를 만들기 위한 기본적인 도구 [HTML 강좌] 3. WebSite를 만들기 위한 기본적인 도구 HTML을 공부하는 목적은 사용자마다 틀리겠지만, 최종적으로 본인의 홈페이지를 만들고, 운영하는데 있다고 생각됩니다. 기본적인 소프트웨어 설치하기 홈페이지를 만드는 도구는 매우 많은 코드 편집기, 이미지 편집기, 테스트 도구에서 시작하여 심지어는 홈페이지를 워드처럼 작성만 해도 만들어지는 도구들이 제공됩니다. 그럼 전문가들이 사용하는 도구는 어떻게 분류하고 어떤 것이 있을까요? -. 시스템: 당연한 얘기이지만 웹 개발을 위해서는 윈도우, 맥, 또는 리눅스라는 운영체제를 가지고 있는 컴퓨터를 가지고 있어야 합니다. -. 코드 작성 코드 작성을 위한 편집도구는 코드를 직접 입력하여 작성하는 텍스트 편집기(Sublime,Brackets,Atom.. 2020. 9. 22. [HTML 강좌] 2. Visual Studio Code와 HTML [HTML 강좌] 2. Visual Studio Code와 HTML HTML을 작성하기 위한 도구로 선택된 Visual Studio Code의 기본적인 설정을 알아보고 간단한 HTML을을 만들어 확인하면서 HTML을 사용하기 위한 준비를 할 수 있도록 안내합니다. 첨부된 동영상을 확인하시면서 따라하시면 매우 쉽게 알 수 있습니다. 그럼 시작하겠습니다. 처음 프로그램을 실행하게 되면 Visual Studio의 시작 페이지가 뜬다. 아마도 처음 설치하시는 분들은 그림과는 틀리게 영어로 표시될겁니다. 확장 프로그램이란 ? Visual Studio Code는 사용하는 언어와 용도에 따라서 여러가지 기능을 사용자가 직접 설치하여 활용할 수 있는 확장 프로그램을 제공하여 사용자의 자율성을 보장함과 동시에 프로그램의.. 2020. 9. 22. [HTML 강좌] 1. html 작성을 위한 Visual Studio Code 의 사용 [HTML 강좌] 1. html 작성을 위한 Visual Studio Code 의 사용 html을 작성하고 내용을 확인하는데는 다른 강좌에서 안내하는 것처럼 간단히 메모장이나 텍스트 에디터등을 활용하여 작성하고, 확인하기도 합니다. 이 강좌에서는 좀 더 전문화된 도구를 활용하여 html을 작성하고, 오류를 검증함으로써 차후에 좀더 어려운 코딩에 접근하기 위한 방법을 같이 제공하고자 합니다. 이 강좌에서 사용하게될 도구는 Visual Studio Code라는 도구를 사용하여 실습을 진행할 예정이며, 다른 도구를 사용하셔도 무관합니다. Visual Studio Code 다운로드 Visual Studio Code 설치 vsCode는 아주 다양한 언어의 개발에 사용할 수 있는 좋은 도구입니다. 제작사는 Micr.. 2020. 9. 22. 유용한 Visual Studio code 확장팩 모음 유용한 Visual Studio code 확장팩 모음 1. Visual Studio code의 한글 관련 확장팩 설치 1) 메뉴 한글화 대표사진 삭제 사진 설명을 입력하세요. 2) 한/영 번역기 대표사진 삭제 사진 설명을 입력하세요. 2. 꾸미기 1) 테마 대표사진 삭제 사진 설명을 입력하세요. 2) 폴더 아이콘 테마 대표사진 삭제 사진 설명을 입력하세요. 3. Code 1) 코드 포맷 지원 대표사진 삭제 Code의 가독성을 향상시키는 확장팩 Cntrl +, : Save format On save true Tab width : 2 quote : ' TypeScript : single 2) 코드 품질 향상 전송중... JavaScript의 문법에 대한 코드 품질 향상시키는 확장팩 4. 소스 가독성 향상 1.. 2020. 9. 2. 이전 1 2 3 4 5 다음 반응형
