[JQuery] 설치

🌱 JQuery

✏️개발환경 구성

• JDK 설치
• 이클립스
• Apache tomcat
• 웹 브라우저

JDK 링크

tomcat 링크

이클립스 링크

✏️소개

• 모든 브라우저에서 실행되는 클라이언트 프로그래밍 언어
• 2006년 존 레식이 뉴욕 시 바 캠프에서 공식적으로 소개
• 간략, 강력하게 사용할 수 있도록 설계
• 가장 인기있는 JavaScript 라이브러리

✏️주요 기능

• CSS 셀렉터를 활용한 태그 접근
• 이벤트 처리
• 특수 효과 및 애니메이션
• Ajax
• JSON 파싱
• 플러그인을 통한 확장성
• 멀티 브라우저 지원

✏️JQuery 종류

• JQuery
• JQuery UI
• JQuery Mobile

✏️정리

• JavaScript 보다 편리하고 강력하게 사용할 수 있도록 만듬
• 모든 브라우저에서 동일하게 동작
• 다양한 라이브러리

🌱 이클립스

✏️폰트 변경

Window -> Preferences -> General -> Appearance -> Colors and Fonts

✏️인코딩 설정

Window -> Preferences -> General -> Content Types

✏️웹 브라우저 설정

Window -> Preferences -> General -> Web Browser

✏️서버 설정

Window -> Preferences -> Server -> Runtime Environment

tomcat 추가된 것 확인 가능

✏️test

File > new > Dynamic Web Project

이름 설정 후 (Default 체크박스 해제 > 경로 설정 > Default 체크박스 체크)하단 finish 클릭

✏️test 환경 확인

html 파일 생성

실행

동기화 확인 가능

html 파일 확인 가능

🌱 JavaScript와 jQuery

✏️jQuery 사용

• JQuery 라이브러리 다운로드
• jquery 사이트 링크
• CDN과 다운로드 방식 중 선택해서 사용

🍃 어려웠던 점 or 해결못한 것

이클립스 사용이 어려웠음

🍀 해결방법 작성

✏️ 어떻게 해결을 했는가?
✏️ 이렇게 이해를 했다
✏️ 어디까지 이해했지?
✏️ 다음에 시도해볼 방법
이클립스에 대해 알아보기

🌷 학습 소감

처음 사용하는 툴이 낯설었다.