:D

*해당 내용은 우재남 저자님의 을 보고 정리한 내용입니다. 파이썬 소개무료로 강력한 기능을 사용할 수 있다.설치와 사용 환경 구축이 쉽다.다양하고 강력한 외부 라이브러리들이 많다.파이썬을 MySQL과 연결해주는 대표적인 외부 라이브러리인 PyMySQL을 사용할 것이다. 파이썬과 pymysql 설치를 완료해주었다. (과정은 생략)연동 프로그래밍 기본연동 프로그램을 위한 쇼핑몰 생성DROP DATABASE IF EXISTS soloDB;CREATE DATABASE soloDB; 파이썬에서 데이터 입력 아래와 같이 데이터베이스를 구축했다.import pymysqlconn = pymysql.connect(host='127.0.0.1', user='root', password='0000', db='soloDB',..

*해당 내용은 우재남 저자님의 을 보고 정리한 내용입니다. 스토어드 프로시저 기본스토어드 프로시저의 개념과 형식스토어드 프로시저란 MySQL에서 제공하는 프로그래밍 기능이다. 쿼리 문의 집합으로도 볼 수 있으며, 어떠한 동작을 일괄 처리하기 위한 용도로 사용한다.  스토어드 프로시저의 필수적인 형식은 다음과 같다.스토어드 프로시저를 호출하는 형식은 다음과 같다.CALL 스토어드_프로시저_이름() 스토어드 프로시저의 생성USE market_db;DROP PROCEDURE IF EXISTS user_proc;DELIMITER $$CREATE PROCEDURE user_proc()BEGIN SELECT * FROM member; -- 스토어드 프로시저 내용END $$DELIMITER ;CALL user_..

*해당 내용은 우재남 저자님의 을 보고 정리한 내용입니다. 인덱스의 장점SELECT 문으로 검색하는 속도가 매우 빨라진다.그 결과 컴퓨터의 부담이 줄어들어 결국 전체 시스템의 성능이 향상된다.인덱스의 단점인덱스도 공간을 차지해서 데이터베이스 안에 추가적인 공간이 필요하다.처음에 인덱스를 만드는 데 시간이 오래 걸릴 수 있다.SELECT가 아닌 데이터의 변경 작업(INSERT, UPDATE, DELETE)이 자주 일어나면 오히려 성능이 나빠질 수도 있다.인덱스의 종류클러스터형 인덱스: 기본 키로 지정하면 자동 생성되며 테이블에 1개만 만들 수 있다. 기본 키로 지정한 열을 기준으로 자동으로 정렬된다.보조 인덱스: 고유 키로 지정하면 자동 생성되며 여러 개를 만들 수도 있지만 자동 정렬되지는 않는다.USE ..

*해당 내용은 고경희 저자님의 을 보고 정리한 내용입니다. CSS를 통해 웹 문서의 내용과 상관없이 디자인만 바꿀 수 있다. 내용과 디자인이 구분되어 있으면 사이트의 내용을 수정할 때에도 디자인에 전혀 영향을 미치지 않아 편리하다. 또한 내용은 건드리지 않은 상태에서 스타일 시트를 이용해 디자인만 바꿔서 완전히 다른 느낌이나 문서로 만들 수도 있다. 다양한 기기에 맞게 탄력적으로 바뀌는 반응형 웹 디자인 사용자가 PC로 접속하든, 모바일로 접속하든 웹 브라우저의 크기에 따라 화면 레이아웃을 자동으로 바꿔 준다. 2가지 웹 문서를 따로 만드는 것이 아니라 하나의 웹 문서에서 작동하도록 만드는 것이 바로 스타일의 역할이다. 스타일 형식 선택자 {속성1: 속성값1; 속성2: 속성값2;} 스타일 규칙 작성하는 ..

*해당 내용은 고경희 저자님의 을 보고 정리한 내용입니다. 폼을 만드는 태그 여러 폼 요소 태그의 속성 종류 설명 method 사용자가 입력한 내용을 서버 쪽 프로그램으로 어떻게 넘겨줄 것인지 지정한다. 속성값은 get과 post이다. -get: 데이터를 256 ~ 4,096byte까지만 서버로 넘길 수 있다. 주소 표시줄에 사용자가 입력한 내용이 그대로 드러나는 단점이 있다. -post: 입력한 내용의 길이에 제한받지 않고 사용자가 입력한 내용도 드러나지 않는다. name 자바스크립트로 폼을 제어할 때 사용할 폼의 이름을 지정한다. action 태그 안의 내용을 처리해 줄 서버 프로그램을 지정한다. target action 속성에서 지정한 스크립트 파일을 현재 창이 아닌 다른 위치에서 열도록 한다. 자..

*해당 내용은 고경희 저자님의 을 보고 정리한 내용입니다 다양한 멀티미디어 파일을 삽입할 때 쓰는 태그: 오디오, 비디오, 이미지 등 다양한 멀티미디어 파일을 삽입할 수 있다. HTML의 , , 태그를 지원하지 않는 웹 브라우저를 고려해야 하면 태그를 사용해 멀티미디어 파일을 삽입한다. 웹 브라우저에서 지원하는 멀티미디어 파일의 종류 종류 확장자 설명 비디오 mp4 많이 사용하는 비디오 형식으로, 라이선스가 있지만 웹에서는 무료로 사용할 수 있다. webm 화질이 우수하고 무료라서 mp4와 함께 많이 사용한다. 오디오 mp3 대부분의 음원에서 사용하는 형식이다. 무료로 사용할 수 있다. mp4, m4a mp3의 문제점을 개선한 AAC 코덱을 사용한 파일 형식이다. 확장자는 mp4뿐만 아니라 m4a를 사용..

*해당 내용은 고경희 저자님의 을 보고 정리한 내용입니다. 표의 구성 요소 표는 행과 열, 그리고 셀로 이루어진다. 셀은 행과 열이 만나 이루어진 곳으로 표의 내용이 들어가는 한 칸을 의미한다. 표를 만드는 , 태그 표의 시작과 끝을 알려주는 과 태그를 표시하고 그 사이에 표와 관련된 태그를 모두 넣는다. 표에 제목을 붙이고 싶으면 바로 아랫줄에 태그를 사용한다. 태그를 사용하면 제목은 표의 위쪽 중앙에 표시된다. 표 제목 행을 만드는 태그와 셀을 만드는 , 태그 태그 안에 행이 몇 개인지, 각 행에는 셀이 몇 개인지 지정해야 한다. 태그는 행을 만들고 태그는 행 안에 있는 셀을 만들기 때문에 태그 안에 , 태그가 모두 모여야 하나의 셀을 만들 수 있다. 1행 1열 1행 2열 2행 1열 2행 2열 표의 ..

*해당 내용은 고경희 저자님의 을 보고 정리한 내용입니다. 제목을 나타내는 태그 h는 제목을 뜻하는 heading을 줄인 말이다. n의 자리에는 1~6의 숫자가 들어가며 제목 텍스트를 크기별로 표시할 수 있다. 이 가장 큰 제목이고 , , …, 의 순서로 크기가 작아진다. 태그는 닫는 태그인 을 반드시 사용해야 한다. 제목 텍스트 단락을 만드는 태그와 줄을 바꾸는 태그 태그 : 와 태그 사이에 텍스트를 입력하면 텍스트 앞뒤로 빈 줄이 생기면서 텍스트 단락이 만들어진다. 기억해야 할 점은 편집기에서 줄을 바꾸더라도 웹 브라우저에서는 한 줄로 표시된다는 것이다. 태그 : 태그는 텍스트 단락을 만들 때 원하는 위치에서 줄을 바꿀 수 있다. 태그는 단독으로 사용하므로 닫는 태그가 필요 없다. 내용 인용할 때 쓰..

*해당 내용은 고경희 저자님의 을 보고 정리한 내용입니다. HTML HTML은 HyperText Markup Language의 줄임말로 간단히 웹 문서를 만드는 언어라고 할 수 있다. 하이퍼텍스트란 문서를 서로 연결해 주는 링크를 의미하고, 마크업은 표시한다는 뜻이다. 태그(Tag) 웹 문서는 내용을 작성하는 프로그램과 그 내용을 확인하는 프로그램이 다르다. 예를 들어 웹 문서에서 표를 만들 때 웹 브라우저에서 바로 표를 삽입할 수 없고 비주얼 스튜디오 코드 같은 웹 편집기에서 마크업 형식으로 표를 작성해야 한다. 이때, 웹 브라우저가 어느 부분이 제목, 텍스트 또는 표인지 구별할 수 있도록 꼬리표를 붙여야 하는데 이 꼬리표를 태그라고 한다. HTML 문서의 기본 구조 HTML 문서는 일반 문서와 달리 ..

*해당 내용은 고경희 저자님의 을 보고 정리한 내용입니다. 웹 브라우저 웹 사이트를 방문할 때 사용하거나 웹 개발자가 웹 편집기로 작성한 문서를 화면에 나타내는 프로그램을 말한다. 웹 브라우저의 종류 종류 제조업체 특징 크롬 구글 HTML5 등장할 때 가장 빨리 지원한 웹 브라우저로 사용자가 가장 많다. 다양한 확장 프로그램으로 필요한 기능을 추가하여 사용 가능하다. 엣지 마이크로소프트 크롬 브라우저 같은 엔진을 사용하여 같은 기능을 대부분 제공한다. 파이어폭스 모질라 개발자들이 가장 많이 사용하며 개발 도구와 부가 기능이 뛰어나다. 웹 편집기 웹 문서를 만들 HTML 태그를 비롯해 CSS나 자바스크립트 소스를 입력하는 프로그램으로 코드 편집기라고도 부른다. 메모장, 전문 편집기 등 텍스트를 입력할 수 ..