Yoon's Dev

자바스크립트 이벤트 처리와 DOM의 개념 이벤트 처리와 DOM의 개념 ■ 이벤트 발생과 처리 ✓ HTML 문서에서 발생하는 특정 상황으로 이벤트 발생은 보통 자바스크립트 코드와 연계됨 ex) 버튼 클릭, 마우스 이동, 마우스 클릭, 키보드 입력, 문서 로드, 창 크기 변경 등 ✓ 자바스크립트에서 이벤트를 처리하는 방법 - HTML 태그에 이벤트 처리 속성을 이용 - 문서 객체 모델 DOM 요소에 속성을 추가 - DOM 요소에 addEventListener()로 콜백 함수를 등록 □ 문서 객체 모델 DOM ✓ 자바스크립트에서는 DOM을 통해 HTML 요소에 접근할 수 있음 ✓ DOM은 텍스트로 된 HTML 문서를 프로그램적으로 처리할 수 있도록 문서 구조 전체를 객체화한 것을 의미함 □ DOM의 체계 ✓ ..

프로그래머스 JOIN 문제 답안 프로그래머스 LEVEL 1 MySql로 푸는 JOIN 문 연습을 해보았습니다. 본 포스팅에서 작성하는 해답은 프로그래머스 예제에서 나온 문제를 바탕으로 작성하였습니다. ※본 답안은 무조건 이 답이다가 아닌 단순 참고용, 개인적인 답안입니다. 이 외에도 다양한 해결 방법이 있으니 참고용으로만 봐주시길 바랍니다. (틀린 점이나 더 좋은 솔루션이 있으면 댓글로 적극 피드백 부탁드립니다!) 출처: https://programmers.co.kr/learn/courses/30/parts/17046 JOIN ■ LEFT JOIN ✓ A 값의 전체와 A의 Key값과 B Key 값이 같은 결과를 리턴 SELECT [테이블] FROM TABLE_A LEFT JOIN TABLE_B ON TA..

Java 스트림(Stream) 연산 옵션 타입 스트림 연산 옵션 타입 ■ 스트림 연산 옵션 타입 ✓ java.util 패키지 소속 ✓ Optional은 null을 사용하지 않고 부재 값을 포함한 데이터를 저장하는 클래스 ✓ 값의 존재 여부에 따라 다양하게 처리할 수 있는 기능을 제공 ✓ 종류: Optional, OptionalInt, OptionalLong, OptionalDouble Q) String과 Date는 상속 관계가 아닌데도 null??? 옵션 타입 ■ 옵션 타입 - Optional 및 OptionalInt 클래스가 제공하는 주요 연산 - OptionalInt는 파란색으로 표기 메서드 의미 static Optional empty() 빈 Optional 객체를 반환한다. T get(), int ..

JAVA 스트림(Stream) 연산 느긋한 연산, 조급한 연산, 병렬 처리 스트림 연산과 옵션 타입 ■ 스트림 파이프라인 ✓ 스트림 연산의 결과가 Stream 타입이면 연속적으로 호출 가능 ✓ 스트림 연산의 연속 호출은 여러 개의 스트림이 연결되어 스트림 파이프 라인을 형성 느긋한 연산과 조급한 연산 ■ 느긋한 연산과 조급한 연산 ✓ 느긋한 연산 . 조급한 연산이 데이터 소스에게 원소를 요구할 때까지 아무 연산도 수행하지 않고 기다리는 특징 ✓ 스트림의 최종 연산은 조급한 연산이지만 중간 연산은 느긋한 연산 ✓ 최종 연산이 호출되기 전까지 중간 연산은 아무런 작업을 수행하지 않음 ✓ 스트림의 중간 연산이 느긋한 연산이기 때문에 . 다운로드 방식처럼 저장 공간이 따로 필요 없음 . 스트림 연산은 빅데이터뿐..

프로그래머스 SQL 고득점 Kit "IS NULL" 문제 답안 프로그래머스 LEVEL 1 MySql로 푸는 IS NULL 문 연습을 해보았습니다. 본 포스팅에서 작성하는 해답은 프로그래머스 예제에서 나온 문제를 바탕으로 작성하였습니다. ※본 답안은 무조건 이 답이다가 아닌 단순 참고용, 개인적인 답안입니다. 이 외에도 다양한 해결 방법이 있으니 참고용으로만 봐주시길 바랍니다. (틀린 점이나 더 좋은 솔루션이 있으면 댓글로 적극 피드백 부탁드립니다!) 출처: https://programmers.co.kr/learn/courses/30/parts/17045 NULL값 처리 ■ NULL 이란? ✓ NULL 값의 의미: NULL은 미확인 값 혹은 아직 결정되지 않은 값을 의미한다. ✓ NULL은 숫자 0이나 공..

자바스크립트(JavaScript)란? 자바스크립트의 정의 자바스크립트의 역사 자바스크립트의 특징 자바와 자바스크립트의 차이 자바스크립트 표준 주요 라이브러리 자바스크립트(JavaScript)란? ■ 자바스크립트(JavaScript)란? ✓ 자바스크립트(JavaScript)는 객체(object) 기반의 스크립트 언어이다. ✓ HTML에서 웹 내용을 작성하고, CSS로는 웹을 디자인하고, JavaScript로는 웹의 동작을 구현할 수 있다. ✓ 자바스크립트는 주로 웹 브라우저에서 사용되나, Node.js 같은 프레임워크를 사용하면 서버 측에서도 사용 가능하다. 1. 자바스크립트의 역사 ■ 자바스크립트(JavaScript)의 역사 ✓ 1995년에 넷스케이프(Netscape)의 브렌던 아이크(Brenden Ei..

이클립스에서 JDBC로 MySQL 연동하기 JDBC ■ JDBC란? □ Java DataBase Connectivity ✓ 데이터베이스를 다루기 위한 자바 API ✓ JDBC를 통해서 DBMS의 종류와 관계없이 질의문을 던져서 데이터를 수신 ✓ 각 데이터베이스의 접속에 대한 상세한 정보가 불필요 □ JDBC의 구성 ✓ JDBC 인터페이스: 프로그래머에게 쉬운 데이터베이스와 연동되는 프로그램을 작성할 수 있게 하는 도구 ✓ JDBC 드라이버: JDBC 인터페이스를 구현하여 실제로 DBMS를 작동시켜서 질의를 던지고 결과를 받음 JDBC Driver 설치 MySQL 사이트 http://dev.mysql.com/downloads/connector/j/ MySQL :: Download Connector/J My..

프로그래머스 SQL 고득점 Kit GROUP BY 문제 답안 프로그래머스 LEVEL 1 MySql로 푸는 GROUP BY문 연습을 해보았습니다. 본 포스팅에서 작성하는 해답은 프로그래머스 예제에서 나온 문제를 바탕으로 작성하였습니다. ※본 답안은 무조건 이 답이다가 아닌 단순 참고용, 개인적인 답안입니다. 이 외에도 다양한 해결 방법이 있으니 참고용으로만 봐주시길 바랍니다. (틀린 점이나 더 좋은 솔루션이 있으면 댓글로 적극 피드백 부탁드립니다!) 출처: programmers.co.kr/learn/courses/30/parts/17044 GROUP BY MySQL에서 유형별로 개수를 가져오고 싶을 때 컬럼의 데이터를 그룹화 할 수 있는 GROUP BY SELECT 컬럼 FROM 테이블 GROUP BY 그..

AVA 람다식을 활용한 예제 (1) TO Do. - 디젤 자동차만 모두 찾기 - 10년보다 오래된 자동차만 모두 찾기 - 10년보다 오래된 디젤 자동차만 모두 찾기 - 디젤 자동차를 출력하되 모델과 연식만 나타나도록 출력 - 10년보다 오래된 자동차를 출력하되 모델, 연식, 주행거리만 출력 목표: 람다식을 활용하여 조건에 맞는 자동차 찾는 프로그램을 만들어보자! 1. 필요한 메서드와 인터페이스 ■ 필요한 메서드 List findCars(List all, CarPredicate p) List: 요구 조건에 맞는 차들 List all: 다양한 종류의 자동차 CarPredicate p: 요구조건 void printCars(List all, CarConsumer c) ■ 필요한 인터페이스 1) CarConsum..