생활코딩 19

[생활코딩/웹어플리케이션] JavaScript vs PHP 기본 문법

PHP지금부터 PHP가 시작된다는 역할을 PHP엔진(PHP인터프리터)에게 알려주는 코드 PHP엔진은 해석된 결과를 웹페이지에 삽입한다. JAVASCRIPT웹브라우저가 자바스크립트를 해석해서 보여준다. PHP와 JAVASCRIPT의 차이 PHP는 서버 사이드 언어, 즉 서버에서 구문이 실행된 결과과 만들어져서 웹브라우저에게 전송된다.그러므로 웹브라우저에는 20이라고 찍히게 된다.@작동원리Client가 .php파일을 서버에 요청하게 되면 서버에서는 .php보고 php interpreter(혹은 php engine)에게 넘긴다. php interpreter는 php의 content를 해석해서 결과를 웹서버에게 넘겨주고 웹서버는 해석된 file을 웹브라우저에게 전달한다. JAVASCRIPT는 웹브라우저에서 해석..

[생활코딩/웹어플리케이션] JavaScript vs PHP

JavaScript vs PHP두 언어의 관계는 경쟁관계이자 협력적인 관계이다. HTML,CSS는 정적인 언어, 즉 한번 코드를 작성하면 웹브라우저에 한번 표시되면 사용자가 무엇을 하든 바뀌지 않는다.그러나, JavaScript,PHP는 동적인 언어로 상황에 따라서 다르게 동작할 수 있는 기능을 갖추고 있다. JavaScript가 주로 하는 일사용자 요청에 의해 웹브라우저에 명령할 수 있는 언어ex)모니터 출력화면에서 버튼을 클릭하면 화면 색상을 변경 PHP가 주로하는 일html문서는 태그와 정보가 하나의 덩어리로 구성됨즉, 변수와 상수:은 '태그', 변수와 상수는 '정보' 이때, PHP는 하나의 HTML태그로 여러 정보를 표현할수 있는 방법이다.즉, hTML문서 내의 태그와 정보를 분리하여 관리하는 방..

[생활코딩/웹어플리케이션] htdoc, HTML

htdocdocument root, 문서의 최상위 디렉토리웹서버가 문서를 찾는 최상의 디렉토리설정을 바꿔서 다른 위치로 변경할수 있다. HTMLHyper Text Markup LanguageHyperText: 문서와 문서가 링크로 연결되어 있다링크는 html의 본질이며 html의 본질은 웹의 본질이다. Markup→Tag Semantic Web: 의미가 잘 드러나는 웹xhtml → HTML5 Client Side Tech → 웹브라우저에서 동작하는 기술ex)Html, css, javascript Server Side Tech → 웹서버에서 동작하는 기술ex) php, mysql, java, python, oracle, mongoDB ...

[생활코딩/웹어플리케이션] 서버와 클라이언트

서버와 클라이언트서버: 웹서버가 설치되어 있는 컴퓨터 ex.을, 서비스종사자클라이언트: 웹브라우저가 설치되어 있는 컴퓨터 ex.갑, 고객 클라이언트(요청)↔서버(응답) 하나의 컴퓨터에서도 웹서버를 실행하고 웹브라우저를 확인할 수 있다. 웹서버의 종류Apache, Nginx, IIS 아파치 설치http://projects.apache.org/projects/http_server.html bitnami → https://bitnami.com/stack/wampapache, php, mysql을 한번에 설치해줌

[생활코딩/웹어플리케이션] 인터넷과 웹의 역사

인터넷>웹팀버너스리: 웹을 창조한 사람 인터넷: 전 세계의 컴퓨터들이 서로 연결되어 있는 거대한 네트워크웹: 네트워크를 활용해서 컴퓨터간에 웹페이지를 서로 주고받을수 있고 이것이 웹, 대중교통 시스템 느낌 2개의 소프트웨어인 웹브라우저와 웹서버통신규약인 http, 그리고 그걸 담고 있는 htmljavascript,css,mysql은 이를 도와주는 도우미 역할

[생활코딩/웹어플리케이션] 웹어플리케이션 만드는 순서(구상, 기획)

웹어플리케이션 만드는 순서1.구상 → 2.기획(계획) → 3.디자인 → 4.개발 → 5.테스트최소한의 기능에서 시작 → start small!복잡도 → ex) 체크박스, 기능하나를 추가할 때 마다 지수폭팔이 일어날 수 있으므로 신중히! 구상 → 목적을 생각하기기획 → UI모델링(User Interface) : 사용자가 시스템을 제어하는 조절장치사용자의 입장에서 동작하는 기능을 가상으로 만들어 보기(방법)1. 손그림2. 펜슬 http://pencil.evolus.vn/ http://opentutorials.org/course/221/14163. 발사믹(유료) https://balsamiq.com4. PowerPoint https://opentutorials.org/course/1688/9333