[JAVASCRIPT] onload()

웹 페이지가 로딩되었을 때 로딩된 이벤트에 맞춰 원하는 함수, 코드를 호출할 수 있도록 한다. 대표적으로 window.onload 콜백함수가 있다. window.onload window.onload = function() { alert("윈도우 창이 켜졌을 때 바로 실행됨"); } 실행화면 한번에 실행될 load 메서드가 1개보다 많을 시 마지막 onload 메서드만 실행된다. window.onload = function() { alert("윈도우 창이 켜졌을 때 바로 실행됨"); } window.onload = function() { alert("한번에 실행 될 onload 메소드가 1개보다 많을 시 제일 마지막만 실행."); } 실행화면 태그에서 onload 실행화면 특정객체에서 onload 0 실행..

• format_list_bulleted JavaScript
• · 2023. 1. 11.

[JAVASCRIPT] 이론 2

prototype 프로퍼티 모든 함수는 객체로서 prototype 프로퍼티를 가지고 있다. prototype 프로퍼티는 함수가 생성될 때 만들어지며 constructor 프로퍼티 하나만 있는 객체를 가리킨다. constructor 프로퍼티는 prototype 프로퍼티를 참조하며 서로 참조하는 관계를 가진다. 함수의 다양한 형태 자바스크립트에서 함수 표현식에서 함수이름은 필수 사항이 아니다. 함수이름을 붙이지 않은 것을 익명함수라고 하고 대표적으로 콜백함수가 있다. 콜백함수 콜백 함수란 코드를 통해 명시적으로 호출되는 함수가 아닌 어떤 이벤트나 특정 시점에 도달했을때 시스템에서 호출되는 함수를 말한다. 이벤트 발생 -> 이벤트 핸들러가 함수 호출 -> 콜백함수 (개발자가 등록) window.onload 이..

• format_list_bulleted JavaScript
• · 2023. 1. 4.

[JAVASCRIPT] 이론 1

JavaScript - 1 자바스크립트는 하나의 숫자형 Number 타입만 존재하고 double과 같이 64비트 실수로 저장한다. var num = 5 / 2; console.log(num); // 2.5 console.log(Math.floor(num)); // 2 console.log(Math.ceil(num)); // 3 in 키워드를 사용하였을 경우 property의 키 값에 해당된다 배열의 경우 인덱스, 프로퍼티의 경우 key 값 var str = "my test"; for (str_temp of str) { console.log(str_temp); } // m y t e s t 출력 for (str_temp in str) { console.log(str_temp); 객체 객체 생성 두가지 방법..

• format_list_bulleted JavaScript
• · 2023. 1. 3.

[JAVASCRIPT] 숫자 맞히기 게임

숫자 맞히기 게임 참고 사이트 Number guessing game We have selected a random number between 1 and 100. See if you can guess it in 10 turns or fewer. We'll tell you if your guess was too high or too low. Enter a guess: 데이터를 저장할 변수를 추가한다. 변수는 let 키워드를 통해 생성할 수 있다. 상수는 const 키워드를 통해 생성할 수 있다. let randomNumber = Math.floor(Math.random() * 100) + 1; const guesses = document.querySelector('.guesses'); const lastRe..

• format_list_bulleted JavaScript
• · 2022. 12. 31.

[SPRING] Filter, Interceptor

저번 포스팅에서 Spring MVC 흐름을 알아 보았다. [ Request 흐름 ] 그림으로 보면 Servlet Container에 진입하기 전 Web Server (Apache) 에 필터가 존재하여 요청과 응답을 거르는 역할을 한다. Dispatcher Servlet에 요청이 전달되기 전과 후에 url 패턴에 맞는 모든 요청에 대해 부가 작업을 처리할 수 있는 기능을 제공하고, 스프링 컨테이너에서 관리되는 것이 아닌 웹 컨테이너에 의해 관리되는 특징이 있다. ( Spring Bean 으로 등록 가능하다. ) [ Filter ] 필터를 사용하기 위해서는 아래 코드와 같은 Filter 인터페이스를 구현하여 사용해야 한다. public interface Filter { public default void i..

• format_list_bulleted 🍃 스프링
• · 2022. 10. 6.

파이썬 크롤링 라이브러리

파이썬 크롤링 라이브러리로 크게 BeautifulSoup4, requests, , selenium, scrapy 등이 있다. [ BeautifulSoup4 ] BeautifulSoup4는 파이썬 내장 모듈인 requests, urllib를 이용해 HTML 을 받아오고 beautifulSoup로 추출한다. 장점 쉽고, 빠르고(병렬 처리시), 간단하다. 단점 HTML을 받아오기 때문에 SPA (ex. vue.js에서 라우팅 기능을 사용하여 페이지를 하나만 유지시키는 것)이나 js가 적용된 페이지를 크롤링하기엔 어렵다. [ lxml ] 기본적으로 BeautifulSoup에서는 BeautifulSoup(html, 'html.parser') 와 같이 html parser 를 사용할수도 있지만 lxml 모듈을 설치..

• format_list_bulleted 크롤링
• · 2022. 10. 5.