본문 바로가기

Web Dev

JavaScript : 라이브러리 사용 맛 보기

반응형

웹 , 앱 개발을 위해 자바와 자바스크립트를 집중적으로 공부하게 되었다.  웹과는 인연이 닿지 않을 줄 알았는데 너무 기쁘고 앞으로의 여정이 기대 된다. 웹 개발은 해보고 싶었지만 늦은 시작에 경쟁력이 떨어 진다 생각하여 제조업 윈폼 개발에 집중하고자 하였지만 예상처럼 째든 IT에 뛰어드니 접할 기회가 생겼다. 

해보니 기초 문법은 C 와 JAVA 의 틀과 비슷하여 거부감이 없으나 역시 라이브러리를 가져오니 잉?

이렇게 된다고?

서울 사람이 부산에서 지내다가 갑자기 토박이 제주도 할머니와 대화하는 느낌이랄까 종잡을 수가 없다.

일단 교제보다는 유투브 강의가 당장에 언어에 익숙해지는데 도움이 된다고 생각하여 공부하고 있다. 

오늘은 간단하게 라이브러리를 맛만 보도록 하자  

 

jQuery 사이트에 가면 해당 개발 jQuery 를 다운 받아 준다. 

 

이렇게 잘 만들어지 코딩을 확인할 수 있다. 

해당 내용을 새로 만든 js 파일에 복사 붙이기를 하여 옮겨 준다. 

해당 자바스크립트 내용을 자세히 볼 수 있지만 그건 나중에 보도록 하자 

src= "jquery.js" -> 파일 내용을 불러 온다 .

input 을 통해서 버튼을 만들어 주고 

$으로 시작하여# id(execute_btn)를 불러 클릭 이벤트를 만들어 주고 

#id(list) 를 불러 안에 있는 li 의 text를 coding everybody로 바꾸어 준다. 

# 뒤에 id 를 적어 주면서 해당 경로를 열어주는 느낌이다. 

간단하게 execute 이름을 가진 버튼이 생성된다. 

클릭 이벤트를 실행하면

요롷게 텍스트가 바뀐다. 

반응형