실버를 위한 프로그램

파이썬 최신 버전 설치 파이썬 설치부터 합니다. 최신 버전을 받기 위해 파이썬 공식 홈페이지를 접속합니다. 자신의 플랫폼이 윈도즈라면 윈도즈용을 다운로드합니다. 여기서는 어려운 설명을 빼고 실버 세대가 가볍게 코딩 세계에 들어갈 수 있는 안내를 할 생각입니다. 'Downloads'를 선택해서 인스톨 파일을 다운로드합니다. 파이썬 설치 다운로드한 설치 파일을 실행합니다. 패스에 등록하는 이유는 어떤 폴더에서 파이썬을 실행해도 파이썬이 실행될 수 있도록 하기 위함입니다. 위에 있는 'Install Now'를 클릭하여 설치를 시작합니다. 아래 'Customize installation'은 자신이 옵션을 설정해서 설치하는 것입니다. 아래 경고 표시가 떴네요. 영어가 달려 구글 렌즈로 번역을 시켰습니다. 방법은 ..

CSS 선택자 CSS 선택자(selector)는 HTML에 스타일을 적용할 때 HTML 요소를 지정하는 역할을 합니다. 예를 들어 p 태그에 스타일을 적용하고 싶을 때 p태그를 선택합니다. 이때 p가 선택자가 되는 것입니다. p { color: color; } 사례 VSCode에서 코딩한 내용을 옮겨봅니다. HTML 삽입 미리보기할 수 없는 소스 소스 코드 index.html 소스 코드는 다음과 같습니다. 안녕하세요 style.css 내용은 아래와 같습니다. h1{ color:red; } CSS 선택자의 종류 CSS 선택자의 종류에는 5가지 방법이 있습니다. 전체 선택자 유형 선택자 아이디 선택자 클래스 선택자 복합 선택자 1. 전체 선택자는 모든 HTML 문서에 스타일을 적용합니다. 특정 태그 대신 '..

CSS는? HTML로 웹페이지를 원하는 글이나 그림을 넣는 방법을 익혔습니다. 만든 HTML 페이지를 더 예쁘게 꾸미고 싶다면 CSS를 통해 원하는 웹 페이지를 만들 수 있습니다. CSS는 HTML 문서를 시각적으로 꾸미는 언어입니다. 왜 HTML에 꾸미기 기능을 넣지 않고 CSS를 별도로 만들까요? HTML 코드와 꾸미기 코드를 별도로 분리하면 가독성과 효율성 모두 높아지기 때문입니다. 두 기능을 함께 섞어놓으면 꾸미기를 변경할 때 일일이 코드를 뒤져서 수정해야 합니다. 하지만 꾸미기 코드를 분리하면 꾸미기 코드 관리가 쉬어집니다. 꾸미기 코드를 따로 분리하면 HTML 구조 자체에 집중할 수 있고, 꾸미기는 CSS를 통해 변경하면 됩니다. CSS 적용하기 문단에 글자 색을 빨강색으로 CSS를 이용하여 ..

코드 편집기 VSCode 설치하기 코드 편집기의 종류에는 아톰, 비주얼스튜디오코드(VSCode), 서브라이 텍스트, 이클립스 같은 코딩에 특화된 에디터가 있습니다. 물론 윈도즈 메모장이나 리눅스 vi에디터를 사용하는 개발자도 있습니다. 여기서는 사용자가 가장 많은 윈도즈 운영체제의 비주얼스튜디오코드(VSCode)를 설치하여 사용하고자 합니다. 비주얼스튜디오코드는 마이크로소프트에서 제공하는 에디터로 프리 소프트웨어입니다. 윈도우즈가 아닌 리눅스나 매킨토시 운영체제에서도 사용이 가능합니다. VSCode 홈페이지에 접속 VSCode 홈페이지 주소는 https://code.visualstudio.com/ 입니다. 이곳에서 VSCode를 다운로드하여 설치합니다. 윈도즈 운영체제라면 바로 다운로드합니다. 다른 운영..

코딩에 에디터가 필요할까? 코딩에 에디터는 필요합니다. 에디터가 복잡하지 않더라도 간단한 편집도구라도 있어야 하지요. 예를 들어 윈도우즈 기본 도구인 메모장이라도 있어야 합니다. 메모장에서 작성된 웹페이지는 저장할 때 확장자는 [.txt]가 아닌 [.html] 또는 [.htm]으로 해야 합니다. 그래야 웹브라우저가 웹문서로 판단하여 표현하게 됩니다. 웹 문서 형식으로 저장 작성된 웹문서는 평이한 [Test]라는 단순한 단어 하나입니다. 이 파일 이름을 'test.html'이란 이름으로 저장하여 웹 브라우저에서 불러보겠습니다. 저장한 파일을 웹브라우저로 불러본 결과는 아래와 같습니다. 불러내는 간단한 방법은 바탕화면에 저장된 'test.html' 아이콘을 브라우저에 드래그해서 드롭하면 됩니다. 아무런 태그..

작성된 코드를 FTP로 서버에 올리기 작성된 코드를 서버에 올릴 때 비로소 홈페이지가 다른 사람에게도 공개됩니다. 앞서 만들었던 index.html파일을 FTP를 이용하여 서버에 올리도록 하겠습니다. FTP란 File Transper Protocol의 머리글자입니다. 파일을 주고받는 것을 약속한 프로토콜입니다. 그런데 이 프로토콜이 보안이 강화되면서 SFTP 프로토콜을 많이 사용하고 있습니다. 여기서 사용되는 FTP프로그램은 FileZilla입니다. 위 이미지처럼 빠른 연결을 이용할 수도 있습니다. 일반적으로 [사이트 관리자]에 환경을 설정해서 사용합니다. 여기서 프로토콜을 [SFTP]로 선택하여 SSH File Transfer Protocol을 이용합니다. 연결하면 왼쪽창은 로컬컴퓨터, 오른쪽은 서버 ..

비주얼 스튜디오와 비주얼 스튜디오 코드 비교 2016년 4월 14일 마이크로소프트는 윈도우, 맥OS에서 사용할 수 있는 멀티플랫폼 개발 프로그램인 비주얼 스튜디오 코드를 배포했습니다. 보통 VSCode라고 합니다. 비주얼 스튜디오 코드는 유료 프로그램인 비주얼 스튜디오(1997년 2월 출시)와 비교하면 에디터 핵심 기능인 코딩, 컴파일, 디버깅 기능을 담고 있습니다. 코드 자동 완성이나 디버거, 데이터베이스 통합, 서버 설정 등의 기능은 비주얼 스튜디오에만 있습니다. 비주얼 스튜디오는 통합개발환경(IDE)으로 코딩, 디버스, 컴파일, 배포 등 프로그램을 개발하는 다양한 기능을 제공하는 소프트웨어입니다. IDE란 Integrated Development Environment의 머리글자를 딴 것입니다. 용어..

웹이 무엇인가요? 인터넷의 시초는 미국 국방부 산하의 고등연구국이 만든 ARPANET입니다. 웹은 World Wide Web의 줄임말로 재귀적 용어입니다. 웹은 인터넷에 연결된 사용자들이 서로 정보를 공유할 수 있는 서비스입니다. 웹은 서버와 클라이언트가 HTTP라는 통신규약을 이용하여 데이터를 주고받는 것입니다. 이 문서는 HTML이라는 마크업 언어를 사용합니다. HTML은 무엇인가요? HTML은 HyperText Markup Language의 약자입니다. '하이퍼텍스트 마크업 언어'입니다. 하이퍼텍스트란 정해진 순서 없이, 참조를 통해 한 문서에서 다른 문서로 접근이 가능한 문서입니다. HTML은 웹페이지 구조를 나타내는 마크업 언어입니다. HTML의 기본 구조 문서 유형에 대한 정보. 브라우저에 이..

내 블로그 프로젝트 기획하기 티스토리는 네이버 블로그에 비해 개방적입니다. 네이버에서 구글 애드센스를 적용하기 어렵습니다만 티스토리 블로그는 구글 애드센스를 연결할 수 있습니다. 티스토리 블로그 프로젝트는 자신의 관심 분야나 전문 분야를 글로 엮어 궁극적으로는 구글 애드센스를 연결하여 수익을 창출하는 것에 목표를 설정합니다. 특히 실버 세대들에게 노년의 연금을 구글에서 받을 수 있도록 진행해 보겠습니다. 블로그 만들기 기획 블로그를 만들기 위한 기획 초안을 작성합니다. 블로그 만들기 기획안 난이도 中 프로그램명 구글애드센스 연결용 블로그 제작 프로그램 설명 자신의 블로그를 생성 기획한 이유 스마트폰과 컴퓨터를 활용한 스마트생활을 소개하는 블로그를 제작하여 구글애드센스 승인을 거쳐 광고 수입을 만들기 위함..