전체 글
-
웹기초 13주차보안/WEB 2024. 3. 13. 18:46
(29) WEB3 - PHP & MySQL : 8.1.SELECT 사용법 1 - YouTube 데이터를 가져오는 select 를 알아보자. select.php에서 출력하게 하려면 데이터베이스 서버에게 셀렉트 문을 전송해야 한다. topic 개수에 제한을 걸 수 있다. ex.LIMIT 100 mysqli_query에는 행이 담겨있지 않고 다른 게 있다는 것을 알 수 있다. mysqli_query는 실패했을 때 false를 리턴한다. 읽기 관련 sql을 실행하면 어떤 객체를 리턴한다. num_rows: 행 개수 (30) WEB3 - PHP & MySQL : 8.2.SELECT 사용법 2 - YouTube php의 데이터타입으로 변환하는 과정에서 mysqli_fetch_ 라는 ..
-
웹기초 12주차보안/WEB 2024. 3. 13. 16:45
(15) WEB3 - PHP & MySQL : 1.수업소개 - YouTube 하나의 파일 안에 본문, 이름, 시간, 방문자의 댓글 등을 저장하고 싶고 글 목록 순서 정렬 등을 하고 싶어졌다. 정보의 양과 종류, 사용자의 증가로 문제점이 많이 생겨났다. 데이터베이스를 이용하면 문제를 해결할 수 있다. (15) WEB3 - PHP & MySQL : 2.PHP와 MySQL의 연동 원리 - YouTube 웹브라우저의 사용자가 index.php 라고 입력하면 웹브라우저는 index.php라는 파일을 가진 웹서버에 접속한다. 웹서버는 처리할 수 없으므로 php라는 프로그램에 index.php 의 처리를 위임한다. php 는 파일을 읽고 해석해 동작한다. 그런데 php 코드 중에 mysql 함수가..
-
웹기초 11주차보안/WEB 2024. 3. 13. 14:44
(2) DATABASE2 MySQL - 1.수업소개 - YouTube 처음에는 파일로 만족했지만 정보가 다양해지면서 파일만으로는 정보를 효과적으로 입력, 저장, 출력하는 것이 어려워졌다. 1960년부터 파일의 한계를 극복하기 위한 시도가 시작되었다. 누구나 쉽게 데이터를 정리정돈할 수 있는 전문적인 소프트웨어-> 데이터베이스 1970년 관계형 데이터베이스가 고안되었다. 관계형 데이터베이스를 이용하면 데이터를 표의 형태로 정리정돈할 수 있고 정렬, 검색과 같은 작업을 빠르고 편리하고 안전하게 할 수 있다. 1994년 스웨덴에서 개발되기 시작한 MySQL은 무료이고 오픈 소스이면서 관계형 데이터베이스의 주요한 기능을 대부분 갖추고 있다. (2) DATABASE2 MySQL - 2.데이터베ᄋ..
-
웹기초 10주차보안/WEB 2024. 3. 13. 13:42
(6) WEB2-PHP-10.조건문 예고 - YouTube url의 id 값이 없을 때는 home에 적당한 글을 넣고 id 값이 있다면 id 값에 따라 분류해 표현하는 페이지를 만들고 싶은 경우에 조건문을 사용할 수 있다. (6) WEB2-PHP-11.Boolean과 비교 연산자 - YouTube php의 data type을 살펴보자. 새로운 타입인 boolean에 대해 알아보자. boolean은 true/ false 라는 두 개의 데이터로 이루어져있다. 비교연산자와 관련되어있다. var_dump는 입력값을 데이터타입까지 포함해서 출력해준다. var_dump에서는 산술연산 값도 포함해서 출력해준다. == 은 좌항과 우항의 값이 같은지 아닌지를 확인해준다. ..
-
웹기초 9주차보안/WEB 2024. 3. 13. 11:40
(4) WEB2-PHP-1.수업소개 - YouTube 1990년 웹이 등장했다. html을 수동으로 만드는 것에 대한 불만족이 생겨났다. 1995년 php가 만들어졌는데 이는 웹페이지를 자동으로 만들어준다. (4) WEB2-PHP-2.수업의 목적 - YouTube 웹사이트의 리스트가 1억개라고 상상하고 이 상황에서 하나의 웹페이지를 추가했을 때 어떤 일이 일어날까? php 페이지를 추가하면 리스트를 글목록에도 추가해줘야 한다. 마지막으로 추가한 항목을 모든 웹페이지에 한 번씩 다 추가해줘야 한다. 웹페이지가 많아질수록 순수한 html만으로는 생산성의 한계에 직면한다. -> php 가 있으면 해결할 수 있다. 뭔가 바뀐 후 웹페이지의 URL 주소들 주소를 비교해보자. 1개의 파일..
-
웹기초 8주차보안/WEB 2024. 3. 13. 09:39
(23) WEB2 JavaScript - 30.객체 쓰기와 읽기 - YouTube 배열은 정보를 담는 그릇이며, 정보가 순서대로 저장된다. 객체: 순서 없이 저장되는 것이자. 이름이 있는 정리정돈 상자 라고 할 수 있다. 배열은 대괄호[], 객체는 중괄호{}를 사용한다. var coworkers ={}; 는 비어있는 객체이다. 객체에 정보를 넣어보자. 정보에 대한 이름을 넣어줘야 한다. ex. programmer:egoing, designer:leezhe -> 객체 안에 egoing이라는 정보를 programmer라는 딱지(정보명)를 붙여 저장한다 정보를 꺼내오고 싶다면 document.write("딱지 : "+객체명.딱지); 여기서 '.'은 객체에 접근하는 오퍼레이터이다. desig..
-
웹기초 7주차보안/WEB 2024. 3. 13. 07:38
(18) WEB2 JavaScript - 22.배열과 반복문 - YouTube li 태그가 복잡해진다면 목록 작성하는 것이 힘들 것이다. 서로 연관된 데이터들을 자바스크립트에서 담는 방법 = 배열 배열에 담긴 데이터를 순차적으로 꺼내 li 로 만들어주는 것을 반복문을 통해 나타낼 수 있다. coworkers 라는 변수를 만들어주고, 배열의 항목들을 원소(element)라고 함. coworkers가 나타내는 배열의 원소를 li 태그로 바꾸기 위해 script 표시 해주기 li 태그 만들기 : document.write('/') 를 배열의 항목 만큼 반복 -> 여기서는 4번 실행 while문과 count문(실행 횟수 세기)작성 while (i coworkers[i] 그런데 배열 인덱..
-
웹기초 6주차보안/WEB 2024. 3. 13. 05:37
(4) WEB2 JavaScript - 15. 비교 연산자와 블리언 - YouTube 동등비교연산자: 왼쪽의 값과 오른쪽의 값이 같으면 True가 출력된다. === 은 비교연산자이자 이항연산자(좌항과 우항이 있을 때 좌항과 우항을 결합해 어떤 데이터를 만들어낸다 ) 1===1: true 1===2: false true, false 는 "Boolean" 이라고 불린다. 지금까지 살펴본 data type: number, string, boolean number 무한히 많다. string 무한히 많다. boolean은 두 개의 데이터로만 이루어진 data type 2. 크기 비교 html: 1 1<2 (lt=less than) (4) WEB2 JavaScript - 1..
-
웹기초 5주차보안/WEB 2024. 3. 13. 03:35
(3) WEB2 JavaScript - 9. CSS 기초 : style 속성 - YouTube duplicate: 복제 새로운 파일을 만들어서 실습을 진행했다. h2 태그에 해당하는 JavaScirpt 부분을 디자인적으로 바꾸고 싶은 경우: 바꾸고 싶은 태그에 style 코드 쓰기 style안에 css 가 온다. 폰트 컬러를 powderblue 로 바꾸어보자. : h2 태그 안에 style 같이 넣어서 한다. color 부분이 css이다. style 은 html의 문법이다. style 로 웹브라우저에게 이 코드가 자바스크립트라는 것을 알려준다. property 이기도 하다. 2. JavaScript 에 백그라운드 효과를 주자 : body {background-color: coral;} ..