목록자바스크립트 (17)

타닥타닥 개발자의 일상

javascript / DOM 언어 eventListener 사용하여 JS 페이지에서 모달창 띄우기, esc키로 모달창 닫기, overlay로 모달창 이외 부분 어둡게하기

JS와 연결된 HTML INDEX Show modal 1 Show modal 2 Show modal 3 //클래스 이름 옆에 hidden을 붙여 modal 클래스를 숨긴다. × I'm a modal window 😍 Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in vol..
코딩 기록/JavaScript 2023. 1. 16. 22:54
배열을 받고 형식을 갖춘 문자로 출력하기 javascript JS

주어진 온도 배열을 다음과 같이 출력하는 함수 printForecast를 만들어라. prntForecast는 배열을 배개변수로 받고 예시 문장을 출력할수 있어야 한다. test data1: [17, 21, 23] test data2:[12, 5, -5, 0, 4] 예시 문장 [17, 21, 23] 배열은 다음과 같이 출력되어야 한다 "... 17ºC in 1 days ... 21ºC in 2 days ... 23ºC in 3 days ..." //테스트 데이터 배열 const data1 = [17, 21, 23]; const data2 = [12, 5, -5, 0, 4]; const printForecast = function (arr) { let str = ''; for (i = 0; i < arr.l..
코딩 기록/JavaScript 2022. 12. 6. 22:55
자바스크립트 배열에 있는 수들의 최소값, 최대값 구하는 방법으로 일교차 구하는 함수 만들기javascript

문제) 가정용 온도계를 만드는 회사에 근무하고 있는 당신, 최근의 업무는 하루 동안의 온도를 배열로 만들고 amplitude를 계산하는 것이다. 기기 오작동이 날수도 있음을 참고하라. We work for a company building a smart home thermometer. Our most recent task is this: "Given an array of temperatures of one day, calculate the temperature amplitude. Keep in mind that sometimes there might be a sensor error" 하루 동안의 온도는 tmeperature이라는 변수에 배열로 저장되어 있다. 중간 기기 오작동으로 error가 포함되어 있..
카테고리 없음 2022. 12. 5. 23:00
JavaScript 기초 - 변수와 데이터 타입 : let / const / number / string/ boolean / null / undefine / symbol

시작하기 전 설정 1. index.html 파일 생성 프로젝트 폴더에 자바스크립트 코드파일(variable.js) 외에도 브라우저의 콘솔창을 통해 결과를 출력하게 해주는 index.html 파일도 생성한다. index.html 2. Use srtict 입력하기 바닐라 자바스크립트 개발시 제일 먼저 'use strict'를 선언해주는 게 좋다. 자바 스크립트의 변수 Variable 1. let ES6에 추가된 변수로, ES6는 글로벌하게 개발자들이 이용하는 자바스크립트 문법이다. 이전에는 var라는 변수를 썼지만, var에는 치명적인 단점이 있다. 바로 var는 hoisting의 성격을 가지고 있기 때문이다. hoisting :move declaration from bottom to top 어디에 선언했냐..
코딩 기록/JavaScript 2022. 8. 11. 23:21
스프링 부트로 SpringBoot 회원가입, 페이징, 글작성-수정-삭제-답변, 댓글 작성 되는 게시판 페이지 만들기 (자바 스크립트 JS, 자바 Java이용)

기본적 세팅은 아래글 https://developerson.tistory.com/114 페이징은 아래글을 참고해서 만든 게시판이다. https://developerson.tistory.com/116 별도의 설명 없이 우선 코드만 백업할 예정. 이제 이걸 이해하는건 온전히 내 몫이다. 이해가 될때까지 계속 보는수 밖엔 없겠지 Spring Boot 스프링 부트를 이용한 백엔드 폴더 및 파일 구조 DatabaseConfig.java package mul.camp.a; import javax.sql.DataSource; import org.apache.ibatis.session.SqlSessionFactory; import org.mybatis.spring.SqlSessionFactoryBean; import ..
코딩 기록/SpringBoot 2022. 2. 26. 10:50
오픈 소스 pagination 이용하여 웹페이지 페이징하기 / 페이지 나누기 / javascript

게시판에 글이 많이 늘어나면 한 페이지 안에서 많은 글을 보기 불편하다. 그래서 한 페이지당 글을 10개/20개 식으로 볼수 있도록 페이지를 나누곤 한다. 페이지당 볼수 있는 게시물을 나누는 행위를 페이징이라고 한다. https://github.com/josecebe/twbs-pagination GitHub - josecebe/twbs-pagination: jQuery pagination plugin (bootstrap powered) jQuery pagination plugin (bootstrap powered). Contribute to josecebe/twbs-pagination development by creating an account on GitHub. github.com 상기의 깃허브를 들..
코딩 기록/JavaScript 2022. 2. 25. 13:52
CGV 웹사이트 크롤링해서 HighChart 이용한 예매율 순위표 만들기 / j soup 이용

크롤링을 하기 위해선 maven repository에서 jsoup jar 파일을 다운 받아야 한다. https://mvnrepository.com/artifact/org.jsoup/jsoup/1.13.1 위의 페이지에서 본인이 원하는 jsoup 버전을 선택하고 jar 파일을 다운 받으면 된다. 나는 사람들이 제일 많이 사용하는 1.13.1 버전을 다운 받았다. jar 파일을 다운 받았다면 eclipsep에서 새로운 프로젝트를 생성해준다. File > New > Dynamic Web Project를 생성한다. 나는 Crawling 이라는 이름의 Web Project를 생성했다. WebContent의 lib 파일에 다운받은 jsoup jar파일을 저장한다. 이제 파일 크롤링에 필요한 패키지 및 클래스 파일을..
코딩 기록/JavaScript 2022. 2. 25. 12:26
Prev 1 2 Next