실버를 위한 프로그램

파이썬 데이터 타입파이썬은 다양한 기본 데이터 타입을 제공합니다. 이들은 파이썬 프로그래밍에서 데이터를 표현하고 조작하는 데 필수적입니다. 기본적인 파이썬 데이터 타입에는 다음과 같은 것들이 있습니다:1. 숫자형 정수형(Integer, int): 정수를 표현하며, 양수, 0, 음수를 포함합니다. 부동소수점수(Floating point number, float): 실수를 표현하며, 소수점을 포함한 수입니다. 복소수(Complex number, complex): 복소수를 표현하며, 실수부와 허수부로 구성됩니다. 예: 1 + 3j 2. 문자열 문자열(String, str): 텍스트 데이터를 표현합니다. 작은따옴표(' ')나 큰따옴표(" ")로 둘러싸인 문자들의 시퀀스입니다. 3. 불린형 불린(Boolean, ..

자바스크립트 시작하기 HTML, CSS와 더불어 웹페이지를 동적으로 보여주기 위해서 사용하는 웹문서 언어입니다. HTML과 CSS는 정적 웹만 구현할 수 있습니다. 자바스크립트가 참여하면서 웹페이지는 동적 웹(Dynamic Web)으로 변모합니다. 문서에 자바스크립트를 적용하고 싶다면 HTML 문서와 자바스크립트 파일을 연결해야 합니다. 내부 스크립트 방법 내부 스크립트는 HTML 파일에서 script 태그의 콘텐츠 영역에 자바스크립트 코드를 작성하는 방법입니다. 자바 스크립트에서 'document.write()' 메서드는 웹 브라우저 화면에 글자를 표시해 주는 자바스크립트 코드입니다. 위의 경우는 HTML 내부에 자바 스크립트 코드를 포함시킨 경우입니다. 외부 스크립트 방법 외부 스크립트는 js 확장자..

CSS 사용하기 CSS를 사용하는 방법에는 크게 세 가지 방법이 있습니다. 1. 내부 스타일 시트 사용하기 2. 외부 스타일 시트 사용하기 3. 인라인 스타일 사용하기 위 세 방법을 알아보겠습니다. 내부 스타일 시트 사용하기 내부 스타일 시트는 HTML 파일 내부에 CSS 코드를 작성하는 방법입니다. HTML에서 제공하는 style 태그를 이용하여 CSS 코드를 작성하면 됩니다. 실제 코드에서 내부 스타일 시트 사용하는 방법은 다음과 같습니다. HTML 파일에 head 태그에 스타일을 지정하는 것입니다. 내부 스타일 시트 HTML 삽입 미리보기할 수 없는 소스 외부 스타일 시트 사용하기 외부 스타일 시트는 CSS 코드를 작성하는 별도 파일을 만들어 HTML 문서와 연결하는 방법입니다. 이때 별도 파일의 ..

파이썬 최신 버전 설치 파이썬 설치부터 합니다. 최신 버전을 받기 위해 파이썬 공식 홈페이지를 접속합니다. 자신의 플랫폼이 윈도즈라면 윈도즈용을 다운로드합니다. 여기서는 어려운 설명을 빼고 실버 세대가 가볍게 코딩 세계에 들어갈 수 있는 안내를 할 생각입니다. '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의 머리글자를 딴 것입니다. 용어..