0619-TIL-React Hook, split메서드

React Hook

• useState
  • 배치 업데이트 : 변경된 내용을 한꺼번에 모아서 한번에 실행
  • 함수형 업데이트 setState((현재state)=>{return ~~~})
• uesEffect
  • 렌더링 될 때, 특정한 작업을 수행해야 할 경우에 설정하는 hook
  • 의존성 배열 Dependency Array
  • clean up : return에 함수로 작성
• useRef
  • ref 값에는 current 값이 존재한다.
  • 설정된 ref 값은 unmoount 전까지 유지된다.
  • let 키워드를 사용해서 내부변수를 선언하면, 렌더링 시 변수가 초기화된다!! (함수라서)
  • input의 ref라는 속성을 통해서 해당 DOM요소로 접근할 수 있다.

 

split() 메서드

let alphabet = ['a', 'b', 'c', 'd', 'e', 'f', 'g', 'h', 'i', 'j']

알파벳이 담긴 배열을 생성할 때

위의 코드처럼 하나하나 작성해 줄 수도 있지만,

split메서드를 활용하면 조금 더 수월하게 만들 수 있다.

 

let alphabet = "abcdefghij";
alphabet = alphabet.split("");

이렇게 하면 aplphabet에 같은 결과를 얻을 수 있다.

 

split()은 지정한 구분자를 이용해서 여러개의 문자열로 나눈 후 배열로 반환하기 때문이다.