'홈' 729건

변수(Variable)는 숫자나 문자와 같은 데이터를 저장하는 박스와 같은 것입니다. 더 정확하게 말하면 변수는 컴퓨터에 데이터가 저장되는 메모리의 주소, 즉 위치를 의미합니다. 위 그림에서 변수 $a, $b, $c는 각각 10, 20, 30의 데이터가 저장된 메모리 주소를 의미합니다. 예를 들어 변수 $a는 10이 저장되어 있는 메로리 주소를 나타냅니다. PHP에서는 영문, 숫자, 밑줄로 구성된 이름 앞에 $를 붙여 변수를 만듭니다. 예를 들어 $a, $b, $y, $name, $my_score, $gameItem, $font1, $text 등은 모두 유효한 변수명이다. 프로그렘에서 변수가 사용되는 다음 예를 살펴봅니다. 02 $ a = 10;변수 $a에 10을 저장합니다. 이것은 변수 $a가 가리키는..

먼저 태그를 이용해 제목을 표시하는 방법을 실습해보겠습니다. 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 코드의 시작과 끝에 사용되는 기호에 대해 알아봅시다. 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 폴더를 불러오기 위해 다음 그림에서 '폴더 열기' 버튼을 클릭합니다. 또는..

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..

서버의 각종 취약점을 보완해주는 패키지들이며, 익스프레스 미들웨어로서 사용할 수 있습니다.이 패키지들을 사용한다고 해서 모든 취약점을 방어해주는 것이 아니므로 서버를 운영할 때는 주기적으로 취약점을 점검해야 합니다.$ 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..

HTML4에서는 웹 페이지 구조에 해당하는 머리말, 메뉴, 본문, 하단부를 만들 때 태그에 CSS를 활용하는 방식으로 작업을 했습니다. 그러다 보니 태그만 봐서는 그 의미를 잘 알 수 없다는 문제가 있었습니다.따라서 HTML5에서는 이 문제를 보완하기 위해 의미 있는 구조를 나타낼 수 있는 태그들을 추가하여 가독성을 높였습니다. HTML5에 추가된 태그를 다음 표에 정리했습니다.태그설명머리말을 나타내는 태그제목과 부제목을 몪는 태그메뉴 부분을 나타내는 태그제목별로 나눌 수 있는 태그개별 콘텐츠를 나타내는 태그왼쪽 또는 오른쪽에 위치하는 사이드 바를 나타내는 태그하단의 정보를 표시하는 태그 이것만 봐서는 이해가 잘 되지 않을 것입니다. 그림을 통해 HTML4와 HTML5의 웹 페이지 구조가 어떻게 다른..

앞서 수집한 주요 경제지표 데이터에서 코스피지수를 시각화합니다. 가로축에는 날짜를, 세로축에는 코스피지수의 값을 둬서 시간의 흐름에 따른 코스피지수의 변화를 선 그래프로 만들 것입니다. 그래프의 상단에는 경제 지표 항목을 제목으로 두고, 가로와 세로 축에도 레이블을 표시합니다.비주얼 스튜디오에서 새로운 파일을 생성하고 다음과 같이 코드를 입력한 뒤, 대화형 창을 실행합니다. 'output' 폴더에 코스피 지수를 선 그래프로 시각화한 결과들이 'step_3_1.png' 파일러 생성됩니다.from pathlib import Pathimport matplotlib.pyplot as pltimport pandas as pdimport seaborn as snsfrom step_1_1 import OUT_DIR ..

실제 서버를 운영할 때 console.log와 console.error를 대체하기 위한 모듈입니다.console.log와 console.error를 사용하면 개발 중에는 편리하게 서버의 상황을 파악할 수 있지만, 실제 배포 시에는 사용하기 어렵습니다. console 객체의 메서드들이 언제 호출되었는지 파악하기 힘들 뿐만 아니라 서버가 종료되는 순간 로그들도 사라지기 때문입니다. 에러가 발생하면 에러 메시지를 확인해야 하는데, 서버가 종료되어 에러 메시지들이 날아가버리는 황당한 일이 일어나게 됩니다. 이와 같은 상황을 방지하려면 로그를 파일이나 다른 데이터베이스에 저장해야 합니다. 이떄 winston을 사용합니다.winston을 설치하고 사용 방법을 간단히 알아보겠습니다. 너무나 다양한 방식으로 활용할 수..

웹 브라우저는 웹 사이트를 만드는 프로그레밍 언어인 HTML, CSS와 자바스크립트으로 이루어진 코드만 인식하여 화면에 나타냅니다. 그리고 JSP는 웹 사이트 화면을 구성하는 HTML을 좀 더 동적으로 화면에 나타냅니다. 그리고 JSP는 웹 사이트 화면을 구성하는 HTML을 좀 더 동적으로 구현하기 위해 도입된 기능입니다. HTML 기능도 꾸준히 업그레이드되어 지금 HTML5 버전(HTML의 최신 버전)이 사용되고 있습니다.HTML5는 기존 HTML4에서는 지원하지 않는 동영상이나 오디오 기능 그리고 지리 위치 정보 등을 지원합니다. 플러그인을 따로 설치하지 않아도 화려한 그래픽 효과를 구현할 수 있으면, 운영체제에 상관없이 스마트폰, 테블릿 같은 모바일 환경에서도 기능을 구현할 수 있습니다.HTML5에..

01 가장 먼저 Naver Search의 API를 신청합니다. 네이버 개발자 센터에 접속하여 로그인합니다. 로그인할 때는 네이버 계정으로 로그인하면 됩니다. 로그인 후에 [Application -> 애플리케이션 등록]으로 이동합니다. 네이버 개발자 센터: https://developers.naver.com/main/ 02 다음 화면을 참고해서 설정값을 입력하거나 선택하고 [등록하기]를 눌러 등록을 마칩니다. 이때 웹 서비스 URL에는 https://localhost가 아닌 http://localhost라고 입력해야 합니다. s를 제외한 http로 입력합니다. 03 그럼 애플리케이션 등록 후 검색 API를 스미더리에 등록할 때 ClientID와 ClientSecret이 나타납니다. 두 값을 복사합니다. 그..