php와 자바스크립트의 용도와 간단한 개념

php와 자바스크립트의 용도와 간단한 개념

Summary:

php와 자바스크립트의 용도와 간단한 개념에 대해 알아봅니다.


일 벌리기

웹 제작에 필요한 프로토타입 제작까지 마쳤다. 이제 진짜 웹을 만들기만 하면 되는데 프로토타입 상에 있는 기능을 구현하려면 어떤 언어들이 필요한 지 알 길이 없었다. 내가 아는 건 html, css, python이다. 생활코딩의 웹 어플리케이션 만들기겁나 빠른 웹 레시피 일부 강의를 들은 적이 있다. 내 수준은 딱 여기까지다.

처음에는 웹 개발까지 스스로 하려고 했기 때문에 지인에게 프로토타입을 보여주며 이런 사이트를 만들건데 html, css로 커버가 되냐고 물어봤다. 지인은 php를 추천했다. php는 또 뭔가. 일이 커지는 기분이다. php를 쓰면 동적인 웹 페이지를 만들 수 있다고 했다. 내가 아는 ‘동적’은 마우스를 갖다 댔을 때 그래프 범례를 보여주고 마우스를 대고 있는 막대그래프의 색이 바뀌는 그런 효과다. 난 이거까진 필요없는데… 싶었지만 자꾸 좋다길래 php를 배워보기로 했다.

씁


생활코딩에 접속하니 웹 어플리케이션 만들기 수업에 php, JavaScript가 있었다. 게다가 자바스크립트를 배운 다음에 API, MySQL도 알려준단다. 분명 몇 년 전 웹 어플리케이션 만들기 수업이 작심 40시간이란 이름으로 있었을 때 이 강의 시리즈를 다 들은 적이 있었는데, 역시나 다 까먹은 거다.

앞으로 몇 개의 포스팅에 걸쳐 php부터 MySQL까지 다뤄보려고 한다. 이젠 잊어버려도 다시 찾아볼 수 있게 내 언어로 내 공간에 정리해야지.


php, JavaScript와 는 어떤 언어?

html과 css는 문서를 만드는 데 적합한 언어다. 클라이언트 쪽에서 동작하며 정적인 언어다. 따라서 내가 작성한 html 코드는 웹 브라우저에 한 번 표시되면 사용자가 뭘 해도 바뀌지 않는다.

한편 php와 자바스크립트는 사람들이 프로그램이라고 하면 일반적으로 떠올리는 전형적인 프로그램을 만드는 데 쓰이는 언어다. 동적 언어이기 때문에 무언가를 상황에 따라 다르게 동작시켜주는 기능이 있다. 사용자가 버튼을 누르면 어떤 일이 일어나게 하거나 사용자가 정보를 입력하면 그 내용이 서버에 저장되게 하는 식이다. php, 자바스크립트를 알면 파이썬을 배우는 데도 큰 도움이 된다고 한다.

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <style>...</style>
    <script>...</script>  /*자바스크립트의 문법으로 해석하는 부분*/
    <link .. href="httpL//a.com/a.css" /> /*css를 외부로 분리할 때 css 불러오기*/
    <script src="httpL//a.com/a.js" /> /*js를 가져오는 태그*/
    <title></title>
  </head>
  <body>
  </body>
</html>

php, 데이터베이스는 html, css와 달리 설치해야 하는 소프트웨어다. php는 php 인터프리터 또는 php 엔진이라고 불리는데 데이터베이스 내용을 끌어와서 html을 만들어서 웹서버에 전달하는 역할을 한다. 웹서버는 전달받아 완성된 html정보를 웹브라우저에 전송하고 웹 화면에 출력한다.

<html>
  <body>
    <?php
    데이터베이스의 topic에서 수업 제목들을 가져온다.
    ?>
  </body>
</html>

웹서버 쪽 구조(웹 어플리케이션 만들기 '복습과 수업 예고' 중)



자바스크립트와 PHP의 역할

PHP와 JavaScript는 경쟁적인 관계임과 동시에 협력적인 관계다. 먼저 자바스크립트로는 black 버튼을 클릭했을 때 웹페이지 배경색을 까맣게 만들어주고 white 버튼을 클릭하면 배경색을 하얗게 만들어주는 등의 역할을 한다. 웹 브라우저에게 어떤 행동에 따라 배경색을 어떻게 만들라고 명령할 수 있는 언어다.

php는 웹페이지의 unordered list를 ordered list로 한 번에 바꿔주는 역할을 한다. css 파일 하나로 html 전체의 스타일을 변경할 수 있는 원리와 비슷하다. 하나의 html로 여러 정보를 표현할 수 있는 방법이 있는데 이게 php가 할 수 있는 일이다.


Hyeyeon

A Blog about E-Commerce and Product Management

comments powered by Disqus

    rss facebook twitter github youtube mail spotify instagram linkedin google google-plus pinterest medium vimeo stackoverflow reddit quora