[10일] 자바스크립트, PHP 실습

1. 프로그래밍 접근방법 (https://opentutorials.org/course/1688/9380)

- 적정 용도의 언어를 적정 수준으로 배우세요.

- API를 탐험해보세요

- 그것을 좋아할 관객을 찾으세요

- 한계를 경험하라

- 더 잘 할 수 있는 방법에 대한 연구를 찾아라.

- 대학의 전공 과정(대학에서 배우는것과 취지를 파악해보고, 나중에 문제에 직면했을때 당면한 문제를 해결할 수 있는 부분을 학습해라.)

- Computational Thinking

- 알고리즘/데이터 스트럭쳐/디자인 패턴/프래임 웍크/컴퓨터 구조 등.....

2. 자바스크립트 실습 (https://opentutorials.org/course/1688/9381)

- HTML

-<input> 태그 

- type 속성 : text/botton/checkbox 등등으로 사용자의 입력을 받을 수 있음.

- value 속성 : 버튼이라면 버튼위에 나타나는 글씨

- onclick 속성 : 클릭 되었을 경우 정의된 JavaScript코드를 실행함.

- onfocus 속성 : 포커스가 왔을 때 발생하는 Event

- onblur 속성 : 포커스를 잃었을 때 발생하는 Event

- <div> 태그

- tag들을 묶어주는 역할.

- CSS

- HTML tag에 class 속성 : class속성을 이용해 서로다른 태그를 묶어서 CSS를 적용 할 수 있음.

- CSS에서 사용할때에는 .Class이름 / #ID이름

- tag명.class명

- JavaScript : HTML을 제어하는 언어.

- document : this와 같은 느낌. 코드가 작성된 문서 자신.

- getElementById('ID') : 해당 id를 갖고 있는 Element를 가져옴.

- [element].value : element가 갖고 있는 값을 return함.

- [element].ClassName='class 이름' : 을 이용해서 JavaScript로 class속성을 정의할 수 있음

- [element].addEventListener('행위(click)', function(){ 함수 내용 }) : element에 이벤트 리스너를 연결 할 수 있음.

소스에서 지정한 행위가 일어나는지 기다리고, 해당 행위가 발생하면 function이 실행됨.

--> 이 내용은 body태그가 닫히기 직전에 작성해 준다.

 

** disqus : 댓글 기능 / tawk : 채팅 기능

• disqus.com, livere.com(국내서비스)
• tawk.to, sendbird.com(국내서비스)

 

 

3. PHP 실습

- PHP는 서버단으로 가서 프로그래밍 한 내용대로 동작을 함. DB에서 데이터를 읽어와 화면을 구성 할 수 도 있고, listener를 이용하여

이벤트가 발생할 때 원하는 동작을 작성 할 수 도 있음. 이와같은 장점이 PHP의 생산성임.

Navigation의 구성이 달라졌을 경우 HTML로만 작성하면 모든 HTML파일에 가서 navigation부분을 공통적으로 수정해주어야 하지만,

PHP를 이용해 Navigation을 구성한다면 Navigation을 구성하기위해 읽어오는 DB나 File 에 추가되는 내용만 넣어주면 자동으로

화면에 추가가 됨.