본문 바로가기

웹_프론트_백엔드/프론트엔드

(37)
2021.01.24 1. 만약 Apache와 MySQL이 안될때, 제일 먼저 확인해야 하는 것 1) Apache2.4 2) MySQL 2. SQL(Structured Query Language) : 데이터베이스에서 데이터를 정의, 조작, 제어하기 위해 사용하는 언어이다. 3. 특징 대소문자를 구별하지 않는다. 문자열을 저장할때 ''(홑따옴표)만 사용한다. 4. 데이터베이스(DataBase) : 저장소, 데이터를 통합하여 관리하는 집합체를 의미한다. 5. 데이터베이스 관리시스템(DataBase Management System, DBMS) : MySQL -> 데이터베이스를 관리해주는 소프트웨어를 말한다. 6. 데이터베이스 - 테이블(Data 저장) → 엑셀과 비슷 [열] 컬럼, 필드, 어트리뷰트, 속성 [행] 로우, 레코드, ..
2021.01.23 1. 세션(Session) : 웹 사이트의 여러 페이지에 걸쳐 사용되는 사용자의 정보를 저장하는 방법을 의미한다. 사용자가 브라우저를 닫아 서버와의 연결을 끝내는 시점까지 세션이라고 한다. 세션은 서비스가 돌아가는 서버 측에 데이터를 저장하고, 세션의 키값만을 클라이언트 측으로 남겨둔다. 브라우저는 필요할 때마다 이 키값을 이용하여 서버에 저장된 데이터를 사용하게 된다. ** 웹은 특성상 한 번 접속해서 페이지를 받게 되면 연결을 끊는다. ** 요청한 사용자가 서버에 붙어있는 상태가 아니기 때문에 서버는 요청한 사용자가 존재하는지 알 방법이 없다. 이에 대한 해결책으로 time, 유효시간이 주어져서 이 시간동안 다른 페이지를 요청하는지의 여부로 판단한다. ** 유효시간 내에 사용자가 다시 페이지를 요청하..
2021.01.17 1. PHP의 데이터 타입 : 타입이란 프로그램에서 다룰 수 있는 값의 종류를 의미한다. 1) 정수(integer) : 정수는 부호를 가지는 소수부가 없는 수를 의미한다. PHP에서 정수의 표현범위는 운영체제에 따라 달라지며, 64비트 운영체제를 기준으로 -2,147,483,648 ~ + 2,147,483,647 사이의 값을 가진다. 2) 실수(float) : 실수는 소수부나 지수부를 가지는 수를 의미하며, 정수보다 더 넓은 표현 범위를 가진다. 3) 불리언(boolean) : 불리언은 참(true)과 거짓(false)을 표현한다. PHP에서 불리언은 상수인 true, false를 사용해 나타내며, 대소문자를 구분하지 않는다. 따라서 true, false 값들 이외에 모든 값을 true로 인식하고 0은 ..
2021.01.16 1. HTML, CSS, JavaScript, jQuery : 브라우저에서 해석되는 언어 2. php or node.js : 서버측에서 해석되는 언어(웹 서버 프로그램) 3. 아파치 서버, PHP 다운 : 다운로드 파일은 수업에서 제공 ** 제공받은 압축파일을 풀고 c 드라이브 이동 1) 아파치 서버 설치 : Apache24 > conf > httpd.conf(아파치 설정 파일) 수정 > 윈도우 로고 + Pause 단축키 이용, 시스템 > 고급 시스템 설정 > 환경변수 > 시스템변수, Path 선택 후 편집 클릭 > 새로 만들기 클릭 후 C:\Apache24\bin 추가 > 확인 > 확인 클릭 > 명령 프롬프트 관리자 권한으로 실행 > httpd -k install > 보안경고, 엑세스 허용 클릭 > h..
2021.01.10 1. jQuery(제이쿼리) : 오픈소스 기반의 자바스크립트 라이브러리이다. 제이쿼리를 이용하면 문서 객체 모델(DOM)과 이벤트(Event)에 관한 처리를 좀 더 쉽게 구현할 수 있다. 또한 Ajax 응용 프로그램도 제이쿼리를 통해 빠르게 개발이 가능하다. 2. 부트스트랩은 웹사이트를 쉽게 만들 수 있게 도와주는 HTML, CSS, JS 프레임워크이다. 3. 제이쿼리 버전 1.X : 익스플로러 6, 7, 8 버전에서의 동작까지 모두 지원하는 버전 2.X : 버전 1에서 지원하는 익스플로러 6, 7, 8 버전에 대한 지원을 중단한 버전 3.X : 제이쿼리의 표준, 기존 버전과의 호환성을 유지한 더욱 간결하고 빠르게 동작되도록 설계되어 있다, 익스플로러 9이상에서만 동작 4. jQuery 공식 사이트 ht..
2020.09.27 1. 자바스크립트 정규식(=정규 표현식) ^x : 문자열이 x로 시작한다. x$ : 문자열이 x로 끝난다. .x : 임의의 한 문자를 표현한다. x+ : x가 1번이상 반복한다. x? : x가 존재하거나 존재하지 않는다. x* : x가 0번이상 반복한다. x|y : x또는 y를 찾는다. (x), (x)(y), (x)(?:y) : ()안의 내용을 캡쳐하며, 그룹화 한다. x{n} : x를 n번 반복한 문자를 찾는다. x{n,} : x를 n번 이상 반복한 문자를 찾는다. x{n,m} : x를 n번 이상 m번 이하 반복한 문자를 찾는다. [xy] : x,y중 하나를 찾는다. [^xy] : x,y를 제외하고 문자 하나를 찾는다. [x-z] : x~z 사이의 문자중 하나를 찾는다. \^ : 특수문자를 문자로 인식..
2020.09.26 1. 지난 시간에 공부한 것을 복습하기 위한 예제 ** 1_시계만들기.html 시계 만들기 2. 문서 객체 모델(Document Object Model) : XML이나 HTML문서에 접근하기 위한 일종의 인터페이스이다. 이 객체 모델은 문서 내의 모든 요소를 정의하고, 각각의 요소에 접근하는 방법을 제공한다. ** HTML로 표현 HTML 문서 ** DOM으로 표현 3. document 객체 : 웹 페이지 그 자체를 의미한다. 웹 페이지에 존재하는 HTML 요소에 접근하고자 할 때 반드시 document 객체로부터 시작해야 한다. ** DOM에 필요한 document 객체 메소드 getElementsByTagName() : 해당 태그 이름의 요소를 모두 선택한다. getElementById() : 해당 ..
과제-주민등록번호 검증 페이지 작성 prompt를 이용하여 주민등록번호를 입력 받아 주민등록번호 검증 페이지를 작성해보자! 첫 번째, 주민등록번호 각 자리에 2, 3, 4, 5, 6, 7, 8, 9, 2, 3, 4, 5 숫자를 곱한다(마지막 자리는 제외). 0 0 1 0 1 1 3 0 6 8 5 1 8 2 3 4 5 6 7 8 9 2 3 4 5 두 번째, 곱한 값을 모두 더한다. 0 + 0 + 4 + 0 + 6 + 7 + 24 + 0 + 12 + 24 + 20 + 5 = 102 세 번째, 더한 값을 11로 나눈 나머지 값을 구한다. 102 % 11 = 3 네 번째, 나머지 값을 11에서 뺀다(단, 11에서 나머지 값을 뺀 값이 두자리라면 10으로 나눈 나머지 값을 구함). 11 - 3 = 8 다섯 번째, 11에서 뺀값이 주민등록번호의 마지..
2020.09.20 1. 내장 객체 1) String 객체 : 자바스크립트에서 문자열을 손쉽게 만들 수 있는 객체이다. 또한 문자열을 쉽게 다룰 수 있다. const str = 'JavaScript'; const strObj = new String('JavaScript'); (str == strObj); // true (str === strObj); // false // 문자열의 길이는 length 프러퍼티에 저장 console.log(str.length); // 10 ** String 객체 메소드 indexOf() : 특정 문자나 문자열이 처음으로 등장하는 위치를 리턴 chatAt() : 특정 문자열에서 전달 받은 인덱스에 위치한 문자를 리턴 includes() : 특정 문자열에서 전달 받은 문자열이 포함되어 있는지 여부..
2020.09.19 1. 자바스크립트는 오해할 수 있으나 완벽한 객체지향 언어가 아닌 객체 기반의 스크립트 프로그래밍 언어이다. 원래는 프로토타입 언어였고 추후 객체 필요성으로 인해 객체 기능이 들어간 것이다. 2. 객체(Object) : 키(key)와 값(value)으로 구성된 프러퍼티(property)들의 집합. 프로퍼티의 값은 자바스크립트에서 사용할 수 있는 모든 값을 담을 수 있다. // 배열 const student = ['김사과', '반하나', '오렌지']; // 객체 const student1 = { num:1, name:'김사과', kor:90, math:100, eng:60 }; const student2 = { num:2, name:'반하나', kor:100, math:40, eng:60 }; // 객체 ..