이진욱의코딩

저번 시간까지 html파트를 끝내고 이번 시간부터는 css에 대해 알아봅시다. css는 html문서에 디자인을 입힌 언어입니다. 예시를 먼저 보도록하죠. 놀랍게도 위의 두 사진은 똑같은 페이지의 똑같은 내용입니다. 같은 글에서 css를 첨가해서 저렇게 만든 거지요. 이게 바로 css입니다. 스타일시트 적용방법에 대해 알아보겠습니다. 스타일시트 적용방법은 총 3가지가 있으며, 각각의 장단점에 대해 알아보도록 하겠습니다. 1. 인라인 방식 -> 태그에 직접 적용하는 방법으로, style속성을 적용할 수 있습니다. 인라인 방식 태그에 직접 적용하는 방법으로, style속성을 적용한다. 2. 임베디드 방식 -> head태그 내에 style태그를 적용하는 방법입니다. 3. 외부 파일로 저장하는 방식 -> 웹 제작..

이번 포스팅은 ajax가 무엇이고 어떻게 사용하는지에 대한 간단한 예제를 살펴볼 예정입니다. 우선 실습환경을 한번 만들어봅시다. 자료를 먼저 다운을 받아볼 건데 자료는 https://github.com/web-n/web2_javascript 여기서 다운로드하시면 됩니다. 다운로드한 파일을 웹서버의 문서 디렉터리(apache2/htdocs)에 넣으시면 됩니당. 저는 개인적으로 여기서 많이 어려웠어요. 그래서 제가 헤맨내용을 누구보다 자세하게 설명드릴게요. 여기서 웹서버의 문서 디렉터리가 무엇인가? 에 대해 모르시는 분이 있으실 겁니다. 일단 아파치라는 서버를 설치를 먼저 해야 하는데 설치는 생활코딩 페이지에 있는 https://opentutorials.org/course/3084/18892 웹서버 운영하기..

이번 포스팅은 제이쿼리 객체에 대해 알아보도록 하겠습니다. jQuery객체란? jQuery함수의 리턴값으로 jQuery함수를 이용해서 선택한 엘리먼트들에 대해서 처리할 작업을 프로퍼티로 가지고 있는 객체이다. 암시적 반복에 대해 살펴보자면 jQuery객체의 가장 중요한 특성은 암시적인 반복을 수행한다는 것이다. DOM과 다르게 jQuery객체의 메서드를 실행하면 선택된 엘리먼트 전체에 대해서 동시에 작업이 처리된다. 암시적 반복은 값을 설정할 때만 동작합니다. 값을 가져올 때는 선택된 엘리먼트 중 첫 번째에 대한 값만을 반환한다. 이에 대한 내용은 아래의 예제를 통해 살펴보겠습니다. 더불어 체이닝이라는 방법도 간단히 설명하자면 체이닝(Chaning)이란 선택된 엘리먼트에 대해서 연속적으로 작업을 처리할 ..