목록프로그래밍 (408)
쌓고 쌓다
콜백 함수 매개변수로 전달하는 함수를 콜백 함수라고 한다. 콜백함수는 즉시 실행할 수도 있고, 나중에 실행할 수도 있다. 동기 콜백(Synchronous callback) function printImmediately(print) { print() } printImmediately(() => console.log('즉시 콜백함수 실행')) 비동기 콜백(Asynchronous callback) function printWithDelay(print, timeout) { setTimeout(print, timeout) } printWithDelay(() => console.log('async callback'), 2000) 콜백 지옥 아래의 콜백 함수 add가 있다고 하자. function add(x, cal..
글 제목 : ~ 글 제목을 위해 , , ..., 태그가 존재한다. h1태그 h2태그 h3태그 h4태그 h5태그 h6태그 이 태그에 style 속성을 사용하여 CSS를 정의할 수 있다. h1태그 h2태그 단락 : 안녕하세요안녕하세요안녕하세요안녕하세요안녕하세요안녕하세요 안녕하세요안녕하세요안녕하세요안녕하세요안녕하세요안녕하세요 안녕하세요안녕하세요안녕하세요안녕하세요안녕하세요안녕하세요 반갑습니다반갑습니다반갑습니다반갑습니다반갑습니다반갑습니다 반갑습니다반갑습니다반갑습니다반갑습니다반갑습니다반갑습니다 반갑습니다반갑습니다반갑습니다반갑습니다반갑습니다반갑습니다 각 단락 다음 줄에는 빈 줄이 들어간다. 줄 바꿈 : 아래처럼 엔터로 줄바꿈을 하더라도 실제 페이지에서는 적용이 안된다. 1. 안녕하세요 2. 반가워요 3. 잘있어요 4..
static 속성 및 메소드는 정적 속성, 정적 메소드라고 부른다. static 속성과 메소드는 객체를 생성하지 않고 사용할 수 있다. static 속성 및 메소드 생성 형태 class 클래스이름 { static 속성 = 값 static 메소드() { ... } } static 속성 및 메소드 사용법 클래스이름.속성 클래스이름.메소드() Counter 클래스 class Counter { static #privateCount = 0 static count = 0 constructor(){ Counter.count+=1 // 생성자에서 this.#count+=1로 불가 } static get getCount(){ return Counter.count } } static은 private과 결합이 가능하다. s..
아래와 같이 정사각형 클래스가 있다고 하자. class Square { constructor(length) { if(length
포인터 배열: 포인터가 배열로 있는 것 -> int* ptrarr[2] 배열 포인터: 배열을 가리키는 포인터 -> int (*arrptr)[2] 앞의 단어를 수식어라고 생각한다. 2차원 배열이 아래처럼 있다고 하자. 2차원 배열 int arr2[2][2] = { {1,2},{3,4} }; 2차원 배열 조회 및 수정 void ex3(int (*ptr)[2]) { // int ptr[2][2]도 가능 (call by reference임) //조회 cout
상속 상속의 필요성을 이해해 보자. 사각형 클래스와 정사각형 클래스를 먼저 만들어 본다. 사각형 클래스 class Rectangle { constructor(width, height) { this.width = width this.height = height } // 둘레 계산 getPerimeter() { return 2 * (this.width + this.height) } // 넓이 계산 getArea() { return width * height } } 정사각형 클래스 class Square { constructor(length) { this.length = length } // 둘레 계산 getPerimeter() { return 4 * this.length } // 넓이 계산 getArea()..
실행 결과 기능 1. 텍스트 입력 후 추가버튼 클릭 시 목록에 추가. 2. 목록의 좌측 체크박스를 클릭시 취소선 발생. 3. 삭제 버튼 클릭시 목록을 제거 코드 구현 1. body 부분 To Do List 추가 example 삭제 아직 html과 css를 공부하지 않아서 div가 정확히 무엇인지 모르겠으나 영역을 나누는 태그 같다. 이것을 할 일 리스트를 분할하였고 그 안에서도 div로 목록마다 영역을 만들어 추가하는 방식이다. 목록을 넣기위해 입력하는 부분의 id를 "toDo" 목록의 내용을 추가하는 버튼을 "addButton" 목록들을 가지는 목록 리스트를 "toDoList"로 분할하였다. 각 할일 목록은 아래의 형태로 구성한다. 체크박스를 위한 input 태그와 내용을 위한 span 해당 목록 삭제..
먼저, 클래스를 사용하지 않고 객체를 생성하여 사용하는 방법들을 보이겠다. 객체 배열 생성 const students = [] students.push({이름: '홍길동', 국어: 10, 영어: 10}) students.push({이름: '철수', 국어: 20, 영어: 20}) console.log(JSON.stringify(students, null, 2)) students 배열에 객체들을 넣었다. 객체 배열 조회 let output = '이름\t국어\t영어\n' for(const s of students) { output += `${s.이름}\t${s.국어}\t${s.영어}\n` } console.log(output) 객체를 처리하는 함수 선언 및 출력 function getSumOf(student)..