15호의 개발자

[JavaScript] forEach() 함수사용방법 자바스크립트에서 forEach() 함수는 배열 요소 만큼 함수를 실행시키는 함수이다. 예시를 바로 봐보자. 1. const array = [1, 2, 3]; function sayHello() { console.log("Hello"); } array.forEach(sayHello); 1단계. array의 요소는 3개이다. 2단계. forEach에서 실행할 함수는 sayHello이다. (sayHello뒤의 괄호()는 적지 않는다.) 3단계. sayHello를 3번 실행한다. (=sayHello를 array의 요소 개수만큼 실행한다.) 위 예시의 결과 Hello가 3번 출력된다. 2. forEach() 함수는 각 element에 접근하는 방식이다. ele..

[HTML, CSS, JS] 이모지 단축키 (mac, windows) HTML, CSS, JavaScript에서 이모지 단축키는 아래와 같다. 1. Mac ctrl + cmd + space 2. Windows 윈도우키 + . 또는 윈도우키 + ;

기본 함수 몇 가지 1탄은 아래의 링크에서 확인할 수 있다. 1탄에서 소개한 함수들 parseInt() isNaN() getElementById(), getElementByClassName() querySelector(), querySelectorAll() addEventListener() localStorage.setItem(), localStorage.getItem(), localStorage.removeItem() https://unit-15.tistory.com/entry/JavaScript-%EA%B8%B0%EB%B3%B8-%ED%95%A8%EC%88%98-%EB%AA%87-%EA%B0%80%EC%A7%80 [JavaScript] 기본 함수 몇 가지 _1탄 [JavaScript] 기본 함수 몇 ..

[JavaScript] setInterval(), setTimeout() 자바스크립트에는 일정 시간 간격으로 함수를 실행하는 기능이 있다. setInterval(), setTimeout() 메서드를 이용하면 된다. setInterval()은 일정 시간 간격(interval)을 두고 함수를 실행하게 만드는 기능이고, setTimeout()은 일정 시간이 지난 후에 함수를 실행하게 한다. 두 메서드의 문법은 아래와 같다. setInterval(함수명, interval간격) setTimeout(함수명, delay시간) 시간 간격의 기본 단위는 ms(밀리초)이다. (1000ms = 1s(초)) setTimeout 함수의 두 번째 파라미터에 다음과 같이 0을 넣으면 delay 시간이 0이 되므로 함수는 바로 실행..

[JavaScript] toggle 메서드 toggle은 h1의 classList에 clicked class가 있는지 확인 있으면 clicked를 제거 없다면 clicked를 classList에 추가 toggle은 on/off처럼 껐다 켰다(왔다 갔다)하는 기능이다. 토글 버튼은 on/off처럼 두 상태 중 하나를 선택할 때 사용하는 버튼이다. 보통 아래와 같이 classList를 이용하여 많이 쓰고, click 이벤트와 함께 많이 사용한다. function 함수명() { 태그명.classList.toggle("클래스명"); } 변수명.addEventListener("클래스명", 함수명);

[JavaScript] 기본 함수 몇 가지 _1탄 1. parseInt() parseInt() 함수는 string을 number로 변환하는 함수이다. const a = 123; const b = "123"; const c = "Hello"; const d = true; const e = false; const f = null; console.log(parseInt(a)); // 123 console.log(parseInt(b)); // 123 console.log(parseInt(c)); // NaN console.log(parseInt(d)); // NaN console.log(parseInt(e)); // NaN console.log(parseInt(f)); // NaN NaN은 Not-A-Numbe..

[VS Code] 단어 한 번에 바꾸기 (비주얼 스튜디오) Ctrl + Shift + L 을 누르면 가능하다. 변경하려는 단어를 드래그한 후, Ctrl + Shift + L를 누르면 드래그한 단어와 같은 단어가 모두 선택된다. 이 상태에서 수정하면 같은 단어들이 한 번에 수정된다.

[JavaScript] 자바스크립트 놓치기 쉬운 기본 개념들 1. const vs let const는 상수를 입력할 때 쓰인다. 상수란 변하지 않는 값으로, 한 번 정하면 나중에 바꿀 수 없다. const a = 5; console.log(a+a) // 10 const a = 10; console.log(a+a) // Assignment to constant variable. 에러 위의 예시처럼 a를 const로 정해놓고 5를 입력했으면 이후 이 값은 바뀔 수 없다. 이 a값을 10으로 바꾸려 했더니 Assignment to constant variable. 에러가 떴고, 이는 상수값에 값을 적용하려 했다는 의미의 에러이다. 값을 마음껏 변경하고 싶은 변수값을 입력하려면 const가 아닌 let을 이용해..

[Java] 람다식 (Lambda Expression, 람다 표현식) 람다식은 함수(메서드)를 간단한 식(expression)으로 표현하는 바법이다. 람다식은 익명 함수(anonymous function)와 비슷한데, 사실은 익명 객체이다. 익명 클래스처럼 객체의 선언과 생성을 동시에 한다. 함수 vs 메서드 함수와 메서드는 근본적으로는 동일하다. 함수는 일반적 용어이고, 메서드는 객체지향 개념의 용어이다. 함수는 클래스에 독립적이며, 메서드는 클래스에 종속적이다. 람다식 작성하기 1. 메서드의 이름과 반환타입을 제거하고 '->'를 블록{} 앞에 추가한다. int max(int a, int b) { return a>b ? a : b; } ↓ ↓ (int a, int b) -> { return a>b ? ..

내부 클래스는 말 그대로 class 안에 또 다른 class를 넣는 것이다. 클래스 내부에 구현한 중첩된 클래스이며, 클래스 내부에서 사용하기 위해 선언하고 구현하는 클래스이다. 주로 외부 클래스 생성자에서 내부 클래스를 생성한다. class A { // 외부 클래스 class B { } // 내부 클래스 } 내부 클래스를 만들면 객체 생성 없이도 외부 클래스(class A)의 멤버에 쉽게 접근이 가능하다. 또한 코드의 복잡성을 줄일 수 있다. 내부 클래스에는 아래와 같은 종류가 있다. class Outer { class InstanceInner {} // 인스턴스 내부 클래스 static class StaticInner {} // 스태틱 내부 클래스 void myMethod() { class Local..