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

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

seul chan 2016. 12. 31. 05:14

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://opentutorials.org/course/1688/9365)

*PHP 기본 환경설정 변경

-error를 표시하기 / 바로 연걸시키기

/opt/lamp...~/php/etc 에 php.ini 파일 실행

-display_errors = On 으로 변경

-opcashe.enable = 0 으로 변경 

(실제 환경에서는 off, 1로 하는게 맞지만 개발의 편리성을 위해서)


20.웹페이지에 코드 삽입하기(https://opentutorials.org/course/1688/9366)

*php 삽입하기

-<body> 안에 <?php ~~~~~~~~~~ ?> : php의 시작과 끝 부여

=> 이렇게 써도 html에서는 body 안의 text만 나옴. 

ex) echo 10+10 => html에서는 20이 찍힘: 이는 html, css는 할 수 없는 일


*Javascript 삽입하기: <script> </script>

-javasript 문법: document.write(10+10)

(??) python은 어떻게 ??

*PHP와 Javascript의 차이 => 소스코드 보기를 하면 php는 php 코드의 결과, javascript는 코드가 직접 나옴

-php는 서버쪽에서 사용됨. 이 구문의 결과가 만들어져서 웹브라우저로 전달

-Javascript는 웹브라우저가 해석해서 처리하는 언어, 서버에서는 손대지 않고 웹에서 코드를 해석해서 화면에 반영



21.데이터타입과 연산자(https://opentutorials.org/course/1688/9367)

*Javascript와 PHP의 차이점

-문자를 더할때 js는 숫자와 마찬가지로 +, PHP는 .으로 문자를 더하기


*디버깅: 오류를 해결하기 (3.php)

=> Console에 들어가면 빨강색으로 나옴

lamp~~~/apache2/logs/ 에 error_log를 시행하면 error로그를 확인할 수 있음


23.변수(https://opentutorials.org/course/1688/9369)

*Javascript: 그냥 =, 

*PHP: $를 붙여야 변수값 ex) $name = "슬찬"


24.비교(https://opentutorials.org/course/1688/9370)

*PHP에서는 echo가 아니라 var_dump() 안에다가 boolean을 써야함


25.조건문(https://opentutorials.org/course/1688/9371)

*Javascript, PHP 조건문 거의 비슷

if(true/false){

}else{

}