웹프로그래밍/기초 6

7. 라이브러리 (twitter bootstrap)

참고: - 예뻐보이는 사이트 오른쪽 클릭 > 요소 검사하면 바로 확인해볼 수 있음 - textarea 공간 더 넓게 하고 싶다 -> rows=10 이런식으로 늘려줄 수 있음 (10칸 들어갈 수 있을 정도의 크기 설정해줌) 라이브러리란? 중복해서 사용되는 로직을 재사용 할 수 있도록 부품화(모듈화) 시킨 것 중복되는 부분을 따로 php파일로 만들어서 그 부분에 다음 코드를 더하면 중복을 제거할 수 있음 require("파일명"); require("lib/db.php") lib/db.php 에는 중복되는 코드들을 복사해둔다. 하지만 이렇게 하면 사실상 그냥 '중복의 제거'에 불과하고, 함수를 만들어서 사용하는 것이 일반적이다. 함수 function db_init(){ // 중복 내용 복사 } 그럼 위에 re..

5. 관계형 데이터베이스

관계형 데이터베이스 테이블로 이루어져 있고, 키값과 값을 가지고 있는 관계. column/field/attribute (각 열) 과 row/tuple/record (각 행)으로 이루어져 있다. 특징:1. 분류, 탐색, 정렬 속도 빠름2. 신뢰성 높고, 데이터의 무결성 보장 참고) http://tcpschool.com/mysql/mysql_intro_relationalDB SQL SELECT topic.id, title, author, name FROM topic LEFT JOIN user ON topic.author = user.id; SELECT topic.id, title, author, name FROM topic LEFT JOIN user ON topic.author = user.id WHERE ..

4. 데이터베이스

데이터베이스 1. 안전하다 2. 프로그래밍적 제어 가능 - 관계형 데이터베이스가 가장 일반적 - 종류: mysql, oracle, mssql 등 - MySQL 사용하면 MariaDB도 거의 같게 사용할 수 있음 - SQL: Structured Query Language MySQL MySQL monitor as a client. 기본적으로 설치되는 프로그램. 표준적인 mysql 클라이언트 명령어를 통해 데이터베이스를 제어하기 때문에 어려울 수 있음. 그래서 엑셀 같은 gui에서 디비 서버에 접속할 수 있는 프로그램들도 등장. 유료이거나, 사용 불가능한 경우도 있어서 monitor 사용법을 잘 알아두는 것이 좋다. 여기서는 그냥 windows 명령 프롬프트를 이용한다. C:\Bitnami\wampstack-..

3. PHP 실습

1. PHP 사용이유, $_GET PHP를 통해 다른 곳(ex. 데이터베이스)에서 정보를 가져오거나 저장할 수 있다. 즉, 정보를 더 안전하게 사용할 수 있다. 또, PHP를 이용하여 코드의 중복을 방지할 수 있다. 코드가 중복되지 않게, 즉 모듈러하게 만들어야 코드에 변경이 일어날 때 쉽게 수정할 수 있다. index.php?name="hi"를 주소창에 치면 $_GET['name'] 으로 hi를 받을 수 있음 2. file_get_contents()로 외부 파일 읽어오기 ex) 많이 변화되는 곳에 코드를 삽입한다. file_get_contents('파일명')는 해당 파일에 있는 데이터를 읽어오는 것이다. 이를 echo를 통해 웹페이지에 보내면 txt에서 읽은 파일을 브라우저에 띄울 수 있다. 위에서 불..

2. HTML, CSS, JavaScript, PHP

1. HTML - hypertext: 문서와 문서가 링크로 이어져 있다 - markup language: - tag: 시작 태그 - 끝 태그 사이 "컨텐츠"에 특정한 효과를 줄 수 있음 2. Semantic Web (HTML5) 의미가 잘 드러나는 웹 - 링크 - 본문 HTML5 태그: 특정 영역이라는 표시를 알려주는 태그 사용 - : nav 사이들 사이가 탐색 위한 곳이라는 것을 알려줌 - - 로 이미지를 띄울 수 있고, 이미지의 스타일 설정위해 똑같이 style태그를 이용한다. - float는 글자가 그림 옆으로 자동으로 올 수 있도록 해주는 것 (float: left/right) -> 이걸 안해주면 그림=한 줄로 설정되어서 못생기게 됨 실제 디자인 하기: - border-bottom/right: 구..

1. 웹 기초, 개발도구

1. 웹 기초 Client: HTML, CSS, JavaScript, 웹브라우저 Server: 미들웨어(PHP), 데이터베이스(MySQL), 웹서버 웹 애플리케이션 만드는 순서 (반복적) 기획 > 디자인 > 개발 > 테스트(QA, 버그찾기 등) 기획 모델링: Pencil(opensource), balsamiq(유로 소스), 파워포인트(제일 많이 사용됨) 인터넷과 웹 - 인터넷 (운영체제) > 웹 (app) / FTP(파일전송) / email(이전에 이메일 시스템) - 인터넷: 전세계 컴퓨터들이 연결되어서 파일을 주고 받을 수 있는 네트워크 - 웹: 전세계 네트워크를 활용해서 html로 된 웹페이지를 주고 받을 수 있는 서비스 - 웹브라우저 웹서버 (HTTP & 이걸 담은 HTML-언어-) 2. 서버 & ..