본문 바로가기

Study/Web

(27)

[HTML] 코코아톡 클론 코딩 | 2일차 (2) | html의 여러가지 태그(tag)와 속성(attribute) 사용해보기 + 느낀 점 html 문법을 사용해 보기 전에 잠깐! ■ 1. html 확장자를 가진 파일에 그냥 글을 쓰면 어떻게 될까? html 확장자를 가진 파일에 그냥 글을 쓰면 어떻게 될까? 직접 확인해보자. 아래와 같이 어떤 html 문법을 사용하지 않고 글을 적어보았다. 작성한 것을 웹에서 확인하고 싶다면 반드시 지켜야 하는 것이 있다. 바로 저장하기! 그 여부는 상단 파일 명 오른쪽에 보이는 동그란 기호로 알 수 있다. 동그란 기호가 표시되어 있다면 아직 저장되지 않은 것이다. ∨ Ctrl+s 단축키를 이용해 저장해주자! 저장을 완료했다면 작업한 VSC 폴더에 들어가자. 그러면 브라우저 아이콘을 띈 html 파일을 확인할 수 있다. 이를 더블 클릭해 열면 브라우저가 열린다. .html 파일에 작성한 글이 그대로 표시되..

[HTML] 코코아톡 클론 코딩 | 2일차 (1) | Visual Studio Code 이용해서 html 개발환경 구축하기 + 기본 확장 프로그램 목차는 아래와 같다. html 개발환경 구축하기(Visual Studio Code 설치하기) PC에 폴더 만들고 VSC로 폴더 열기 VSC에서 html 확장자 파일 만들기 개발에 도움되는 3가지 확장 프로그램 설치하기 ■ 1. html 개발환경 구축하기(Visual Studio Code 설치하기) https://code.visualstudio.com/ Visual Studio Code - Code Editing. Redefined Visual Studio Code is a code editor redefined and optimized for building and debugging modern web and cloud applications. Visual Studio Code is free and av..

[HTML, CSS, JS] 코코아톡 클론 코딩 | 1일차 | HTML, CSS, Java Script 가 무엇일까? + 크롬에서 개발자 도구로 source 확인하기 웹사이트는 2,3개의 언어로 구성된 text file이라고 할 수 있다. 브라우저는 text file인 코드를 구현시키는 역할로써 chrome, firefox 등이 있다. HTML, CSS, Java script가 무엇이고 어떤 역할인지 간단히 알아보자. ▷ HTML HyperText Markup Language의 약자로, 하이퍼텍스트 마크업 언어이다. HTML은 프로그래밍 언어가 아니다! 컨텐츠의 구조를 정의하는 마크업 언어이다. 웹 사이트를 인간으로 비유하면, 인가의 뼈대를 담당한다. content의 구조가 어떤지(무엇이 title, link, description, header인지)를 브라우저에게 설명하는 역할을 한다. 아래의 사이트에서 HTML이 무엇인지 정확히 알 수 있다. https://dev..

이전 1 2 3 4 다음

티스토리툴바