반응형 JavaScript33 요소의 조작 : 제이쿼리 요소의 조작과 관련된 JQuery의 메서드에 대해 정리해보았다. 목차는 다음과 같다. 내용을 표로 간결히 확인할 수 있도록 하였기에 더 자세한 내용은 각 단락별로 첨부된 링크를 통해 확인할 수 있다. 각 메서드별 경계가 모호하다고 느껴질때는 특정 메서드들의 차이점을 검색하여 이해할 수 있다. 1. getter & setter 1) getter 2) setter 2. 요소(컨텐츠)의 추가 3. 요소(컨텐츠)의 복사 및 삭제 1) 복사 2) 삭제 1. getter & setter 1) getter 아래의 보기를 통해 표를 이해할 수 있다. 안녕하세요 메서드 내용 html() 선택요소 하위의 태그와 문자열을 전부 가져옴 ex) 안녕하세요 text() 선택요소 하위의 문자열만 가져옴 ex) 안녕하세요 val().. 2022. 5. 31. aJax와 Json 해당 포스팅의 목차는 다음과 같다. 1. aJax & Json 1) aJax와 Json의 설명과 상관관계 2) 실습 3) 예제 1. aJax & Json 1) aJax와 Json의 설명과 상관관계 ①aJax란? Ajax는 그 자체가 별도의 새로운 언어는 아닙니다. HTML, CSS, 자바스크립트, DOM, XML 등 기존에 사용되던 여러 기술을 함께 사용하는 새로운 개발 기법입니다. Ajax는 웹 페이지 전체를 다시 로딩하지 않고도, 웹 페이지의 일부분만을 갱신할 수 있게 해줍니다. 즉 Ajax를 이용하면 백그라운드 영역에서 서버와 통신하여, 그 결과를 웹 페이지의 일부분에만 표시할 수 있습니다. 출처: http://www.tcpschool.com/ajax/intro 쉽게 말해 화면 깜빡임, 로딩시간 소.. 2022. 2. 23. URL, API 해당 포스팅의 목차는 다음과 같다. 1. URL 1) 프로토콜 2) 쿠키 플러그인 활용 2. API 1) API란? 2) API의 사용 1. URL 인터넷상에서 사용자가 이용하는 웹페이지, 컨텐츠(자원:리소스)의 위치를 나타내는 말이다. 이때 URL은 프로토콜과 자원이름으로 구성되어있다. 프로토콜://호스트주소(:포트번호)/파일경로?전달되는 내용(섹션) https://comic.naver.com/webtoon/list?titleId=616239 1) 프로토콜 서로 다른 컴퓨터간에 통신(인터넷의 웹 페이지 등을 전송)을 하기 위해 지켜야하는 규약이며, 대표적 특징으로는 비연결성(Connectionless)&무상태성(Stateless)이 있다. 이때, 비연결성이기에 무상태성이라는 특징을 지니는 것을 알 필요.. 2022. 2. 22. jQuery의 사용(연결방법 포함) 해당 포스팅의 목차는 다음과 같다. 1. jQuery란? 2. jQuery라이브러리 연결 1) 파일 다운하여 연결하는 방법 2) CND활용 연결 방법 3. 문법과 선택자 1) 문법 2) 선택자 4. jQuery를 활용한 기능 구현 1) 무한 스크롤 2) 풀다운 3) 갤러리(배너) 5. 플러그인 1. jQuery란? 제이쿼리(jQuery)는 오픈 소스 기반의 자바스크립트 라이브러리입니다. 제이쿼리는 여러분의 웹 사이트에 자바스크립트를 더욱 손쉽게 활용할 수 있게 해줍니다. 또한, 제이쿼리를 사용하면 짧고 단순한 코드로도 웹 페이지에 다양한 효과나 연출을 적용할 수 있습니다. 이러한 제이쿼리는 오늘날 가장 인기 있는 자바스크립트 라이브러리 중 하나입니다. 이런 제이쿼리의 장점은 다음과 같다. 제이쿼리는 주요.. 2022. 2. 22. 타이밍 이벤트 & 단원 총정리 JS에서 애니메이션을 구현할 수 있는 타이밍 이벤트에 대해 학습하였고, JS파트의 총 내용을 활용한 예제 풀이를 통해 단원 복습을 진행하였다. 1. 타이밍 이벤트 1) 타이밍 이벤트란? js에서 애니메이션은 구조가 일반적으로 어렵다고 판단되어 단독으로 사용되기 보다, 추후에 라이브러리, 플러그인과함께 사용한다. 하지만 기본적인 구조 자체를 미리 파악해두면 나중에 라이브러리, 플러그인 등을 사용할때 내용을 파악하기가 수월하기에 이를 목적으로 학습한다. 타이밍 이벤트 함수에는 아래와 같이 두가지가 있다. 메서드명 설명 setTimeout() 부여한 시간이 흐르면 딱 한 번 실행 setInterval() 부여한 시간마다 반복적으로 실행 앞에 set이 붙어있음으로 setter같은 역할임을 짐작할 수 있고, 이를.. 2022. 2. 18. BOM & Form BOM과 from을 통해 전달되는 value를 관리하는 방법에 대해 강의를 듣고, value를 이리 저리 옮기며 활용하는 여러 실습 예제를 통해 이해를 키웠다. 실무에 자주 사용되는 내용에 대해서만 간략하게 정리했기에, 아래 정리된 내용이 해당 단원의 전부가 아님을 알아야 한다. 1. BOM : 브라우저 객체 모델 1) BOM이란? 브라우저를 잘 사용하거나, 브라우저부터 어떠한 정보를 받아오기 위해 사용되는 것들로 객체 모델들이 이루어져 있으며, 브라우저마다 미세하게 다르기에 크롬 기준에 맞추어 작업을 하도록 한다. 브라우저창을 window라고 부르며 window는 계층 구조 중 가장 상위 개념이다. window의 하위에 document가 속해있다. 즉, 브라우저 객체모델 중 하나가 document이라고.. 2022. 2. 17. 이전 1 2 3 4 5 6 다음 반응형
