본문 바로가기

웹개발

 (26)
[html, css 기초] 2. 개발 환경 구축하기 1. 이론 앞선 강의에서 텍스트파일을 통해 코드를 구현 해 보았다. 하지만 프로젝트를 진행할 경우 텍스트 파일만을 이용하여 코드를 구현하는 것은 매우 불편하고 시간이 많이 소요 되기 때문에 우리는 무료로 배포되어 있는 vscode ( visual studio code )라는 편집기를 통해 보다 쉽게 코드를 구현할 수 있다. 2. 실습 # vscode 설치 과정은 생략 ( 구글 - vscode 설치방법 검색 ) # 바로 vscode를 실행한 뒤 Start - Open Folder를 클릭하여 이전 강의에 생성한 index.html을 open한다. # File - open Folder를 클릭하면 왼쪽 창으로 폴더를 관리할 수 있다. # 테마는 설정( 톱니바퀴 ) 모양을 클릭한 뒤 Themes -> Color ..
[html, css 기초] 1. html 페이지 만드는 방법 1. 이론 웹사이트는 우리가 지시한 명령( code )과 명령을 읽어서 수행하는 역할을 하는 브라우저( Browser )로 구성되어 있다. 이때 우리가 명령을 어떻게 지시할까? 이게 바로 html이다! html에 코드를 작성하여 브라우저로 로드하게 되면 브라우저가 html을 읽고 실행한다. 2. 실습 # 바탕화면에 새로운 폴더를 만든다. (폴더명은 자유롭게) # 텍스트 파일을 하나 생성한다. # 이름을 아무거나 짓고 뒤에 .html을 붙여 파일명을 변경한다. # 유형에 해당하는 항목이 다음과 같이 바뀌었는지 확인한다. ( 안바뀌었다면 아래 참고 ) # 안바뀐 경우 보기 -> 표시 -> 파일 확장명 체크 # 해당 파일을 메모장으로 열어준다. # 다음과 같은 코드를 작성한 뒤 ctrl + s 로 저장한 뒤 ..

티스토리툴바