[7일차] ~코드삽입

1. 복습과 수업 예고 (https://opentutorials.org/course/1688/9364)

- PHP와 JavaScript

- <style> & <link> : CSS와, .css확장자로 작성된 css파일을 현재 HTML에 적용

- <script> & <script> : JavaScript와, .js확장자로 작성된 JavaScript파일을 현재 HTML에 적용

- 웹서버와 DB를 연결해주는 PHP(물론, Java(jsp), 파이썬 등등등 이 될 수도)

 

2. JavaScript vs PHP (https://opentutorials.org/course/1688/9365)

- 협력적인 관계

- HTML & CSS : 정적인 언어. 한번 브라우저에 올라오면 변경될 수 없음. -> 문서

- JavaScript & PHP(JSP, Perl 등..) : 동적인 언어. 사용자의 행위에 따라 페이지가 변경 될 수 있음. -> 프로그램, APP

 

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

- PHP (Server Side 언어 : 서버에서 해당 연산이 수행됨)

- PHP는 적용이 바로 안될 수 있음. 아파치 설정에서 opcache.enable=0으로 설정함으로서 캐시없이 바로 적용되도록 할 수 있음

- .php확장자 파일은 HTML 바탕에서 <?php 내용 ?>을 통해 PHP 프로그램을 작성 할 수 있음.

-> HTML속에 php태그가 사용되는 부분은 HTML로부터 독립적인 공간이라고 생각하면 될듯?

=> php소스는 서버에서 동작하고 그 결과를 가져오는 것이므로.

PHP 태그에서 작성하고 동작한 결과를 php태그부분에 넣어 준다고 생각하면 될듯.

- <?phph ?> 태그 내부에서는 HTML문법이 적용되지 않음.

- php문법

- echo : 출력할 때. --> 작성한 내용대로 php엔진을 통해 동작 후(사칙연산이든, 단순한 출력이든) 그 결과를 화면에 출력

- JavaScript (클라이언트 (웹 브라우저)가 해석해서 처리하는 언어)

- <script>태그 내부에 내용을 작성 한다.

- PHP는 서버에서 동작을 수행하고 그결과를 가져오지만, JavaScript는 웹 브라우져에서 작성된 내용을 해석해서 처리함.

 

 

 

* HTML ( 정보 )    -> CSS ( 아름다운 웹 )

  -> JavaScript ( 편리한 웹 )

  -> PHP/JSP 등..( 생산성 웹 )

  -> DB ( 데이터를 좀더 안전하게, 성능 )

* HTML 태그의 style 속성값에 CSS를 적용 할 수 있음.

* HTML 태그의 onclick속성값에 JavaScript를 작성하면 해당 태그의 onclick 이벤트가 발생할 때 JavaScript내용이 수행된다.

* CSS Animations