◎ JavaScript

[React] 리액트(React)란? [사용자 인터페이스를 만들기 위한 JavaScript 라이브러리]

1. 리액트(React)란? 사용자 인터페이스를 만들기 위한 JavaScript 라이브러리 React – 사용자 인터페이스를 만들기 위한 JavaScript 라이브러리 A JavaScript library for building user interfaces ko.reactjs.org 2. 리액트의 특징 사용자 인터페이스를 편하게 만들기 위해서 싱글 페이지 애플리케이션(화면 깜박임 없이 자연스럽게 페이지 이동) 앱 같은 경험을 웹에 적용 - 왜 사용하는가? 사용자 경험 : 앱 같은 경험을 웹에 적용하여 사용자 경험이 좋아진다. 데이터 화면 일치 : 데이터를 화면에 반영할 때 일치시키는 게 좋아진다. 재사용 컴포넌트 : 중복 요소를 하나로 묶어줘서 유지보수가 용이하다. 3. 사용 방법 - head 태그에 r..

[jQuery] RSS를 이용한 신문기사 크롤링(Crawling)하기 [신문사 RSS URL을 통한 XML 파싱하기]

1. 크롤링을 할 RSS URL 검색(참고 : 한겨레 RSS서비스) RSS서비스 : 한겨레 RSS서비스 : 한겨레 www.hani.co.kr 2. RSS URL을 이용한 신문기사 크롤링하기 - it.java package controller; import java.io.BufferedReader; import java.io.IOException; import java.io.InputStreamReader; import java.net.URL; import javax.servlet.ServletException; import javax.servlet.annotation.WebServlet; import javax.servlet.http.HttpServlet; import javax.servlet.http...

[jQuery] Ajax 사용하기(비동기 처리) [jQuery로 비동기 처리하기]

1. Ajax란? 비동기 자바스크립트와 XML의 합성어(Asynchronous JavaScript And XML) → AJAX의 강력한 특징은 페이지 전체를 리프레쉬 하지 않고서도 수행 되는 '비동기성' Ajax 시작하기 - 웹 개발자 안내서 | MDN 본 문서는 AJAX의 기본을 익힐수 있도록 해주며, 두 가지 간단한 훈련용 예제를 제공합니다. developer.mozilla.org 2. Ajax 예제(비동기 처리) - test.html 핫하 - ajax.html Make a request 3. jQuery로 Ajax 사용하기 - ajax2.html get

[JavaScript] 디코딩 함수 : decodeURIComponent() [URI를 정상적인 문자열로 변환하는 함수]

[JavaScript] 인코딩 함수 : encodeURIComponent()[URL 값을 HTTP로 전달하기 위해 사용되는 함수] 1. 인코딩 함수 : encodeURIComponent() encodeURIComponent() : URI로 데이터를 전달하기 위해서 문자열을 인코딩하는 함수 → 웹을 통해 데이터를 전송할 때, 특수문자 및 한글은 인식할 수 없기에 인코딩 해 yermi.tistory.com 1. 디코딩 함수 : decodeURIComponent() decodeURIComponent() : URI(Uniform Resource Identifier)로 변환된 문자를 정상적인 문자열로 디코딩하는 함수 2. decodeURIComponent() 함수 사용 예시 - 함수 사용 결과 디코딩 전 : %E..

[jQuery] 쿠키(cookies) 생성하기 [jQuery 활용하여 쿠키 생성하기]

[JSP] 쿠키(cookies) 생성하기[JSP 활용하여 쿠키 생성하기] 1. JSP 활용하여 쿠키 생성하기 - SetCookie.java package test.controller; import java.io.IOException; import java.net.URLEncoder; import javax.servlet.ServletException; import javax.servlet.annota.. yermi.tistory.com - jQuery 활용하여 쿠키 생성하기 jquery-cookie - Libraries - cdnjs - The #1 free and open source CDN built to make life easier for developers A simple, lightweight..