본문 바로가기
반응형

Develop/Web19

웹사이트만들기 시리즈 - HTML로 골격 만들기 안녕하세요. 테크티키타카압니다. 저번 시간에는 VSCODE를 설치하고, 유용한 플러그인들을 설치하는 시간을 가져보았습니다. 이번 시간에는 웹사이트의 골격을 만들어보겠습니다. 건물을 지을 때, 가장 먼저 기반을 다지고, 골격을 구축해두어야 외벽과 바닥, 천장을 지을 수 있습니다. 웹 개발에서 HTML은 '웹사이트'라는 건물의 기반과 골격에 해당하는 부분이라고 생각하시면 됩니다. VSCODE에서 같이 작성하면서 하나씩 알아보도록 하겠습니다. 기본적인 html의 뼈대는 VSCODE에서 지원해줍니다. html파일에서 !를 적으면 다음과 같은 상태가 됩니다. 여기서 탭(Tab)이나 엔터(Enter)를 눌러주시면 이렇게 html 기본 구조가 자동으로 나옵니다. 1. head 태그 첫 번째로 head부분입니다. ti.. 2020. 12. 2.
웹사이트 만들기 최적의 환경 세팅 - VSCODE Plugin 설치하기 안녕하세요. 테크티키타카입니다. 지난 포스팅에서는 웹사이트 만들기를 위한 첫걸음으로 VSCODE를 설치하고 HTML을 이용해 Hello World를 띄워보는 것 까지 진행해보았습니다. 이번 포스팅에서는 앞으로 웹 개발을 함에 있어 많은 도움이 되는 VSCODE의 Plugin을 설치해 보겠습니다. chjune0205.tistory.com/145 VSCODE와 Open In Browser 플러그인이 설치되어 있지 않으신 분들은 이전 게시글을 참고해주시면 되겠습니다. 웹사이트 만들기 첫 걸음 VSCode 설치하기 안녕하세요. 테크티키타카입니다. 앞으로 html, javascript, css 기초 문법 학습을 통해 웹사이트를 만들고 배포하는 과정까지 포스팅을 진행하고자 합니다. 오늘은 그 첫걸음으로 VSCode.. 2020. 11. 26.
웹사이트 만들기 첫 걸음 VSCode 설치하기 안녕하세요. 테크티키타카입니다. 앞으로 html, javascript, css 기초 문법 학습을 통해 웹사이트를 만들고 배포하는 과정까지 포스팅을 진행하고자 합니다. 오늘은 그 첫걸음으로 VSCode라는 것을 설치해보는 시간을 가지려 합니다. VSCode는 프로그래밍 언어를 편집할 수 있는 에디터입니다. html, css, javascript뿐만 아니라 많은 언어들을 지원하고 있으며, 많은 프로그래머들이 사용하는 편집 툴이라고 생각하시면 되겠습니다. 앞으로의 포스팅에서도 VSCode를 활용하여 웹사이트를 만들어 가는 과정을 보여드리고자 하기 때문에, 이를 설치하도록 하겠습니다. 구글 검색창에 VSCode라고 검색하시면 다음과 같은 사이트가 나옵니다. 접속 후 본인의 사양에 맞게 다운로드를 해주시면 됩니다.. 2020. 11. 25.
반응형