팀과제 (5/21 2시)

minkyung·2022년 5월 21일

자바스크립트에서 유사배열과 배열의 차이는 무엇일까요?
유사배열의 각 요소를 수정하고 싶다면 어떤 과정을 거쳐야할까요?

  • 유사배열은 배열의 length 속성은 가지고 있지만(그래서 index 접근도 가능함) array 내장함수는 사용할 수 없음.

  • array 내장함수를 써서 수정하고싶다면 유사배열을 array로 만들어서 사용해줘야함. array 내장함수 중 from을 사용해서 바꿔줄 수 있음.

    let my_name ="minkyung";
    let my_name_array = Array.from(my_name);
    
    console.log(my_name_array);
    
    > ['m', 'i', 'n', 'k', 'y', 'u', 'n', 'g']

부모 컴포넌트 A와 자식 컴포넌트 B가 있습니다. 컴포넌트 A는 state로 {name: "르탄이"}를 가지고 있고, 자식인 컴포넌트 B에게 name 값을 넘겨주었습니다. 컴포넌트 B는 받아온 name을 화면에 뿌려주고 있습니다.
컴포넌트 A의 state가 {name: "진도사우르스"}로 바뀌었을 때, 어떤 과정을 거쳐 바뀐 값을 화면에 보여주는 지 라이프 사이클 흐름을 그려볼까요?

  componentDidUpdate(prevProps, prevState){
      console.log(prevProps, prevState);
      console.log('in componentDidUpdate!');
  }

부모가 자식에게 주는 데이터가 바뀜 (Newprops)
리렌더링 (컴포넌트 정보를 업데이트)
실제 DOM 변화
componentdidupdate

리액트 프로젝트에서는 html 파일 딱 하나.

jsx문법을 사용해서 리액트요소를 만들고, 그래서 뷰를 그리는 요소들이 자바스크립트 파일에 들어갈 수 있음.

profile
프론트엔드 개발자

0개의 댓글