template literals, string method

template literals

• 스트링을 대신하여 백틱으로도 사용할 수 있습니다.
• 백틱으로 감싸고 그 안에 변수를 넣어 사용할 수 있습니다

const name = 'kangsho';
const hi = `안녕하세요. 저는 ${name} 입니다.`;

• 스트링은 개행 처리를 하지 않으며, 백틱을 사용시 개행을 사용시 그대로 나옵니다.

string method

• 특정 스트링을 찾기위한 메서드입니다.

.startsWith('')  //시작
.endsWith('')   //종료
.includes('')   //포함

• 특정 문자열 반복은 '#'.repeat(3);을 사용합니다.

Assignment

handleEdit 함수를 구현해 주세요.

• 쇼핑몰 회원가입에서 한 번 쯤은 아래와 같은 문구를 보셨을 겁니다.

  환영합니다. 위코드님!
  회원가입 기념으로 쿠폰을 적립해 드렸습니다.

  이러한 문구에서는 이름 부분만 계속 바뀌고 나머지 부분은 고정됩니다. 그럼, 이름 부분을 변수로 관리 하겠죠?

• 그렇다면 handleEdit 라는 이름을 가진 함수를 구현해 봅시다.

• 이 함수는 nickname, interests 라는 두 string을 인자로 받습니다. nickname은 유저의 닉네임을, interests 는 유저의 관심사를 의미합니다.

• interests 에는 여러 관심사를 적을 수 있습니다. 그 때 그 관심사의 구분을 콤마(,)를 이용합니다.

• nickname 과 interests 가 문제 없이 잘 들어왔다면 유저 정보를 효율적으로 관리하기 위해서 Object에 이 정보를 담아서 관리할 겁니다.

• 예를 들어 입력 값이 nickname = "뚜비" , interests = "방탈출,테니스,멍 때리기" 라고 했을 때

• 아래와 같은 Object를 리턴하도록 구현해 주세요.

⚠️ 주의

• interests 는 배열입니다.

• interests 를 적을 때 콤마(,) 뒤에 스페이스는 지워주세요.

    ```js
    {
        nickname: "뚜비",
        interests: ["방탈출","테니스","멍 때리기"],
        bio: "제 닉네임은 뚜비입니다. 취미는 방탈출,테니스,멍 때리기입니다."
    }
    ```
  ---

  // 아래에 코드를 작성해주세요.
  const handleEdit = (nickname, interests) => {
    const handle = {};
    handle.nickname = nickname;
    handle.interests = interests.split(",");
    handle.bio = `제 닉네임은 ${nickname}입니다. 취미는 ${interests}입니다.`;
    return handle;
  }