코딩작업에는 수많은 언어, 작업프로그램들이 있지만
UI/UX 디자이너들이 html, css, javascript 작업을 위해 사용하는 대표적인 프로그램은 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 available on your favorite platform - Linux, macOS, and Windows.
code.visualstudio.com
vscode는 확장프로그램을 알맞게 쓰는 것도 중요한데
나는 현재 함께 사용하고 있는 확장프로그램이 별로 없다.
1. open in browser : alt+b 단축키를 사용하여 작성한 코드를 chrome으로 바로 확인
2. korean language : 한국어 패치
3. indent-rainbow : 들여쓰기에 따른 들여쓰기 색상 적용(생각보다 나는 편하다)
(인터넷 검색 또는 유튜브만 봐도 유용한 확장프로그램들이 다양한데 아직 사용을 안해봐서 추후 하나하나 해보고 후기를 남겨봐야지!)
홈페이지 제작의 가장 기본은 홈페이지 레이아웃을 구성하는 html 작성이 아닐까
그 html 작업의 시작은
'파일명.html' html파일 생성 ▶ html:5기본틀 작성(사실 30초 안에 끝남)
선생님께서 html:5 기본틀 구조를 외울 필요도 있다고 해서 초반에는 자동완성보다 하나씩 작성하면서 익혔으나 현재는 그냥 html:5 + enter 치는 내가 되어버렸다.
그런의미로 오랜만에 html:5 작성해보며 첫 코딩관련 글을 마무리해야지(갈길이멀다)
<DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<meta name="view-port" content="width=device-width, initial-scale=1.0">
<title>연습</title>
</head>
<body></body>
</html>
'html&css > html' 카테고리의 다른 글
| <html> HTML5 문서의 구조 (0) | 2024.04.01 |
|---|
