Today I Learn (0325)

1. 오늘의 자바스크립트

문자열 타입

//문자열 타입
let string = "안녕하세요";
string = `안녕!`;
console.log(string);

// 특수문자 출력하는 법
string = "'안녕!'";
console.log(string);

string = "안녕!\n노아야!\t\t내 이름은"; // \n 한줄바꿈, \t 탭
console.log(string);

{
  /* <a href="https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/String">MDN string</a>; */
}

// 템플릿 리터럴 (Template Literal)
let id = "Noah";
let greeting = "'안녕!, " + id + "🙌\n즐거운 하루 보내요!'";
console.log(greeting);

//위의 불편함을 간단하게

greeting = `'안녕, ${id}🙌
즐거운 하루 보내요`;
console.log(greeting);

3. 프로젝트를 위한 구현 내용

현재 막혀 있는 문제

형제들간의 State를 주고 받을 때 부모를 거치지 않고 줄 수 있는 방법은 redux 뿐인가.

부모 컴포넌트인 Deatil 페이지안에서 유투브의 재생시간을 실시간으로 프로그래스바가 받아와야 하는 상황인데, 매초마다 변하는 시간을 state로 Datail에 보내고 이를 다시 프로그래스바가 받아오는 상황에서 3개의 페이지가 리렌더링 되고 있는 상황이다.

이를 방지하기 위해서 형제들간의 state를 주고 받을 수 있다면 좋겠는데 그 방법을 탐색하는 중이다.