js

JS - [ CSV 파일 불러오기 ]

CSV 파일 불러오기 - d3 라이브러리 이용 https://d3js.org/ D3에서 CSV파일을 로딩하면 data변수에 객체 배열로 로딩한다. 참고로 두 번째 매개변수로 들어가는 function은 비동기로 실행된다. 참조 더보기 https://curryyou.tistory.com/252 [자바스크립트] CSV to JSON 변환 출력 방법+샘플예제코드(node.js 파일 처리 포함) | 자바스크립트로 CSV를 JSON으로 변환하는 방법 CSV는 Comma Seperated Values의 약자로, 콤마( , )로 구분된 문자열을 말합니다. 행의 항목(컬럼)들은 콤마로 구분되며, 각 행은 줄바꿈으로 구분됩니다. curryyou.tistory.com https://continuous-development...

JS - [ 오늘부터 14일간 날짜 출력 ]

date__mont에는 이번 달 연도/달, date__list에는 오늘 부터 14일 출력. 이번 달을 넘어가면 나머지는 다음 달에 출력! (date__nextMonth에는 다음 달 연도/달, date__nextList에는 다음 달 일 출력) // 날짜 출력하기 - 14일 const dateMonth = document.querySelector('.date-container .date__month'); const dateList = document.querySelector(".date__list"); const dateNextMonth = document.querySelector('.date-container .date__nextMonth'); const dateNextList = document.quer..

JAVA - [ JAVA에서 JS 코드 사용 ]

JAVA 파일에서 alert 띄울 때 response.setContentType("text/html; charset=UTF-8"); PrintWriter out = response.getWriter(); out.println(""); out.flush(); * 위처럼 js코드 사용하고 response.sendRedirect로 이동하려하면 오류 뜸. JS안에 이동하는 코드도 같이 넣어주기(location.href) 참조 더보기 https://epthffh.tistory.com/entry/JAVA%EB%8B%A8%EC%97%90%EC%84%9C-alert%EC%B0%BD-%EB%9D%84%EC%9A%B0%EA%B8%B0

JS - [ Swiper 라이브러리 ]

https://swiperjs.com/ Swiper - The Most Modern Mobile Touch Slider Swiper is the most modern free mobile touch slider with hardware accelerated transitions and amazing native behavior. swiperjs.com HTML에 필요한 기본 구조 Slide 1 Slide 2 Slide 3 ... * swiper-button-prev, swiper-button-next 버튼은 swiper 태그 안에 있으면 swiper 의 가로 너비를 벗어나면 출력이 안됨. 그래서 swiper 태그 바깥쪽에 선언해서 사용했음! JS 코드 new Swiper('선택자', { // direct..

JQuery - [ XML / JSON + AJAX ]

* HTML - 웹 페이지를 구현하는 언어 > 장점 : 작업/요청을 처리하고 표시하기 쉽다. 서버에서 처리된 결과를 화면에 별도 처리 없이 추가 가능 > 단점 : html 형태의 데이터를 리턴해야만 올바른 값을 보여줌 요청이 반드시 동일한 도메인에서 처리해야 함. a.html -> a.html 페이지처리 * XML (확장 가능한 마크업 언어 ) - HTML 형태와 유사하게 생김. 태그의 형태로 정보 저장 > 장점 : 복잡한 구조의 데이터를 저장 가능. 이기종 및 응용 프로그램 사이의 데이터 교환이 좋음. HTML 기본 메서드 활용 가능(기능 제한) > 단점 : 데이터보다 많은 태그의 양(데이터 리소스가 많음, 처리속도 느림) 요청이 반드시 동일한 도메인에서 처리해야 함. a.html -> a.html 페..

JQuery - [ Ajax 기본 사용]

AJAX (Asynchronous JavaScript And XML) - 비동기 방식의 자바스크립트와 XML을 말한다. JSON, XML, HTML 그리고 일반 텍스트 형식 등을 포함한 다양한 포맷을 주고 받을 수 있다. - AJAX의 강력한 특징은 페이지 전체를 리프레쉬 하지 않고서도 수행 되는 "비동기성" 이다. 이러한 비동기성을 통해 사용자의 Event가 있으면 전체 페이지가 아닌 일부분만을 업데이트 할 수 있게 해준다. AJAX의 주요 두가지 특징은 아래의 작업을 할 수 있게 해준다. * 페이지 새로고침 없이 서버에 요청 * 서버로부터 데이터를 받고 작업을 수행 => 즉 주소이동(화면 이동)없이 한 화면에서 내용이 바뀌는 부분은 ajax로 처리한 것이라 볼 수 있다! - 동기 방식 처리 : 서버 ..