HTML6 코드 편집기 VSCode 설치하기 코드 편집기 VSCode 설치하기 코드 편집기의 종류에는 아톰, 비주얼스튜디오코드(VSCode), 서브라이 텍스트, 이클립스 같은 코딩에 특화된 에디터가 있습니다. 물론 윈도즈 메모장이나 리눅스 vi에디터를 사용하는 개발자도 있습니다. 여기서는 사용자가 가장 많은 윈도즈 운영체제의 비주얼스튜디오코드(VSCode)를 설치하여 사용하고자 합니다. 비주얼스튜디오코드는 마이크로소프트에서 제공하는 에디터로 프리 소프트웨어입니다. 윈도우즈가 아닌 리눅스나 매킨토시 운영체제에서도 사용이 가능합니다. VSCode 홈페이지에 접속 VSCode 홈페이지 주소는 https://code.visualstudio.com/ 입니다. 이곳에서 VSCode를 다운로드하여 설치합니다. 윈도즈 운영체제라면 바로 다운로드합니다. 다른 운영.. 2022. 12. 5. 코딩에 에디터가 필요할까 코딩에 에디터가 필요할까? 코딩에 에디터는 필요합니다. 에디터가 복잡하지 않더라도 간단한 편집도구라도 있어야 하지요. 예를 들어 윈도우즈 기본 도구인 메모장이라도 있어야 합니다. 메모장에서 작성된 웹페이지는 저장할 때 확장자는 [.txt]가 아닌 [.html] 또는 [.htm]으로 해야 합니다. 그래야 웹브라우저가 웹문서로 판단하여 표현하게 됩니다. 웹 문서 형식으로 저장 작성된 웹문서는 평이한 [Test]라는 단순한 단어 하나입니다. 이 파일 이름을 'test.html'이란 이름으로 저장하여 웹 브라우저에서 불러보겠습니다. 저장한 파일을 웹브라우저로 불러본 결과는 아래와 같습니다. 불러내는 간단한 방법은 바탕화면에 저장된 'test.html' 아이콘을 브라우저에 드래그해서 드롭하면 됩니다. 아무런 태그.. 2022. 12. 4. 작성된 코드를 FTP로 서버에 올리기 작성된 코드를 FTP로 서버에 올리기 작성된 코드를 서버에 올릴 때 비로소 홈페이지가 다른 사람에게도 공개됩니다. 앞서 만들었던 index.html파일을 FTP를 이용하여 서버에 올리도록 하겠습니다. FTP란 File Transper Protocol의 머리글자입니다. 파일을 주고받는 것을 약속한 프로토콜입니다. 그런데 이 프로토콜이 보안이 강화되면서 SFTP 프로토콜을 많이 사용하고 있습니다. 여기서 사용되는 FTP프로그램은 FileZilla입니다. 위 이미지처럼 빠른 연결을 이용할 수도 있습니다. 일반적으로 [사이트 관리자]에 환경을 설정해서 사용합니다. 여기서 프로토콜을 [SFTP]로 선택하여 SSH File Transfer Protocol을 이용합니다. 연결하면 왼쪽창은 로컬컴퓨터, 오른쪽은 서버 .. 2021. 9. 25. 비주얼 스튜디오와 비주얼 스튜디오 코드 비주얼 스튜디오와 비주얼 스튜디오 코드 비교 2016년 4월 14일 마이크로소프트는 윈도우, 맥OS에서 사용할 수 있는 멀티플랫폼 개발 프로그램인 비주얼 스튜디오 코드를 배포했습니다. 보통 VSCode라고 합니다. 비주얼 스튜디오 코드는 유료 프로그램인 비주얼 스튜디오(1997년 2월 출시)와 비교하면 에디터 핵심 기능인 코딩, 컴파일, 디버깅 기능을 담고 있습니다. 코드 자동 완성이나 디버거, 데이터베이스 통합, 서버 설정 등의 기능은 비주얼 스튜디오에만 있습니다. 비주얼 스튜디오는 통합개발환경(IDE)으로 코딩, 디버스, 컴파일, 배포 등 프로그램을 개발하는 다양한 기능을 제공하는 소프트웨어입니다. IDE란 Integrated Development Environment의 머리글자를 딴 것입니다. 용어.. 2021. 9. 22. 웹이 무엇인가요? 웹이 무엇인가요? 인터넷의 시초는 미국 국방부 산하의 고등연구국이 만든 ARPANET입니다. 웹은 World Wide Web의 줄임말로 재귀적 용어입니다. 웹은 인터넷에 연결된 사용자들이 서로 정보를 공유할 수 있는 서비스입니다. 웹은 서버와 클라이언트가 HTTP라는 통신규약을 이용하여 데이터를 주고받는 것입니다. 이 문서는 HTML이라는 마크업 언어를 사용합니다. HTML은 무엇인가요? HTML은 HyperText Markup Language의 약자입니다. '하이퍼텍스트 마크업 언어'입니다. 하이퍼텍스트란 정해진 순서 없이, 참조를 통해 한 문서에서 다른 문서로 접근이 가능한 문서입니다. HTML은 웹페이지 구조를 나타내는 마크업 언어입니다. HTML의 기본 구조 문서 유형에 대한 정보. 브라우저에 이.. 2021. 9. 22. 티스토리 블로그 프로젝트 내 블로그 프로젝트 기획하기 티스토리는 네이버 블로그에 비해 개방적입니다. 네이버에서 구글 애드센스를 적용하기 어렵습니다만 티스토리 블로그는 구글 애드센스를 연결할 수 있습니다. 티스토리 블로그 프로젝트는 자신의 관심 분야나 전문 분야를 글로 엮어 궁극적으로는 구글 애드센스를 연결하여 수익을 창출하는 것에 목표를 설정합니다. 특히 실버 세대들에게 노년의 연금을 구글에서 받을 수 있도록 진행해 보겠습니다. 블로그 만들기 기획 블로그를 만들기 위한 기획 초안을 작성합니다. 블로그 만들기 기획안 난이도 中 프로그램명 구글애드센스 연결용 블로그 제작 프로그램 설명 자신의 블로그를 생성 기획한 이유 스마트폰과 컴퓨터를 활용한 스마트생활을 소개하는 블로그를 제작하여 구글애드센스 승인을 거쳐 광고 수입을 만들기 위함.. 2021. 9. 22. 이전 1 다음
