목록

'전체 글' 734건

코드로 놀고, 언어로 성장하는 공방.

  • HTML5 웹 페이지 구조 관련 태그 사용
    프로그래밍 언어/자바 웹 · 댓글
    먼저 태그를 이용해 제목을 표시하는 방법을 실습해보겠습니다. 1. 새 프로젝트 pro16을 만들고, test01 폴더를 만든 다음 section1.html, section2.html, section3.html, section4.html을 추가합니다. 2. 다음과 같이 session1.html을 작성합니다. 기사 제목1 첫 번째 기사 내용입니다. 기사 제목1 첫 번째 기사 내용입니다. 3. http://localhost:8080/pro16/session1.html로 요청하여 결과를 확인합니다. 4. session2.html을 다음과 같이 작성합니다. 그 안에 태그를 사용해 본문을 표시합니다. 기사 제목1 첫 번째 기사의 내용 기..
  • PHP 기본 문법
    프로그래밍 언어/PHP · 댓글
    PHP의 시작과 끝다음 코드를 통하여 PHP 코드의 시작과 끝에 사용되는 기호에 대해 알아봅시다. 02/ex2-1.php"; echo "반갑습니다.";?> PHP 코드의 끝을 의미합니다. 달리 말하면 모든 PHP 코드는 로 감싸집니다. echoecho는 따옴표 안에 있는 문자열을 화면에 출력하는 기능을 합니다. 따라서 위 그림과 같이 '안녕하세요.'와 '반갑습니다'가 화면에 출력됩니다. 은 HTML에서 줄바꿈을 나타내는 태그입니다. 각 문장의 끝에는 문장의 마침표인 세미콜론(;)을 붙여야 합니다. 주석문PHP 프로그램을 작성할 때 종종 특정 코드를 설명하는 주석을 넣고자 하는 경우가 생깁니다. 이와 같이 프로그램에 주석을 다는 데 사용하는 것을 주석문이라고 합니다. 다음은 주석문을 추가한 예입니다..
  • 주요 경제지표 그래프 한 번에 시각화하기
    프로그래밍 언어/Python · 댓글
    액셀 파일의 각 워크시트를 반복문으로 불러온 뒤, matplotlib 패키지의 subplots() 함수를 사용해 2행 2열의 레이아웃에 네 개의 그래프를 배치하겠습니다.비주얼 스튜디오 코드에 새로운 파일을 생성하고 파일명을 'step_3_2.py'로 수정합니다. 다음과 같이 코드를 입력한 뒤, 대화형 창에서 실행하면 'output' 폴더에 'step_3_2.png' 파일이 생성됩니다.from pathlib import Pathimport matplotlib.pyplot as pltimport pandas as pdimport seaborn as snsfrom matplotlib.axes import Axesfrom step_1_1 import OUT_DIR # 이전에 작성한 모듈을 불러옵니다.from s..
  • 실습 준비 및 프로그램 작성
    프로그래밍 언어/PHP · 댓글
    작업 폴더에 실습 파일 복사하기XAMMP 프로그램 환경에서 PHP 프로그램을 개발할 때 작업 폴더는 C:\xammp\htdocs가 됩니다. http://codingschool.info 자료실에서 source.zip 압축 파일을 다운로드합니다. 입축 파일을 풀면 생성되는 source 폴더를 C:\xammp\htdocs 폴더에 복사합니다. 윈도 탐색기를 열어 C:\xammp\htdocs 폴더에 들어가면 위 그림에서와 같이 source 폴더가 생성되었음을 확인할 수 있습니다. source 폴더 내에 예제 파일들이 저장되어 있다는 가정하에 실습을 진행합니다. 실습 폴더 열기비주얼 스튜디오 코드에서 C:\xammp\htdocs\source 폴더를 불러오기 위해 다음 그림에서 '폴더 열기' 버튼을 클릭합니다. 또는..
  • XAMMP 프로그램
    프로그래밍 언어/PHP · 댓글
    PHP로 작성된 프로그램을 해석하고 실행하여 브라우저 화면에 표시하는 데에는 앞 절에서 설명한 Apache, PHP 해석기, MySQL 프로그램이 필요합니다.XAMMP 프로그램은 PHP 프로그래밍 실습에 필요한 Apache, PHP 해석기, MySQL 프로그램을 모두 포함하고 있습니다. XAMMP 다운로드와 설치XAMMP 프로그램을 설치하기 위해 웹 브라우저에서 다음의 주소를 입력합니다.https://www.apachefriends.org/ XAMPP Installers and Downloads for Apache FriendsWhat is XAMPP? XAMPP is the most popular PHP development environment XAMPP is a completely free, eas..
  • helmet, hpp
    프로그래밍 언어/NODE JS · 댓글
    서버의 각종 취약점을 보완해주는 패키지들이며, 익스프레스 미들웨어로서 사용할 수 있습니다.이 패키지들을 사용한다고 해서 모든 취약점을 방어해주는 것이 아니므로 서버를 운영할 때는 주기적으로 취약점을 점검해야 합니다.$ npm i helmet hpp 개발 환경에서는 사용할 필요가 없으므로 배포 환경일 때만 적용하면 됩니다.const express = require("express");const cookieParser = require("cookie-parser");const morgan = require("morgan");const path = require("path");const session = require("express-session");const nunjucks = require("nunjuc..

HTML5 웹 페이지 구조 관련 태그 사용

먼저 태그를 이용해 제목을 표시하는 방법을 실습해보겠습니다. 1. 새 프로젝트 pro16을 만들고, test01 폴더를 만든 다음 section1.html, section2.html, section3.html, section4.html을 추가합니다. 2. 다음과 같이 session1.html을 작성합니다. 기사 제목1 첫 번째 기사 내용입니다. 기사 제목1 첫 번째 기사 내용입니다. 3. http://localhost:8080/pro16/session1.html로 요청하여 결과를 확인합니다. 4. session2.html을 다음과 같이 작성합니다. 그 안에 태그를 사용해 본문을 표시합니다. 기사 제목1 첫 번째 기사의 내용 기..

PHP 기본 문법

PHP의 시작과 끝다음 코드를 통하여 PHP 코드의 시작과 끝에 사용되는 기호에 대해 알아봅시다. 02/ex2-1.php"; echo "반갑습니다.";?> PHP 코드의 끝을 의미합니다. 달리 말하면 모든 PHP 코드는 로 감싸집니다. echoecho는 따옴표 안에 있는 문자열을 화면에 출력하는 기능을 합니다. 따라서 위 그림과 같이 '안녕하세요.'와 '반갑습니다'가 화면에 출력됩니다. 은 HTML에서 줄바꿈을 나타내는 태그입니다. 각 문장의 끝에는 문장의 마침표인 세미콜론(;)을 붙여야 합니다. 주석문PHP 프로그램을 작성할 때 종종 특정 코드를 설명하는 주석을 넣고자 하는 경우가 생깁니다. 이와 같이 프로그램에 주석을 다는 데 사용하는 것을 주석문이라고 합니다. 다음은 주석문을 추가한 예입니다..

주요 경제지표 그래프 한 번에 시각화하기

액셀 파일의 각 워크시트를 반복문으로 불러온 뒤, matplotlib 패키지의 subplots() 함수를 사용해 2행 2열의 레이아웃에 네 개의 그래프를 배치하겠습니다.비주얼 스튜디오 코드에 새로운 파일을 생성하고 파일명을 'step_3_2.py'로 수정합니다. 다음과 같이 코드를 입력한 뒤, 대화형 창에서 실행하면 'output' 폴더에 'step_3_2.png' 파일이 생성됩니다.from pathlib import Pathimport matplotlib.pyplot as pltimport pandas as pdimport seaborn as snsfrom matplotlib.axes import Axesfrom step_1_1 import OUT_DIR # 이전에 작성한 모듈을 불러옵니다.from s..

실습 준비 및 프로그램 작성

작업 폴더에 실습 파일 복사하기XAMMP 프로그램 환경에서 PHP 프로그램을 개발할 때 작업 폴더는 C:\xammp\htdocs가 됩니다. http://codingschool.info 자료실에서 source.zip 압축 파일을 다운로드합니다. 입축 파일을 풀면 생성되는 source 폴더를 C:\xammp\htdocs 폴더에 복사합니다. 윈도 탐색기를 열어 C:\xammp\htdocs 폴더에 들어가면 위 그림에서와 같이 source 폴더가 생성되었음을 확인할 수 있습니다. source 폴더 내에 예제 파일들이 저장되어 있다는 가정하에 실습을 진행합니다. 실습 폴더 열기비주얼 스튜디오 코드에서 C:\xammp\htdocs\source 폴더를 불러오기 위해 다음 그림에서 '폴더 열기' 버튼을 클릭합니다. 또는..

XAMMP 프로그램

PHP로 작성된 프로그램을 해석하고 실행하여 브라우저 화면에 표시하는 데에는 앞 절에서 설명한 Apache, PHP 해석기, MySQL 프로그램이 필요합니다.XAMMP 프로그램은 PHP 프로그래밍 실습에 필요한 Apache, PHP 해석기, MySQL 프로그램을 모두 포함하고 있습니다. XAMMP 다운로드와 설치XAMMP 프로그램을 설치하기 위해 웹 브라우저에서 다음의 주소를 입력합니다.https://www.apachefriends.org/ XAMPP Installers and Downloads for Apache FriendsWhat is XAMPP? XAMPP is the most popular PHP development environment XAMPP is a completely free, eas..

helmet, hpp

서버의 각종 취약점을 보완해주는 패키지들이며, 익스프레스 미들웨어로서 사용할 수 있습니다.이 패키지들을 사용한다고 해서 모든 취약점을 방어해주는 것이 아니므로 서버를 운영할 때는 주기적으로 취약점을 점검해야 합니다.$ npm i helmet hpp 개발 환경에서는 사용할 필요가 없으므로 배포 환경일 때만 적용하면 됩니다.const express = require("express");const cookieParser = require("cookie-parser");const morgan = require("morgan");const path = require("path");const session = require("express-session");const nunjucks = require("nunjuc..