목록

'홈' 734건

  • 소스 코딩 작성하기 & 대화형 프로그래밍
    프로그래밍 언어/Python · 댓글
    소스 코딩 작성하기01. [탐색기] 창에서 폴더 이름 'CH_01' 쪽으로 마우스 커서를 가져다 대면 새 파일 아이콘이 활성화됩니다. 'CH_01' 폴더의 세 파일 아이콘을 클릭한 뒤, 텍스트 입력란에 'test.py'를 입력해서 새 파일을 생성하세요. 02. 파일을 생성하면 오른쪽에 소스 코드 입력 창이 열립니다. 다음과 같이 테스트 코드를 입력한 뒤 오른쪽 상단의 파이썬 실행 아이콘을 클릭하세요. 파이썬 인터피리터를 사용하여 'test.py' 소스 코드를 실행한 결과를 출력합니다. 대화형 프로그래밍비주얼 스튜디오 코드는 소스 코드의 특정 부분을 선택 실행해서 값을 확인하는 방식인 대화형 프로그래밍을 지원합니다.대화형 프로그래밍은 코드의 기능을 변경하거나 오류의 원인을 찾기 용이해서 대량의 코드를 다루..
  • 스키마 정의하기
    프로그래밍 언어/NODE JS · 댓글
    시퀄라이즈에서 테이블을 만들었던 것처럼 몽구스 스키마를 만듭니다. schemas 폴더에 user.js와 comments.js를 만듭니다.schemas/users.jsconst mongoose = require("mongoose");const { Schema } = mongoose;const userSchema = new Schema({ name: { type: String, required: true, unique: true, }, age: { type: Number, require: true, }, married: { type: Number, required: true, }, comment: String, createdAt: { type: Dat..
  • 스크립트릿 사용하기
    프로그래밍 언어/자바 웹 · 댓글
    보통 웹 페이지는 디자이너가 주도적으로 구현하는 부분안 만큼, 웹 페이지 구현 시 디자이너에게 어려운 자바 코드는 거의 사용되지 않습니다. 스크립트릿은 초기의 JSP에서 자바 코드를 이용해 화면의 동적인 기능을 구현했습니다.비록 JSP 페이지에서는 거의 사용되지 않지만 자바 코드로 화면의 동적인 기능을 구현할 수 있다면 자바 코드를 대체해서 나온 여러 가지 태그들을 이해하는 데에도 분명 도움이 될 것입니다.스크립트릿의 형식은 다음과 같습니다. JSP에서 스크립트릿 실습하기1. JSP에서 스크립트릿 실습을 위해 hello2.jsp 파일을 준비합니다. 2. 브라우저에서 JSP로 전송된 값을 얻기 위해 안에 자바 코드를 사용하여 age 값을 가져옵니다. 안녕하세요 나이는 입니다!!! 3. http://l..
  • 파이썬 가상 환경 설치
    프로그래밍 언어/Python · 댓글
    소스 코드를 폴더별로 관리하는 것처럼, 파이썬 인터플리터 등 소스 코드를 실행하는 대 필요한 각종 프로그램을 폴더별로 설치하는 것이 코드의 유지보수에 큰 도움이 됩니다. 이처럼 폴더별로 설치된 파이썬 인터프리터 등을 파이썬 가상 환경이라고 합니다. 01. 비주얼 스튜디오 코드의 상단 메뉴에서 [파일] - [폴더 열기] 메뉴를 클릭하고, [파일 열기] 창에서 'ch_01' 폴더를 찾아 클릭합니다. 왼쪽의 기본 사이드 바의 [탐색기] 메뉴에서 'ch_01' 폴더를 볼 수 있습니다. 02. Ctrl + Shift + F 키를 눌러 명령 팔레트를 열고, 'env'를 입력한 뒤, [Python: 환경 만들기]를 클릭합니다. 03. 환경 유형을 선택하기 위해 [Venv 현재 작업 영역에서 '.venv' 가상 환경을..
  • 비주얼 스튜디오 코드 설정하기 & 소스 코드 저장 경로 만들기
    프로그래밍 언어/Python · 댓글
    비주얼 스튜디오 코드 설정하기표시 언어 설정01. 비주얼 스튜디오 코드의 기본 표시 언어는 영어입니다. 이를 한국어로 변경하기 위해 창의 상단에서 [보기] - [명령 팔레트] 메뉴를 클릭해 명령 팔레트(command paletee)를 실행합니다. 02. 명령 팔레트에 'display'를 입력하고 [Configure Display Language]를 클릭하세요. 03. 표시 언어 목록에서 [한국어]를 클릭하고, 비주얼 스튜디오 코드를 재실행하면 표시 언어가 한국어로 변경됩니다. 확장 프로그램 설치비주얼 스튜디오 코드 자체는 단순한 문자 편집기에 불과하지만, 확장 프로그램을 설치하면 강력한 개발 도구로 사용할 수 있습니다. 프로젝트를 진행하기 위해 비주얼 스튜디오 코드에 파이썬(Python)과 주피터(Ju..
  • 몽고디비 연결하기
    프로그래밍 언어/NODE JS · 댓글 1
    노드와 몽고디비를 몽구스를 통해 연결해보겠습니다. 몽고디비는 주소를 사용해 연결합니다. 주소 형식은 mongodb://[username:password@localhost[:port][/[database][?options]]와 같습니다. [ ] 부분은 없어도 되고 있어도 됨을 의미합니다.username과 password에 몽고디비 계정 이름과 비밀번호를 넣습니다. host가 localhost, port가 27017, 계정이 있는 database가 admin이므로 주소는 다음과 같이 됩니다.mongodb://이름:비밀번호@localhost:27017/admin 먼저 schemas 폴더를 루트 디렉터리에 생성합니다. 폴더 안에 index.js 파일을 생성한 후 내용을 다음과 같이 넣습니다.const mongo..
  • JSP 스크립트 요소
    프로그래밍 언어/자바 웹 · 댓글
    JSP 스크립트 요소JSP 스크립트 요소(Scripting Element)란 JSP 페이지에서 여러 거지 동적인 처리를 제공하는 기능으로 기호 안에 자바 코드로 구현합니다. 기호를 스크립트릿(scriptlet)이라고 부릅니다.선언문(declaration tag): JSP에서 변수나 메서드를 선언할 때 사용합니다.스크립트릿(scriplet): JSP에서 자바 코드를 작성할 때 사용합니다.표현식(expression tag): JSP에서 변수의 값을 출력할 때 사용합니다.선언문 사용하기선언문은 JSP 페이지에서 사용하는 것이 멤버 변수나 멤버 메서드를 선언할 때 사용합니다. 선언문 안의 멤버는 서브릿 변환 시 서블릿 클래스의 멤버로 변환됩니다. 선언문의 형식은 다음과 같습니다. JSP가 처음 나온 초기에는..
  • 파이썬 인터프리터 설치하기 & 비주얼 스튜디오 설치하기
    프로그래밍 언어/Python · 댓글
    파이썬 인터프리터 설치하기파이썬 코드를 컴퓨터에서 실행하기 위해서는 반드시 인터프리터(python interpreter)가 필요합니다. 파이썬 공식 웹 사이트에서 설치 파일을 다운로드하고 컴퓨터에 파이썬 인터프리터를 설치해 봅시다. 01. 웹 브라우저에서 파이썬 공식 웹사이트에 접속한 뒤, 상단의 [Download]-[Python 3.x.x] 버튼을 차례대로 클릭합니다. 파이썬 인터프리터 설치 파일이 다운로드 됩니다.https://www.python.org/ Welcome to Python.orgThe official home of the Python Programming Languagewww.python.org 02. 설치 파일을 실행한 뒤, [Customize installation]를 클릭하세요...
  • 몽구스 사용하기
    프로그래밍 언어/NODE JS · 댓글
    MySQL에 시퀄라이즈가 없다면 몽고디비에는 몽구스(Mongoose)가 있습니다.몽구스는 시퀄라이스와 달리 ODM(Object Document Mapping) 이라고 부릅니다. 몽고디비는 릴레이션이 아니라 다큐먼트를 사용하므로 ORM이 아니라 ODM입니다.몽고디비 자체가 이미 자바스크립트인데도 굳이 자바스크립트 객체와 매핑하는 이유가 궁금할 것입니다. 그 이유는 몽고디비에 없어서 불편한 기능들을 몽구스가 보완해주기 때문입니다.먼저 스키마(schema)라는 것이 생겼습니다. 몽고디비는 테이블이 없어서 자유롭게 데이터를 넣을 수 있지만, 때로는 자유로움이 불편함을 초래합니다. 실수로 잘못된 자료형의 데이터를 넣을 수도 있고, 다른 다큐먼트에는 없는 필드의 데이터를 넣을 수도 있습니다. 몽구스는 몽고디비에 데..
  • 인클루트 디렉티브 태그 정의와 사용법
    프로그래밍 언어/자바 웹 · 댓글
    JSP 페이지로 웹 페이지를 만들다 보면 제목이나 로고를 표시하는 왼쪽 단은 화면이 바뀌더라도 일정하게 유지되는 경우가 많습니다.JSP에서는 공통으로 사용되는 JSP 페이지를 미리 만들어 놓고 다른 JSP 페이지 요청 시 인클루드 디렉티브 태그를 사용합니다. 그러면 재사용성이 높아질 뿐 아니라 유지관리도 수월해집니다.인클루드 디렉티브 태그란 여러 JSP 페이지에서 사용되는 공통 JSP 페이지를 만든 후 다른 JSP 페이지에서 공통 JSP 페이지에서 공통 JSP 페이지를 포함시켜 사용하는 기능을 말합니다.인클루드 디렉티브 태그의 특징은 다음과 같습니다.재사용성이 높다.JSP 페이지의 유지관리가 쉽다.인클루드 디렉티브 태그의 형식은 다음과 같습니다. 인클루드 디렉티브 태그 이용해 이미지 삽입하기1. 프로젝..
  • 자바 오디오 다루기
    프로그래밍 언어/JAVA · 댓글
    자바의 오디오 API자바는 응용프로그램에서 오디오를 재생하고 제어할 수 있는 오디오 API를 제공하며 다음 2가지 종류의 오디오 데이터를 다룰 수 있습니다.디지털 오디오(Digital Audio)미디(MIDI: Music Instrument Digital Interface) 데이터디지털 오디오란 연주되고 있는 음악이나 사람의 목소리 등 아날로그 소리를 샘플링하여 디지털 데이터로 만든 오디오 데이터로, 움악 CD나 전화 목소리로 녹음한 WAVE 파일 등이 이에 해당합니다. 디지털 오디오를 다루는 자바 클래스와 인터페이스들은 javax.sound.sampled 패키지에 제공됩니다. 한편, 미디 데이터란 피아노, 바이올린, 드럼 등 악기의 소리를 낼 수 있는 특별한 장치(MIDI Device)에게, 어떤 악..
  • CRUD 작업하기
    프로그래밍 언어/NODE JS · 댓글
    Create(생성)컬렉션에 컬럼을 정의하지 않아도 되므로 컬렉션에는 아무 데이터나 넣을 수 있습니다. 이러한 자유로움이 몽고디비의 장점입니다. 단, 무엇이 들어올지 모른다는 단점도 있습니다. 몽고디비의 자료형은 MySQL과 조금 다릅니다. 여기서 몽고디비의 자료형을 알아봅시다. 기본적으로 몽고디비는 자바스크립트 문법을 사용하므로 자바스크립트의 자료형을 따릅니다. 하지만 추가로 몇 가지 자료형이 더 있습니다. Date나 정규표현식 같은 자바스크립트 객체를 자료형으로 사용할 수 있습니다.Binary Data, ObjectId, Int, Long, Decimal, Timestamp, JavaScript 등의 추가적인 자료형이 있습니다. Undefined와 Symbol은 몽고디비에서 자료형으로 사용하지 않습니다..

소스 코딩 작성하기 & 대화형 프로그래밍

소스 코딩 작성하기01. [탐색기] 창에서 폴더 이름 'CH_01' 쪽으로 마우스 커서를 가져다 대면 새 파일 아이콘이 활성화됩니다. 'CH_01' 폴더의 세 파일 아이콘을 클릭한 뒤, 텍스트 입력란에 'test.py'를 입력해서 새 파일을 생성하세요. 02. 파일을 생성하면 오른쪽에 소스 코드 입력 창이 열립니다. 다음과 같이 테스트 코드를 입력한 뒤 오른쪽 상단의 파이썬 실행 아이콘을 클릭하세요. 파이썬 인터피리터를 사용하여 'test.py' 소스 코드를 실행한 결과를 출력합니다. 대화형 프로그래밍비주얼 스튜디오 코드는 소스 코드의 특정 부분을 선택 실행해서 값을 확인하는 방식인 대화형 프로그래밍을 지원합니다.대화형 프로그래밍은 코드의 기능을 변경하거나 오류의 원인을 찾기 용이해서 대량의 코드를 다루..

스키마 정의하기

시퀄라이즈에서 테이블을 만들었던 것처럼 몽구스 스키마를 만듭니다. schemas 폴더에 user.js와 comments.js를 만듭니다.schemas/users.jsconst mongoose = require("mongoose");const { Schema } = mongoose;const userSchema = new Schema({ name: { type: String, required: true, unique: true, }, age: { type: Number, require: true, }, married: { type: Number, required: true, }, comment: String, createdAt: { type: Dat..

스크립트릿 사용하기

보통 웹 페이지는 디자이너가 주도적으로 구현하는 부분안 만큼, 웹 페이지 구현 시 디자이너에게 어려운 자바 코드는 거의 사용되지 않습니다. 스크립트릿은 초기의 JSP에서 자바 코드를 이용해 화면의 동적인 기능을 구현했습니다.비록 JSP 페이지에서는 거의 사용되지 않지만 자바 코드로 화면의 동적인 기능을 구현할 수 있다면 자바 코드를 대체해서 나온 여러 가지 태그들을 이해하는 데에도 분명 도움이 될 것입니다.스크립트릿의 형식은 다음과 같습니다. JSP에서 스크립트릿 실습하기1. JSP에서 스크립트릿 실습을 위해 hello2.jsp 파일을 준비합니다. 2. 브라우저에서 JSP로 전송된 값을 얻기 위해 안에 자바 코드를 사용하여 age 값을 가져옵니다. 안녕하세요 나이는 입니다!!! 3. http://l..

파이썬 가상 환경 설치

소스 코드를 폴더별로 관리하는 것처럼, 파이썬 인터플리터 등 소스 코드를 실행하는 대 필요한 각종 프로그램을 폴더별로 설치하는 것이 코드의 유지보수에 큰 도움이 됩니다. 이처럼 폴더별로 설치된 파이썬 인터프리터 등을 파이썬 가상 환경이라고 합니다. 01. 비주얼 스튜디오 코드의 상단 메뉴에서 [파일] - [폴더 열기] 메뉴를 클릭하고, [파일 열기] 창에서 'ch_01' 폴더를 찾아 클릭합니다. 왼쪽의 기본 사이드 바의 [탐색기] 메뉴에서 'ch_01' 폴더를 볼 수 있습니다. 02. Ctrl + Shift + F 키를 눌러 명령 팔레트를 열고, 'env'를 입력한 뒤, [Python: 환경 만들기]를 클릭합니다. 03. 환경 유형을 선택하기 위해 [Venv 현재 작업 영역에서 '.venv' 가상 환경을..

비주얼 스튜디오 코드 설정하기 & 소스 코드 저장 경로 만들기

비주얼 스튜디오 코드 설정하기표시 언어 설정01. 비주얼 스튜디오 코드의 기본 표시 언어는 영어입니다. 이를 한국어로 변경하기 위해 창의 상단에서 [보기] - [명령 팔레트] 메뉴를 클릭해 명령 팔레트(command paletee)를 실행합니다. 02. 명령 팔레트에 'display'를 입력하고 [Configure Display Language]를 클릭하세요. 03. 표시 언어 목록에서 [한국어]를 클릭하고, 비주얼 스튜디오 코드를 재실행하면 표시 언어가 한국어로 변경됩니다. 확장 프로그램 설치비주얼 스튜디오 코드 자체는 단순한 문자 편집기에 불과하지만, 확장 프로그램을 설치하면 강력한 개발 도구로 사용할 수 있습니다. 프로젝트를 진행하기 위해 비주얼 스튜디오 코드에 파이썬(Python)과 주피터(Ju..

몽고디비 연결하기

노드와 몽고디비를 몽구스를 통해 연결해보겠습니다. 몽고디비는 주소를 사용해 연결합니다. 주소 형식은 mongodb://[username:password@localhost[:port][/[database][?options]]와 같습니다. [ ] 부분은 없어도 되고 있어도 됨을 의미합니다.username과 password에 몽고디비 계정 이름과 비밀번호를 넣습니다. host가 localhost, port가 27017, 계정이 있는 database가 admin이므로 주소는 다음과 같이 됩니다.mongodb://이름:비밀번호@localhost:27017/admin 먼저 schemas 폴더를 루트 디렉터리에 생성합니다. 폴더 안에 index.js 파일을 생성한 후 내용을 다음과 같이 넣습니다.const mongo..

JSP 스크립트 요소

JSP 스크립트 요소JSP 스크립트 요소(Scripting Element)란 JSP 페이지에서 여러 거지 동적인 처리를 제공하는 기능으로 기호 안에 자바 코드로 구현합니다. 기호를 스크립트릿(scriptlet)이라고 부릅니다.선언문(declaration tag): JSP에서 변수나 메서드를 선언할 때 사용합니다.스크립트릿(scriplet): JSP에서 자바 코드를 작성할 때 사용합니다.표현식(expression tag): JSP에서 변수의 값을 출력할 때 사용합니다.선언문 사용하기선언문은 JSP 페이지에서 사용하는 것이 멤버 변수나 멤버 메서드를 선언할 때 사용합니다. 선언문 안의 멤버는 서브릿 변환 시 서블릿 클래스의 멤버로 변환됩니다. 선언문의 형식은 다음과 같습니다. JSP가 처음 나온 초기에는..

파이썬 인터프리터 설치하기 & 비주얼 스튜디오 설치하기

파이썬 인터프리터 설치하기파이썬 코드를 컴퓨터에서 실행하기 위해서는 반드시 인터프리터(python interpreter)가 필요합니다. 파이썬 공식 웹 사이트에서 설치 파일을 다운로드하고 컴퓨터에 파이썬 인터프리터를 설치해 봅시다. 01. 웹 브라우저에서 파이썬 공식 웹사이트에 접속한 뒤, 상단의 [Download]-[Python 3.x.x] 버튼을 차례대로 클릭합니다. 파이썬 인터프리터 설치 파일이 다운로드 됩니다.https://www.python.org/ Welcome to Python.orgThe official home of the Python Programming Languagewww.python.org 02. 설치 파일을 실행한 뒤, [Customize installation]를 클릭하세요...

몽구스 사용하기

MySQL에 시퀄라이즈가 없다면 몽고디비에는 몽구스(Mongoose)가 있습니다.몽구스는 시퀄라이스와 달리 ODM(Object Document Mapping) 이라고 부릅니다. 몽고디비는 릴레이션이 아니라 다큐먼트를 사용하므로 ORM이 아니라 ODM입니다.몽고디비 자체가 이미 자바스크립트인데도 굳이 자바스크립트 객체와 매핑하는 이유가 궁금할 것입니다. 그 이유는 몽고디비에 없어서 불편한 기능들을 몽구스가 보완해주기 때문입니다.먼저 스키마(schema)라는 것이 생겼습니다. 몽고디비는 테이블이 없어서 자유롭게 데이터를 넣을 수 있지만, 때로는 자유로움이 불편함을 초래합니다. 실수로 잘못된 자료형의 데이터를 넣을 수도 있고, 다른 다큐먼트에는 없는 필드의 데이터를 넣을 수도 있습니다. 몽구스는 몽고디비에 데..

인클루트 디렉티브 태그 정의와 사용법

JSP 페이지로 웹 페이지를 만들다 보면 제목이나 로고를 표시하는 왼쪽 단은 화면이 바뀌더라도 일정하게 유지되는 경우가 많습니다.JSP에서는 공통으로 사용되는 JSP 페이지를 미리 만들어 놓고 다른 JSP 페이지 요청 시 인클루드 디렉티브 태그를 사용합니다. 그러면 재사용성이 높아질 뿐 아니라 유지관리도 수월해집니다.인클루드 디렉티브 태그란 여러 JSP 페이지에서 사용되는 공통 JSP 페이지를 만든 후 다른 JSP 페이지에서 공통 JSP 페이지에서 공통 JSP 페이지를 포함시켜 사용하는 기능을 말합니다.인클루드 디렉티브 태그의 특징은 다음과 같습니다.재사용성이 높다.JSP 페이지의 유지관리가 쉽다.인클루드 디렉티브 태그의 형식은 다음과 같습니다. 인클루드 디렉티브 태그 이용해 이미지 삽입하기1. 프로젝..

자바 오디오 다루기

자바의 오디오 API자바는 응용프로그램에서 오디오를 재생하고 제어할 수 있는 오디오 API를 제공하며 다음 2가지 종류의 오디오 데이터를 다룰 수 있습니다.디지털 오디오(Digital Audio)미디(MIDI: Music Instrument Digital Interface) 데이터디지털 오디오란 연주되고 있는 음악이나 사람의 목소리 등 아날로그 소리를 샘플링하여 디지털 데이터로 만든 오디오 데이터로, 움악 CD나 전화 목소리로 녹음한 WAVE 파일 등이 이에 해당합니다. 디지털 오디오를 다루는 자바 클래스와 인터페이스들은 javax.sound.sampled 패키지에 제공됩니다. 한편, 미디 데이터란 피아노, 바이올린, 드럼 등 악기의 소리를 낼 수 있는 특별한 장치(MIDI Device)에게, 어떤 악..

CRUD 작업하기

Create(생성)컬렉션에 컬럼을 정의하지 않아도 되므로 컬렉션에는 아무 데이터나 넣을 수 있습니다. 이러한 자유로움이 몽고디비의 장점입니다. 단, 무엇이 들어올지 모른다는 단점도 있습니다. 몽고디비의 자료형은 MySQL과 조금 다릅니다. 여기서 몽고디비의 자료형을 알아봅시다. 기본적으로 몽고디비는 자바스크립트 문법을 사용하므로 자바스크립트의 자료형을 따릅니다. 하지만 추가로 몇 가지 자료형이 더 있습니다. Date나 정규표현식 같은 자바스크립트 객체를 자료형으로 사용할 수 있습니다.Binary Data, ObjectId, Int, Long, Decimal, Timestamp, JavaScript 등의 추가적인 자료형이 있습니다. Undefined와 Symbol은 몽고디비에서 자료형으로 사용하지 않습니다..