C-log

API를 사용해서 API에서 도출 받은 데이터를 sql로 연결해서 상황 마다 변화되는 값들을 sql로 보낼 것이다. 그리고 이 것들을 웹브라우저에 보여 줄 수 있게 제작 해 볼 것이다.

앞전에 우리가 작성한 코드에 많은 부족함이 있었다. 우선 전되는 데이터 값을 js에 있는 변수를 통해 동적으로 값이 변하길 원했으나 구현에 있어서 매우 미흡했다. 이를 실험하기 위해서 아주 작게 하나의 스크립트를 작성해 보려고 한다. 우리가 설계할 ERD는 아래와 같다. (ERD가 ERD답지 않다. 스케치 정도로만 봐두자) Button.php파일을 생성해보자. Button.php Click BUTTON HTML코드에서 body를 보면 input 태그가 세개가 있다. 첫 번째는 숨겨져 있는 input이다. 여기에는 js를 통해서 원하는 값을 변경하고 이를 form 태그의 POST방식으로 값을 process_data.phh로 옮겨지고 process_data.php에선 데이터를 sql로 넘겨지는 과정을 거치게..

우리가 제작한 형태의 작업물의 전체적 흐름의 모양은 아래 이미지와 같다. id값의 의미 id값은 단순히 정보를 URL에 특정 값으로 지정해주는 것이다. 한마디로 특정 페이지에 속성 값을 부여해서 구분짓기 위함이다. 즉, 이것이 데이터베이스와 연동을 했을 때 값을 주고 받을 때 또는 특정 값을 찾을 때 식별하기 위함이다. 이제 우리는 id값을 활용해야 하기 때문에 DATABASE를 연결해보자 우리가 선택한 DATABASE는 MySQL이다. 우리가 구성해 놓은 GET과 POST의 페이지를 구별해야한다. 우리가 구성해 놓은 GET과 POST 모두다. input 태그를 이용하게 되어 있다. 이를 구별하기 위해서 GET페이지에서는 정말 데이터를 가져오는 역할로만으로 CRUD 중 Read의 역할을 할 수 있다. 여..

앞시간에 우리는 js스크립트로만 URL의 id 값을 변경하는 것을 시도해봤다. 이번에는 js안에서 Ajax를 활용해서 URL의 id값을 변경해보려고 한다. 전체 코드는 아래와 같다. Change URL xhr.open(method,url,async) xhr.open함수는 XHR객체를 초기화하고 서버와의 통신을 설정하는 역할이다. xhr.open함수의 인자들은 세가지를 가진다. method는 HTTP에 요청하는 방식이다.(GET,POST,PUT...) url은 요청을 보낼 URL이다. async는 비동기 여부를 나타내는 부울 값이다. 이렇게 호출하고 요청이 완료되면 onreadystatechange이벤트 핸들러 함수로 넘어간다. XMLHttpRequest & onreadystatechange text속성인..

php로 페이지를 나누어서 우리가 각 URL의 id값을 변경하는 것처럼 보이게 코드들을 작성 하였다. 결국에는 페이도 코드도 정적인 것이다. 이것을 우리가 조금 이라도 말랑한 동적인 코드로 변환 시켜 보려고 한다. 웹페이지에서 버튼을 누르면 id의 값이 변경되는 것이다. 그래서 js코드를 활용해서 코드를 작성해 볼 것이다. 이 코드는 js 스크립트를 따로 작성하지 않고 HTML코드 내부에서 script태그를 이용해서 작성해 볼 것이다. 아래 전체 코드를 살펴 보자. js_id_another.php Change URL ID 코드가 그리 길어 보이지 않지만 우리가 여기서 알아야 할 개념이 있다. 그것은 정규표현식 이다. 정규 표현식은 문자열의 패턴을 검색하거나, 패턴을 치환하거나 패턴에 맞게 문자열을 추출하..

php를 통해서 URL의 id값을 가져오는 것을 연습해보자. -URL id값 가져오기 우선 xampp을 통해서 php를 활성화 시켜주고 해당 localhost로 이동해서 php파일을 연결 시켜보고 "contact_php"를 웹브라우저로 띄워보자. 코드는 매우 간단하다. A B 이렇게 우리는 id값을 집어 넣고 해당 링크로 넘어 가면 id 값이 무엇인지 보여주는 코드를 각 A,B 페이지에 구성해보자. A코드 더보기 Link_A.php ID is "" BACK B코드 더보기 Link_B.php HERE IS GET_ZONE! "" -$_POST['id'] 우리가 위에서 삽입한 코드 바로 아래에 아래 코드를 삽입하자. HERE IS POST_ZONE! "" POST는 GET과 코드는 유사해 보이지만 form의..