-
-
웹코딩 시작하기 - 풀스택으로 만드는 나의 첫 홈페이지
김태영 지음 / 정보문화사 / 2017년 8월
평점 :
품절
웹은 크게 프론트엔드 영역과 백엔드 영역으로 나눌 수 있습니다.
프론트엔드 영역은 크게 HTML5, CSS3, jQuery 로 구분지을수 있고 백엔드 영역은 MySQL, PHP 영역으로 구분지을 수 있습니다.
즉 프론트엔드 영역은 웹의 뼈대와 스크립트 형태이고, 백엔드 영역은 데이터베이스 와 서버 사이드 언어 형식으로 볼 수 있습니다.
HTML5 - HTML은 태그로 이루어진 웹의 가장 기본이 되는 언어입니다.
head 태그 내에 작성하는 태그로 문서의 키워드, 어던 문서인지에 대한 설명, 언어 설정 등의 정보를 알 수 있습니다.
여러가지 버전을 거쳐 현재는 HTML5를 사용하고 있습니다.
HTML5는 <!DOCTYPE html> 으로 문서 타입을 선업하고 시작합니다.
CSS3 - HTML을 꾸미는 기능을 갖고 있습니다.
웹페이지를 이루는 여러 태그들의 배경색을 지정할 수 있고, 텍스트의 색을 변경할 수 있으며, 위치를 변경하는 등 웹페이지를 원하는 대로 꾸밀수 있도록 도와주는 역할을 합니다.
CSS를 적용하기 위해서는 3가지의 방법이 있습니다.
첫번째 태그에 직접 css를 적용하는 방법입니다. 세가지 중에서 우선순위가 가장 높습니다.
두번째 head태그에서 css작성하는 방법입니다.
세번째 외부 파일에서 작성하고 연결하는 방법입니다. 가장 많이 쓰는 방식입니다. 별도로 관리도 할수 있고 가독성이 좋아지는 방식입니다.
jQuery - 자바스크립트언어에서 파생된 언어 입니다. 자바스크립트보다 짧은 소스로 많은 기능을 구현하고 있습니다.
웹서비스에서 이미지 위에 마우스 포인터를 올려놓으면 더욱 강조된 이미지로 변경되는 기능 등으로 구현할 때 사용합니다.
제이쿼리 라이브러리 파일을 사용할려면 head 태그 내에 script형태로 있어야 합니다.
정의하는 방식에는 두가지가 있습니다.
html 파일이 지정된 주소에서 불러서 쓰는 방식이 있고, 웹에서 존재하는 제이쿼리 파일 방식이 있습니다.
전자는 src = "js 파일의 주소"
후자는 src = "https://code.jquery.com" 의 형태로 사용하고 있습니다.
MySQL - 웹서비스를 사용하면서 입력하는 모든 값들을 데이터베이스에 기록이 됩니다.
데이터베이스는 크게 MySQL, MSSQL, ORACLE 등으로 나눌수 있습니다. 여기서는 MySQL를 설명하고 있습니다.MySQL는 무료로 사용할 수 있습니다.
PHP - 대표적인 서버사이드 언어 입니다. 서버에서 데이터 처리를 하는 이유는 대규모의 데이터 처리 시 클라이언트 컴퓨터의 사양에 따라 부하를 감당하기 어려운 점에 있습니다.
클라이언트에서는 데이터의 변조가 쉽기 때문에 데이터 변조를 맞기 위해 서버사이드에서 처리가 일반적입니다.
서버 사이드 언어로는 PHP, JSP, ASP 등이 존재합니다.