ex)
    // 전달된 숫자가 1개이고 숫자이더라도 인수를 요소로 갖는 배열을 생성한다.
    Array.of(3);    // [3]

    Array.of(3, 6, 9);    // [3, 6, 9]

    Array.of('Java');    // ['Java']

    Array.of(1, 4, 6, true, "yellow");    // [1, 4, 6, true, "yellow"]

{ Array.from( ) } : 유사 배열 객체 또는 이터러블 객체를 인수로 전달받아 배열로 변환하여 반환한다.

ex)
    // 유사 배열 객체를 변환하여 배열을 생성한다.
    Array.from( {length: 3, 0: 'a', 1: 'b', 2: 'c'} );    // ["a", "b", "c"]

    // 이터러블을 변환하여 배열을 생성한다. 문자열은 이터러블이다.
    Array.from('Java');    // ["J", "a", "v", "a"]

    // html 태그를 배열형태로 바꾸어 사용할 수 있다.
    <button class="btn">1</button>
    <button class="btn">2</button>
    <button class="btn">3</button>
    <button class="btn">4</button>

    const buttons = document.getElementsByClassName("btn");

    const ar = Array.from(buttons);    // ar는 배열형태의 데이터이다.

    ar.forEach(button => {
        button.addEventListener("click", () => console.log("i ve been clicked"))
    })

1) 문자열

ex)
    let isEmail = email => email.includes("@");

    console.log(isEmail("abcd123@naver.com"));    // true
    console.log(isEmail("hello"));    // false

-----------------------------------------------------------------------------------------------------

2) 배열

ex)
    const pets = ['cat' , 'dog' , 'pig'];

    console.log(pets.includes('cat'));    // true
    console.log(pets.includes('me'));    // false

{ repeat( ) } : 문자열을 주어진 횟수만큼 반복해 붙인 새로운 문자열을 반환한다.

ex)
    "************1234" 만들기

    const CCNumber = "1234";
    const displayNumber = `${"*".repeat(12)}${CCNumber}`;

    console.log(displayNumber);    // "************1234

{ startsWith( ) } : 어떤 문자열이 특정 문자로 시작하는지 확인하여 결과를 true or false로 반환한다.

ex)
    const name = "Mr.pig";

    console.log(name.startWith("Mr"));    // true
    console.log(name.startWith("pig"));    // false

{ endsWith( ) } : 어떤 문자열에서 특정 문자열로 끝나는지를 확인할 수 있으며, 그 결과를 true or false로 반환한다.

ex)
    const name = "Mr.pig";

    console.log(name.startWith("Mr"));    // flase
    console.log(name.startWith("pig"));    // true

fundtion sayHi(aName) {
    return "Hello " + aName;
}

console.log(sayHi("nas")); // "Hello nas"
console.log(sayHi()); // "Hello undefined"

=> 두번째 콘솔값처럼 기본 값이 없을 경우를 대비해 default value값을 설정하는 법이 있다.

{ defalut value를 설정 한 경우 }

const sayHi = (aName = "pig") => "Hello " + aName;

console.log(sayHi("nas")); // "Hello nas"
console.log(sayHi()); // "Hello pig"

=> arg에 '='를 사용하여 default value를 설정해주면 된다. 또한 default value는 어떠한 타입의 값으로도 올 수 있다. ( number타입, object타입.. 등등 / 변수를 만들어서 사용 가능하다. )

배열.map((요소, 인덱스, 배열) => {
  // 변환 작업을 수행하는 로직
  // 변환된 결과로 새로운 배열 생성
});

ex)
  const numbers = [1, 2, 3, 4, 5];

  const doubledNumbers = numbers.map((num) => num * 2);
  console.log(doubledNumbers); // [2, 4, 6, 8, 10]

{ filter( ) } : 주어진 함수(조건식)의 조건을 만족하는 요소들로 이루어진 새로운 배열을 생성한다.

배열.filter((요소, 인덱스, 배열) => {
  // 조건을 확인하는 로직
  // 조건을 만족하는 요소들로 새로운 배열 생성
});

ex)
  const numbers = [1, 2, 3, 4, 5];

  const evenNumbers = numbers.filter((num) => num % 2 === 0);
  console.log(evenNumbers); // [2, 4]

{ forEach( ) } : 배열의 각 요소에 대해 주어진 함수를 실행한다. 반복문과 유사한 역할을 하며, 주로 배열의 요소를 순회하면서 작업을 수행할 때 사용된다.

배열.forEach((요소, 인덱스, 배열) => {
  // 작업을 수행하는 로직
});

ex)
  const numbers = [1, 2, 3, 4, 5];

  numbers.forEach((num) => console.log(num + 1));
  // 2
  // 3
  // 4
  // 5
  // 6

{ find( ) } : 주어진 조건을 만족하는 첫 번째 요소를 반환하는 배열함수이다. 조건을 만족하는 요소가 없을 시, undefined를 반환한다.

배열.find((요소, 인덱스, 배열) => {
  // 조건을 확인하는 로직
});

ex)
  const numbers = [1, 2, 3, 4, 5];

  const foundNumber = numbers.find((num) => num > 3);
  console.log(foundNumber); // 4

{ reduce( ) } : 배열의 각 요소에 대해 주어진 함수를 실행하고, 하나의 결과값(최종 결과값)을 반환한다.

배열.reduce((누적값, 현재값, 인덱스, 배열) => {
  // 계산 논리
  return 새로운_누적값;
}, 초기값);

ex)
  const numbers = [1, 2, 3, 4, 5];

  const sum = numbers.reduce((accumulator, currentValue) => accumulator + currentValue, 0);
  console.log(sum); // 15

-> 초기값을 지정하지 않을 경우, 첫 번째 요소가 초기값으로 사용되며 두 번째 요소부터 계산이 시작됩니다.

{ every( ) } : 배열의 모든 요소가 주어진 조건을 만족하는지를 확인하는 배열함수이다. 이 메소드는 배열의 모든 요소가 주어진 함수의 조건을 만족하면 true를 반환, 그렇지 않으면 false를 반환한다.

배열.every((요소, 인덱스, 배열) => {
  // 조건을 확인하는 로직
  // 모든 요소가 조건을 만족하는지 여부를 반환
});

ex)
  const numbers = [1, 2, 3, 4, 5];

  const allPositive = numbers.every((num) => num > 0); // 모든 요소가 양수인지 확인하는 조건
  console.log(allPositive); // true

  const allLargerNumTwo = numbers.every((num) => num > 2); // 모든 요소가 숫자'2'보다 큰지 확인하는 조건 
  console.log(allLargerNumTwo); // false

{ some( ) } : 배열의 요소 중 하나 이상이 주어진 조건을 만족하는지를 확인하는 배열함수이다. 이 메소드는 배열의 요소 중 하나라도 주어진 함수의 조건을 만족하면 true를 반환, 그렇지 않으면 false를 반환한다.

배열.some((요소, 인덱스, 배열) => {
  // 조건을 확인하는 로직
  // 하나 이상의 요소가 조건을 만족하는지 여부를 반환
});

ex)
  const numbers = [1, 2, 3, 4, 5];

  const hasNegative = numbers.some((num) => num < 0); // 요소 중 음수가 있는지 확인하는 조건
  console.log(hasNegative); // false

  const allLargerNumTwo = numbers.every((num) => num > 2); // 요소 중 숫자'2'보다 큰 요소가 있는지 확인하는 조건
  console.log(allLargerNumTwo); // true    

❇ arrow function을 사용하면서 eventListener를 등록해야 할 때에는 event를 '(event) =>' 형태로 인자로 넘겨주는 방식의 대안이 존재함.

{ 버블(블록) } : 블록은 '{ }'로 감싸져 있는 형태를 말하는데, let과 const는 block scope를 가지며, var는 function scope를 가진다.

=> let과 const는 외부로부터 내부로 접근하는 것을 완전히 차단하고 보호함. => var는 함수 내에서는 외부의 접근을 차단하지만, [ if , else , try ~ catch , for ] 등을 사용할 때는 접근이 가능하다.

❇ 물론 내부에서는 외부에 접근하여 값을 참조할 수 있다. ( 밖에서 안으로는 접근x )

<개발자의 멍청한 실수>

  <1>
    console.log(myName);
    var myName = 'nas'

    => undefined

-----------------------------------------------------------

  <2>
    console.log(myName);
    let myName = 'nas'

    => RerenceError 발생.

=> 자바스크립트에서 let 사용시 친절하게 알려줌. 따라서 개발자의 멍청한 실수를 알 수 있는 let 사용 권장.

{ const } <재할당 불가능> : 선언은 블록 범위의 상수를 선언. 상수의 값은 재할당할 수 없으며 다시 선언할 수도 없음.

• Node.js 설치 https://nodejs.org/ko

• Vscode 설치 https://code.visualstudio.com/

• Vscode 확장앱 angular 검색 후 최 상단 프로그램 설치

• pwershell에 입력

  • 타입스크립트를 사용하기 위한 라이브러리 설치 : npm install -g typescript
  • 앵큘러 사용하기 위한 명령어 입력 : npm i @angular/cli -g

• 앵귤러 프로젝트 생성 : ng new 프로젝트명 -> 라우팅 no / css 선택

• 서버 구동(default port : 4200) 해당 디렉토리로 경로 이동 후 : ng serve --open

-> 조상 타입 참조 변수로 자손 타입 객체를 다루는 것.

💡 다형성 특징

• 자손 타입의 참조변수로 조상 타입의 객체를 가리킬 수 없다.

💡 다형성 문제

• Q1. 참조변수의 타입은 인스턴스의 타입과 반드시 일치해야 하나요? -> 아닙니다. 일치하는 것이 보통이지만 일치 하지 않을 수도 있습니다.

  SmartTv s = new SmartTv();    // 참조 변수와 인스턴스의 타입이 일치.
  Tv t = new SmartTv();    // 조상 타입 참조변수로 자손 타입 인스턴스 참조.

  • Q2. 참조변수가 조상타입일 때와 자손타입일 때의 차이? -> 참조변수로 사용할 수 있는 멤버의 갯수가 달라집니다.

  • Q3. 자손 타입의 참조변수로 조상 타입의 객체를 가리킬 수 있나요? -> 아니요. 허용되지 않습니다.

    Tv t = new SmartTv();    // 허용.
    SmartTv s = new Tv();    // 에러.

객체. 즉 클래스의 내부 변수와 메소드를 하나로 패키징하는 특징이다.

객체에 선언된 변수나 메소드가 구분없이 중구난방으로 접근할 수 있다면 정상적인 객체로 보기 어렵다.

캡슐화와 비슷한 개념으로 정보은닉이라는 개념이 있다.

정보 은닉은 객체의 내부 구현을 숨김으로써 객체가 반드시 정해진 메소드를 통해 상요작용하도록 유도한다.

이 두 개념은 객체의 응집도와 독립성을 높임으로써 객체의 모듈화를 지향한다.

객체의 모듈화가 잘 이루어져있을 경우 모듈 단위의 재사용이 매우 용이하다.

여러 로직에서 중복되는 코드를 모듈로 대처하면 모듈 내부의 소스만 수정하는 것으로 수정사항을 반영할 수 있다.

이는 곧 간편한 유지보수와 직결된다.

• 모듈 : 소프트웨어 설계에서 기능단위로 분해하고 추상화 되어 재사용 및 공유 가능한 수준으로 만들어진 단위

• 모듈화 : 소프트웨어의 성능을 향상시키거나 시스템의 디버깅, 시험, 통합 및 수정을 용이하도록 하는 소프트웨어 설계 기법

💡 캡슐화 사용 이유

-> 변경에 유연한 프로그래밍 작업을 위함.

• 중복 방지.
• 편리한 유지보수를 위함.
• 데이터와 그 데이터를 다르는 메서드로 이루어진 것이 캡슐화이다.

💡접근 제어자를 이용한 캡슐화(encapsulation)

• 클래스나 멤버, 주로 멤버에 접근제어자를 사용하는 이유는 클래스 내부에 선언된 데이터를 보호하기 위해서이다.
  • 데이터가 유효한 값을 유지하도록, 또는 비밀번호와 같은 데이터를 외부에서 함부로 변경하지 못하도록 하기 위해서

     외부로부터의 접근을 제한하는 것이 중요하다.

  • 이를 데이터 감추기(data hiding)라고 하며, 객체지향개념의 캡슐화(encapsulation)에 해당하는 내용이다.
  • 또 다른 이유는 클래스 내에서만 사용되는, 내부 작업을 위해 임시로 사용되는 멤버 변수나 부분 작업을 처리하기 위한

     메소드 등의 멤버들을 클래스 내부에 감추기 위함이다.

  • 외부에서 접근할 필요가 없는 멤버들은 private으로 지정하여 외부에 노출시키지 않음으로써 복잡성을 줄일 수가 있다.

👀 문제 풀이

내가 낸 문제) 캡슐화는 객체의 ( ) 와 ( ) 을 높임으로써 객체의 ( )를 지향한다. 빈칸을 채워주세요 답: 응집도, 독립성, 모듈화

• 모듈화 : 소프트웨어의 성능을 향상시키거나 시스템의 디버깅, 시험, 통합 및 수정을 용이하도록 하는 소프트웨어 설계 기법

문제 1) 좋은 설계는 낮은 응집도와 높은 결합도를 구성하는 것이다 (o,x) 내 답 : x, 이유: 높은 응집도와 낮은 결합도를 구성하는 것이다.(정답) 정답 : x, 높은 응집성 낮은 결합도(의존성의 정도)

문제 2) 객체지향 기법에서 캡슐화에 대한 설명으로 틀린 것은?

1) 캡슐화를 하면 객체 간의 결합도가 높아진다. 2) 캡슐화된 객체들은 재사용이 용이하다. 3) 프로그램 변경에 대한 오류의 파급 효과가 적다. 4) 인터페이스가 단순해진다. 내 답 : 1, 이유: 결합도가 낮아진다.(독립성이 높아짐) (정답) 정답 : 1

문제 3) 정보은닉을 위해서 객체에 있는 데이터와 함수들을 모두 은폐시켜야 한다 (o/x) 그 이유는? 내 답 : x, 이유: 은닉된 데이터에 접근할 수 있는 메서드가 필요하므로 모두 은폐시키면 안된다. (정답) 정답 : x, 객체지향 언어에서 어떤 목적을 달성하기 위해서는 필연적으로 다른 객체와의 협력이 있어야 하기 때문에 객체는 서로 관계를 맺는다. 만약 캡슐(객체) 속에 있는 모든 데이터와 함수들을 모두 은폐시킨다면 해당객체는 외부 다른 객체들과 정보를 주고받을 수 없기 때문에.

문제 4) 정보 은닉의 종류 중 캡슐화는 객체의 ( ) 및 ( )를 은닉하는 것이다. 내 답 : 데이터, 메서드 (오답) 정답 : 속성(멤버 변수), 행위(method)

문제 5) 멤버변수의 경우 보통 ( )접근제어자를 사용하여 외부로부터의 직접적인 접근을 막고 ( )를 만들어 사용함으로써 내부 데이터에 제한적 접근을 할 수 있게 한다. 내 답 : private, getter setter (정답) 정답 : private, getter setter

문제 6)

1. class Sepecial 이미지 참고

1-1. Sepecial 클래스는 한 번만 생성하게끔 개발하려고 한다. 이러한 작업을 설계하는 디자인 패턴은? 내 답 : 싱글톤 패턴 (정답) 정답 : singleton pattern

1-2. 1번 이미지는 해당 디자인 패턴이 미적용된 상태이다. 수정해야할 줄번호와 수정된 코드를 쓰시오. 내 답 : 13번줄 / return null;(오답) 정답 : 3번 - private static Sepecial sepecial; 5번 - private Sepecial ( ){ } 9번 - public static getInstance( ) { /*내용 */}

2. class Person 이미지 참고

2-1. Person 클래스의 name을 읽기전용으로 설계한다고 했을 때 작성해야 할 메서드 이름과 접근지정자를 작성하시오 내 답 : 정답 : public, getName

2-2. Person 클래스의 name을 쓰기전용으로 설계한다고 했을 때 작성해야 할 메서드 이름과 접근지정자를 작성하시오 내 답 : 정답 : public, setName

종류 : public(많이 쓰임), protected, default, private(많이 쓰임)

💡스터디원들의 문제

문제 1) 다른 클래스 , 패키지에서도 private 변수에 접근할 수 있도록 해주는 메서드는?? -> getter, setter (정답)

문제 2) protected로 구현된 메소드는 반드시 자식클래스가 override를 해야한다? -> 아니다 (정답) 이유 : 해도되고 안해도 된다.

문제 3) abstract메서드의 접근 제어자는 private일 수 있다/없다 -> 없다 (정답) 이유 : abstract 메서드는 자식클래스에서 구현하기 위해 접근해야 하기 때문

문제 4) 접근제어자를 사용하는 궁극적 목표는 캡슐화이다 그렇다면 spring을 이용한 개발 중 사용했던 캡슐화의 대표적 예시는? -> DTO

문제 5) public 메소드는 private 멤버와 프로그램 사이의 ( ) 역할을 수행한다고 할 수 있습니다. ( )안에 답을 넣으시오. -> 인터페이스

문제 6) (https://velog.velcdn.com/images/naskim_311/post/8b016461-7a78-49a8-b39e-70c0c2c22efd/image.pdf) -> 1. 아니다 (멤버변수가 private으로 지정되어 있어야 하기 떄문) 2. ++++30++++ ----30---- 3. 아니다 4. private 접근제어자는 같은 클래스에서만 실행되므로, public 접근제어자를 가진 메소드만이 다른 클래스의 private 메소드를 실행시킬 수 있다.

-> https://docs.spring.io/spring-boot/docs/current/reference/html/web.html#web

프로젝트 생성하는 웹 경로

-> 구글에 spring starter라고 검색하면 밑에 링크 나옴. -> https://start.spring.io/

1. getFullYear()        : 오늘 날짜의 연도를 리턴하는 명령어.

2. getMonth()             : 오늘 날짜의 달의 -1을 한 값음 리턴하는 명령어.

3. getDate()            : 오늘 날짜의 일수를 리턴하는 명령어.

4. getDay()                : 요일을 구할 때 사용하는 명령어.
                        0 ~ 6의 값을 리턴하는 명령어 인데,
                        일요일 = 0 ~ 토요일 = 6 으로 생각하고
                        배열 생성해서 요일을 구하면 된다.