반응형 전체 글200 [HTML.002] HTML 파일 만드는 방법(Visual Studio Code) [HTML.002] HTML 파일 만드는 방법(Visual Studio Code) 홈페이지의 눈에 보이는 화면 영역은 html/css/javascript 로 코딩을 해야 합니다. 그 중에서 화면 영역의 뼈대 구조를 잡는데 사용하는 HTML의 기초에 대해 연습해 보도록 하겠습니다. [1] 폴더 준비하기 컴퓨터의 아무곳에나 폴더하나를 만들어 주세요. 저는 D드라이브에 web_study라는 폴더를 아래와 같이 만들었습니다. web_study 폴더안에 앞으로 오늘의 실습을 담아둘 폴더인 ex01 폴더를 만들겠습니다. [2] index.html 파일 만들기 vscode의 왼쪽 상단메뉴에서 'File' > 'Open Folder'를 눌러서 아까 만든 ex01폴더를 선택해 줍니다. 그러면 아래 그림 처럼 대문자로 E.. 2021. 2. 23. [HTML.001]Visual Studio Code 설치하기 [HTML.001] Visual Studio Code 설치하기 [1] 웹 페이지 개발이란? 웹 페이지 개발은 다음의 두가지를 만드는 것입니다. 프론트 엔드(Front-End) 백 엔드(Back-End) 프론트 엔드는 홈페이지에서 눈에 보이는 부분을 말합니다. 👀 예를 들면, 버튼, 로고, 이미지 등등 입니다. 💻 백 엔드는 홈페이지에서 눈에 보이지 않는 동작들을 말합니다. 예를 들면, "버튼이 눌리면 이런 동작이 발생해라!" 같은 겁니다.🖱 프론트 엔드와 백 엔드는 모두 코딩! 을 해서 만들어야 합니다. (코딩: 사람이 컴퓨터에게 명령을 입력하는 행위) 이런 코딩을 편하게 하기 위한 환경은 여러가지가 있는데요. 그 중에서도 Visual Studio Code라는 코딩용 에디터가 꽤 좋습니다. [2] 웹페이.. 2021. 2. 16. 이전 1 ··· 20 21 22 23 다음 728x90 반응형
