[SEB FE 44] props와 state 마무리

✍ 복습 자료

• 입출력 예시

let output = insertDash('454793');
console.log(output); // --> 4547-9-3

• 코드

function insertDash(str) {
  let result = str[0];

  for(let i=1; i<str.length; i++) {
    if(parseInt(str[i-1]) % 2 !== 0 && parseInt(str[i]) % 2 !== 0) {
      result = result + '-';
    }
    result += str[i];
  }

  return result;
}


// 입력 : string => str
// 출력 : string

// 0은 짝수로 간주

문자열을 받았기 때문에 % 2를 하기 위해서는 parseInt로 문자열을 정수로 변환해줘야 한다.

• props와 state

  props와 state는 데이터를 다루는 개념이다.
  props는 단방향 데이터 흐름의 리액트에서 상위에서 하위로의 데이터 전달을 위해 사용한다.
  state는 컴포넌트 내부에서 관리되는 데이터의 상태를 의미한다.