본문 바로가기
반응형

Javascript75

[Javascript] 배열 뒤집기 1. FOR function reverse(num_list) { var answer = []; var j = num_list.length for(var i = 1; i 2024. 1. 31.
[Javascript] Date Methods (간단한 시계 구현) new Date 객체를 사용하면 날짜와 시간을 가져올수있습니다. 이를 활용하여 간단하게 시계를 구현해보겠습니다. 날짜와 시간은 아래와 같은 범위로 이용됩니다. 1. 연도(year) : 1900년(00) ~ 1999년(99) 2. 월(month) : 1월(0) ~ 12월(11) 3. 일(day) : 1일(1) ~ 31일(31) 4. 시(hours) : 0시(0) ~ 23시(23) 5. 분(minutes) : 0분(0) ~ 59분(59) 6. 초(seconds) : 0초(0) ~ 59초(59) Date Get Methods 종류 Date Set Methods 종류 아래는 간단하게 Date Get Methods를 활용하여 시계를 구현했습니다. padStart()는 변수값 앞쪽에 지정하는 문자를 넣어주는 메소드.. 2024. 1. 25.
[JQuery] Ajax Javascript Ajax 관련 포스팅은 이전에 했었고, 간단히 JQuery Ajax 사용법에 대해 글을 써보고자 한다. 1. Ajax 란? Asynchronous JavaScript + XML 의 약자로, 서버사이드 스크립트와 통신하는 XMLHttpRequest 객체입니다. 간단히 설명하면 페이지를 이동하지 않고 사용자에게 정보를 보여주고 싶을 때 많이 사용됩니다. 좀 더 자세히... - 웹페이지가 서버와 비동기 통신을 하는 기술들의 집합체 - 사용자를 방해하지 않으면서 브라우저와 웹 서버가 정해진 형식대로 데이터를 주고받는 방법. - AJAX를 사용하면 서버와 동적으로 데이터를 주고 받을 수 있게 됨. - Ajax를 사용하고 DOM을 일부만 조작하면 jQuery와 자바스크립트를 통해 페이지 일부만 .. 2024. 1. 24.
[Javascript] - Slide/Carousel 효과내기 Javascript에 다양한 Slide 라이브러리가 있다. Owl Carousel, Swiper JS, Splide, Flicking 등등 라이브러리를 사용하는 것도 좋은 방법이지만, 때로는 직접 만들어보는것도 좋다. 1. HTML // HTML 2. JS var slideIndex = 0; showSlides(); function showSlides() { var i; var slides = document.getElementsByClassName("image-fade"); for (i = 0; i slides.length) { slideIn.. 2024. 1. 23.
[Javascript] infinite scroll (리스트 불러오기) Infinite scroll은 Paging 하는것을 대신해서 스크롤을 내릴때 리스트를 불러오는 기능을 말한다. 아래처럼 단순하게도 구현이 가능하다. 하지만 보통의 경우에는 한 페이지에 리스트 20개씩 보여지는 페이지를 만들게 되지만, 때때로 스크롤을 내릴경우 다음 페이지의 리스트 20개를 불러오는 기능을 구현해야할 경우가 생긴다. 그때 이 포스팅이 도움이 됐으면 한다. 리스팅할 컨텐츠가 필요하기 때문에 만들어져있는 API를 이용해서 설명하려고 한다. 메인 소스 및 API는 아래 링크를 참고하면 된다. https://www.javascripttutorial.net/javascript-dom/javascript-infinite-scroll/ 먼저 index.html을 생성하고 아래 코드를 넣는다. * CSS.. 2023. 11. 30.
[Javascript] 백준 - 2739번 구구단 문제 N을 입력받은 뒤, 구구단 N단을 출력하는 프로그램을 작성하시오. 출력 형식에 맞춰서 출력하면 된다. 입력 첫째 줄에 N이 주어진다. N은 1보다 크거나 같고, 9보다 작거나 같다. 출력 출력형식과 같게 N*1부터 N*9까지 출력한다. 예제 입력 1 복사 2 예제 출력 1 복사 2 * 1 = 2 2 * 2 = 4 2 * 3 = 6 2 * 4 = 8 2 * 5 = 10 2 * 6 = 12 2 * 7 = 14 2 * 8 = 16 2 * 9 = 18 let fs = require('fs'); let input = fs.readFileSync('/dev/stdin').toString().split('\n'); let n = Number(input[0]); for(let i = 1; i 2023. 11. 29.
반응형

티스토리툴바