etc/생활코딩-웹프로그래밍 9

07 데이터베이스 이론 (MySQL 기본적인 이론), 생활코딩

34.데이터베이스(MySQL) 이론(https://opentutorials.org/course/1688/9386) 12.31 1.데이터베이스 이론1 *데이터베이스? 정보를 관리하는 전문 에플리케이션-File: 가장 기본적, 원시적인 데이터 수단. 어디서든 쉽게 쓸 수 있음-데이터베이스: (에플리케이션)- 파일을 사용하지 않고 database를 통해서 사용데이터베이스의 장점은? 안전하다, 빠르다(index 사용), 프로그래밍적 제어 가능 -관계형 데이터베이스: 데이터베이스 종류 중 보편적인 db (MySQL, ORACLE, MS-SQL 등...) ps. MariaDB(최근 발전하는 db) *mariaDB는 알아둘 필요가 있겠다! *Structured: 정돈된, 구조화된 상태-표 == table (excel..

06 PHP 실습- php를 사용하여 html 문서의 정보 분리하기

33.PHP 실습(https://opentutorials.org/course/1688/9383) 12.31*1.PHP실습1 -php 사용 전에는 index.html, page_html.html 과 같이 주소에 맞는 html을 하이퍼링크를 통해서 연결 (즉, 실제 파일이 존재한다.) -> html 코드를 변경해야 한다면, 웹페이지의 변화가 필요하다면 모든 변화를 하나씩 수정해야한다는 것 (중복이 존재)-> 중복을 제거해서 html 정보를 하나의 파일에 담고 싶다!-> 이를 위해서 정보를 txt 파일에 나눠 담고 (1.txt, 2.txt 등...) html은 index.php에 담기, 즉, 정보로부터 html의 중복을 제거한 것. -> 궁극적으로 database에 정보를 저장하고, 사용자가 정보를 요구하면 ..

05 JavaScript 실습

32.자바스크립트 실습(https://opentutorials.org/course/1688/9381) -12/311.JS 실습1*방법론적인 것은 점점 더 배워야함: "이런것이다"라는 것을 이해하기 위해서 하는것-javascipt에 1.html 폴더 *input tag: 사용자가 정보를 입력할 수 있는 장치, -type 속성으로 뭘 주느냐에 따라서 input하는 방법이 다르다: checkbox, text, button 등...-value: 값이 white가 되는 것 *script-alert: 알림 창이 뜨게 하는 것. 경고 창이 뜨게 하는 것*자바스크립트의 이벤트 프로그래밍: script 태그 안쪽에 존재훌 수 있지만, html 태그 안쪽에 존재해도 괜찮다. -input 태그 안에 onclick이라는 속성..

04 UI와 API, 프로그래밍을 어떻게 접근할 것인가?

30.UI vs API(https://opentutorials.org/course/1688/9379) -12/31*UI: User Interface-아래의 prompt 창을 실행한 인터페이스-우리가 만든것이기도 하고, 아니기도 하다. *API: Aplication Programming Interface-prompt("비밀번호를 입력해주세요") ; 라는 이 코드, 전달하는 이 메세지-> 일종의 인터페이스: 웹브라우저에게 무언가를 요청하는 애플리케이션, *구체적으로 설명하자면?-유저 인터페이스 (prompt 창), UI

03_2 javascript, php를 활용한 로그인 기능, 반복문, 배열, 함수

26.로그인 기능 만들기(https://opentutorials.org/course/1688/9372)*로그인 기능: Javascript로 만들기localhost/phpjs/7.php*PROMPT 기능- input과 비슷한 기능이라고 생각하면 될듯-> 이는 html, css는 할 수 없다. python으로도 똑같이 할 수 있을듯! *PHP로 로그인 기능 구현하기 (localhost/phpjs/8-1.php, 8-2php)-문을 사용해서 사용자가 submit을 누르게 되면 input 태그의 정보들을 form tag의 action 속성이 가르키는 웹브라우져를 열면서 8-2.php 뒤에다가-> 8-2.php?password=*(password: name이라는 속성을 ? 뒤에 넣어줌, 그리고 input 값을 =..

03_1JavaScript & PHP 기초- html에 js, php 삽입하기

17.프로그래밍 (JS, PHP 이론)(https://opentutorials.org/course/1688/9363)*복습 겸 정리 -html, css: 클라이언트 쪽 언어-PHP, 데이터베이스... : 서버쪽 언어 (1) Javascript vs PHP -HTML/CSS: 정적인 언어/Javascript, PHP: 동적인 언어-Javascript: 사용자의 input에 반응하게 해주는 언어-PHP: html/css를 나눴을 때의 장점을 PHP가 해줌,(많은 웹 페이지를 수정하지 못해서 나온 것이 CGI ... (너무 깊음), PHP, 펄...) 18.복습과 수업 예고(https://opentutorials.org/course/1688/9364)19.JavaScript vs PHP(https://open..

웹어플리케이션 02. CSS 이론과 실습

15.CSS 이론(https://opentutorials.org/course/1688/9350) -Cascading Style Sheet (CSS)HTML + CSS: 뗄 수 없다! html의 시각적인 것들 ==> CSS, HTML은 '정보'가 중요!-어떻게 html, css가 공존하는가? => -style이라는 tag를 만나면? 이제부터 나오는 것은 css라고 인식, 끝태그를 만나면 종료, 다시 html로...-style 태그는 html (가 있으니깐)-h1: h1 tag들을 말함(여러개 있어도) *CSS 문법 정리: h1 {color:red}1)h1: 선택자(selector)2){color:red; font-size:10px}: 서술(description)3)color, font-size: 속성(pr..

웹어플리케이션 01. HTML 기초 알기

12.HTML 이론(https://opentutorials.org/course/1688/9340) *HTML: hyper text markup language-가장 중요한 특징: '하이퍼텍스트' = 링크, 이 링크로 연결된 정보 덩어리: 웹, -markup language: 사람/웹브라우저 모두 알아들을 수 있는 언어*markup? => Tag를 알아야함, -tag: 정보를 알려주는.. 열린태그(시작태그0 / 컨텐츠 / 닫히는태그(끝태그: /)content *HTML 문법: 속성-a태그: 링크 태그생활코딩-속성 주기:생활코딩#href: 속성명 부분(href가 링크를 의미), =이후: 속성값# target="_blank": 새 창에서 링크를 연다# target="_self": 기본 창에서 링크를 연결 *H..

웹어플리케이션 00. 준비 단계

* 구상 -> 기획 -> 디자인 -> 개발 -> 테스트 *구상/기획-UI 모델링: User Interface를 모델링 하는것, (UI; 사용자가 시스템을 조작하는 장치)-직접 손그림/ 펜슬 / PPT / 발사믹 (유료) 등 다양한 방법으로 가능 *웹&서버&클라이언트 *웹서버-아파치, Nginx 등... -개발자 도구 설치를 간편하게 해주는 bitnami, apm setup 등...-bitnami 설치까지 완료 (12/6) -https://bitnami.com/stack/lamp 에서 run file 다운로드(만약 실행이 안 될 경우 chmod로 권한 변경해주고 실행)~/다운로드$ sudo chmod 700 bitnami ~~ .run~/다운로드$ sudo ./bitnami ~~run -otp/lampst..