본문 바로가기

분류 전체보기474

DOM API DOM API: Document Object Model, Application Programming Interface (자바 스크립트에서 HTML을 제어하기 위한 여러 명령들) 1가지 특정 클래스(같은 이름이 있을 경우 맨 처음 클래스 선택) 검색 // HTML 요소 (Element) 1개 검색/찾기 let boxEl = document.querySelector('.box'); console.log(boxEl); // HTML 요소에 적용할 수 있는 메소드 boxEl.addEventListener(); // 인수(Arguments)를 추가 기능 boxEl.addEventListener(1, 2); // 1 - 이벤트(Event, 상황) boxEl.addEventListener('click', 2); //.. 2021. 5. 10.
조건문 조건문: 조건의 결과(truthy, falsy)에 따라 다른 코드를 실행하는 구문 (if, else) 조건이 true 일 경우 해당 실행 구문이 동작하는 예제 let isShow = true; let checked = false; if (isShow) { console.log('확인'); } if (checked) { console.log('확인2'); } let isShow = true; let checked = false; if (checked) { console.log('확인'); } else { console.log('확인2'); } 2021. 5. 10.
함수 함수: 특정 동작(기능)을 수행하는 일부 코드의 집합(부분) (function) 함수 호출 예제 // 함수 선언 function helloFunc() { // 실행 코드 console.log(1234); } // 함수 호출 helloFunc(); //1234 return 함수 예제 // 함수 선언 function returnFunc() { // 실행 코드 return 123; } let a = returnFunc(); console.log(a); 매개변수가 있는 함수 예제 // 함수 선언 // a와 b는 매개변수(Parameter) function sum(a, b) { // 실행 코드 return a + b; } // 재사용 let a = sum(1,2); // 1과 2는 인수(Arguments) let.. 2021. 5. 10.
변수 변수: 데이터를 저장하고 참조(사용)하는 데이터의 이름 (var, let, const) // 재사용이 가능! // 변수 선언! let a = 2; let b = 5; console.log(a + b); // 7 console.log(a - b); // -3 console.log(a * b); // 10 console.log(a / b); // 0.4 // 값(데이터)의 재할당 가능! let a = 12; console.log(a); // 12 a = 999; console.log(a); // 999 // 값(데이터)의 재할당 불가! const a = 12; console.log(a); //12 a = 999; console.log(a); //Type Error 새롭게 값을 할당해야 할 경우 let 사용 .. 2021. 5. 10.
스트림(Stream) 스트림 자료의 대상과 관계없이 동일한 연산을 수행 배열, 컬렉션을 대상으로 연산을 수행 함 일관성 있는 연산으로 자료의 처리를 쉽고 간단하게 함 자료 처리에 대한 추상화가 구현되었다고 함 한번 생성하고 사용한 스트림은 재사용 할 수 없음 자료에 대한 스트림을 생성하여 연산을 수행하면 스트림은 소모됨 다른 연산을 수행하기 위해서는 스트림을 다시 생성해야 함 스트림 연산은 기존 자료를 변경하지 않음 자료에 대한 스트림을 생성하면 스트림이 사용하는 메모리 공간은 별도로 생성되므로 연산이 수행되도 기존 자료에 대한 변경은 발생하지 않음 스트림 연산은 중간 연산과 최종 연산으로 구분됨 스트림에 대해 중간 연산은 여러 개의 연산이 적용될 수 있지만 최종 연산은 마지막에 한 번만 적용됨 최종연산이 호출되어야 중간 연.. 2021. 5. 8.
람다식 함수형 프로그래밍과 람다식 자바는 객체 지향 프로그래밍: 기능을 수행하기 위해서는 객체를 만들고 그 객체 내부에 멤버 변수를 선언하고 기능을 수행하는 메서드를 구현 자바 8부터 함수형 프로그래밍 방식을 지원하고 이를 람다식이라 함 함수의 구현과 호출만으로 프로그래밍이 수행되는 방식 함수형 프로그래밍(Functional Programming: FP) 함수형 프로그래밍은 순수함수를 구현하고 호출함으로써 외부 자료에 부수적인 영향을 주지 않도록 구현하는 방식, 순수 함수란 매개변수만을 사용하여 만드는 함수. 즉 함수 내부에서 함수 외부에 있는 변수를 사용하지 않아 함수가 수행되더라도 외부에는 영향을 주지 않는다. 함수를 기반으로 하는 프로그래밍이고 입력받는 자료 이외에는 외부 자료를 사용하지 않아 여러 자료가.. 2021. 5. 8.

티스토리툴바