제이쿼리 이벤트 바인딩 및 강제 실행하기
on() 특정 요소에 이벤트를 바인딩하기 위해 사용 $('.firstBtn').on('click', function () { alert('첫번째 버튼'); $('.result').text('첫번째 버튼 클릭'); }) off() 특정 요소에 바인딩 된 이벤트를 제거하기 위해 사용 $('.firstBtn').off('click'); trigger() 호출한 이벤트 요소에 해당하는 바인딩된 함수를 찾아 강제 실행 // firstBtn 클래스에 바인딩 된 이벤트 요소 중에서 click 이벤트를 찾아 강제 실행 $('.firstBtn').trigger('click');
window 객체의 opener 사용하기
window.opener - window.open() 함수로 연 팝업창(자식창)을 의미 - opener를 통해 부모창을 제어 가능 - window.open([페이지 URL], [타겟], [옵션]) 옵션 width : 팝업창 가로길이 height : 팝업창 세로길이 toolbar=no : 단축도구창(툴바) 표시 안함 menubar=no : 메뉴창(메뉴바) 표시 안함 location=no : 주소창 표시 안함 scrollbars=no : 스크롤바 표시 안함 status=no : 아래 상태바 창 표시 안함 resizable=no : 창 변형 하지 않음 fullscreen=no : 전체 화면 하지 않음 channelmode=yes : F11 키 기능이랑 동일 left=0 : 왼쪽에 창을 고정 top=0 : 위쪽..
자바스크립트 null, undefined, NaN의 차이
null - 다른 참조 변수에 대한 주소 값이 없는 것 - 객체의 속성 값이 존재하지 않거나, 함수의 매개변수를 초기화할 때 사용 - undefined에 비해 메모리 용량 많이 차지 undefined - 값이 할당되지 않은 상태 - null에 비해 메모리 용량 적게 차지 NaN - Number 타입 - Not a Number의 약자로 숫자가 아닌 값을 의미 - 숫자가 아닌 문자열 값을 숫자로 변환하여 계산할 때 일종의 오류 값으로 사용 null, undefined, NaN의 공통점 자바스크립트 조건식에서 false 값으로 평가
백준 18110 (solved.ac)
import java.io.BufferedReader; import java.io.IOException; import java.io.InputStreamReader; import java.util.Arrays; import java.util.Scanner; public class Main { public static void main(String[] args) throws IOException { BufferedReader br = new BufferedReader(new InputStreamReader(System.in)); int n = Integer.parseInt(br.readLine()); int[] arr = new int[n]; double sum = 0; for(int i=0; i
크롬 브라우저에서 자바스크립트 디버깅 하는 법
F12 버튼을 눌러 크롬 개발자 도구에 진입합니다. 소스 탭 메뉴를 누른 후에 디버깅하고 싶은 자바스크립트 파일을 찾습니다. 해당 파일을 클릭 후에 함수 왼쪽을 클릭하여 브레이크 포인트를 지정합니다. 지정한 자바스크립트 함수가 실행될 수 있도록 이벤트를 발생시킵니다. 브레이크 포인트가 걸렸으면 디버깅 모드를 이용할 수 있습니다. 디버깅 모드 다음 함수 호출(Step Over) - 한 줄씩 순차 실행 다음 함수 호출(Step Into) - 해당 시점에 함수 안에 들어가 내부 함수를 탐색합니다. 현재 함수에서 벗어나기 - 현재 함수에서 상위 함수로 빠져나옵니다.
MSA 아키텍처
MSA(MicroService Architecture) 애플리케이션 단위로 쪼개서 관리하는 아키텍쳐 각 애플리케이션은 레고 블럭처럼 결합 및 분리 가능 MA(Monolithic Architecture) 한 프로젝트 안에 여러 개의 애플리케이션이 통합되어 있는 형태 소규모 프로젝트에 적합 간단한 아키텍처, 유지보수 용이 프로젝트가 커질수록, 전체 시스템 파악에 어려움 테스트, 빌드 및 배포 시간 증대 부분 장애 → 전체 서비스 장애 발생 가능성 MSA의 장단점 장점 서비스 별로 개별 배포 가능 → 요구사항을 빠르게 수정하여 반영 가능 서비스 확장성에 좋음 → Saas 방식에 적합 장애가 발생해도 피해가 적음 → 해당 서비스만 장애 발생 단점 잦은 api 호출로 인한 통신 비용 증대 테스트와 트랜잭션의 복잡..
XML을 안 쓰고 JSON을 쓰는 이유
1. 가독성 XML은 태그 형식을 사용하지만, JSON은 중괄호와 콤마를 사용하여 데이터를 표현 JSON 형식은 간단하고 직관적이며, 필드 이름과 값이 명확히 드러나 코드를 읽고 디버깅하기 쉬움 2. 크기 JSON은 필드 이름과 값 사이에 불필요한 태그가 없으므로, 더 적은 용량을 사용 3. 파싱 속도 JSON은 XML에 비해 파싱 속도가 빠름. 대부분의 언어에서 내장된 JSON 파서를 제공 반면에, XML 파싱은 복잡한 구조를 이루어져 있고 특별한 라이브러리나 도구 사용 필요 4. 웹 애플리케이션과 API 지원 JavaScript에서 JSON 데이터를 쉽게 처리 가능하며, 대부분의 웹 브라우저와 서버 플랫폼에서 지원 5. 데이터 전송 형식 AJAX 요청과 RESTful API에서도 일반적으로 JSON을..
자바 내림차순 정렬 하는 법
자바에서 오름차순 정렬은 Arrays.sort([배열 주소값]) 만 하면 되지만 내림차순 정렬은 별도로 두번째 인자에 다른 요소를 더 추가해야 된다. 가끔씩 내림차순 정렬을 이용하다 보니 헷갈려서 이번에 정리해보는 시간을 가졌다. 내림차순 정렬 1. 기본 자료형(Primitive type) 기본 자료형은 아쉽게도 내림차순 정렬을 할 수 없다. 내림차순 정렬을 사용하기 위해서 객체형으로 변환해 주자. ex) int[] → Integer[], char[] → Charater[] 2. 객체형(Wrapper class) 2-1. Collections.reverseOrder() 메서드 사용 Integer[] arr = { 2, 63, 25, 23, 13, 36 }; Arrays.sort(arr, Collectio..