hmk run dev

스테이트를 관리한다는 것은 한마디로 스테이트를 생성 업데이트 삭제하는 과정이라고 볼 수 있다 컴포넌트가 데이터를 어떻게 관리할까? state는 단방향 데이터 관리이다. 자식이 부모에게 영향을 못끼친다! 라이프 사이클에서 리렌더링 업데이트가 되는 경우 1. state 업데이트 2. props 업데이트 3. 부모 컴퍼넌트 재렌더링 4. 강제 업데이트 클래스형 state 관리 클래스형에서 state를 쓸릴 있으면 this.state.(스테이트 요소) 를 앞에다 항상 붙여줘야하며 스테이트를 이용해 배열을 만들어서 변수로 지정해주고 그것을 map으로 돌려서 리턴 값을 네모로 주면 스테이트값을 이용해서 네모 더하기 빼기를 구현 할 수 있다 import React from "react"; class App exten..

1. constructor() : 생성자 함수라고도 부릅니다. 컴포넌트가 생성되면 가장 처음 호출되는 친구죠! 컨스트럭쳐 안에서 props, state 생성? 해줌 2. render(): 리턴 값으로 ui요소를 반환함 우리가 만들어 둔 컴포넌트들을 출력? 해주는 친구 state, props 데이터를 꺼내서 보여줌 3. componentDidMount() 컴포넌트 들이 화면에 나타나는 것이 완료되면 그 순간 실행됨 첫번째 렌더링 후 딱 한번 실행 // 재 렌더시 작동 x ajax 호출, 함수호출, 이벤트 등록 4. componentDidUpdate() 컴포넌트 디드마운트가 첫 렌더에만 출력된다고 하는데. 이 친구는 리렌더링을 완료한 후에 실행된다. 이 함수에 중요한 파라미터가 2개 있는데, prevProp..

항해를 시작한 지도 어느덧 3주 차가 되어간다. 이번 주도 저번 주에 이어서 알고리즘 공부를 이어 나갔는데 문제 난이도 또한 저번 주보다 높아져서 벽을 느끼면서도 이해하려고 노력했던 것 같다 자신에 대한 답답함과 알고리즘에 대한 두려움을 느꼈던 2주였지만 뒤돌아 보면 파이썬 문법도 몰랐던 내가 다소 난이도가 낮은 알고리즘 문제를 풀어내는 모습을 보면서 신기했다. 물론 DFS & BFS와 같은 난이도의 문제들을 풀기에 다소 역량이 부족하지만 앞으로 남은 항해 과정 동안 주특기로 선택한 리액트 공부, 프로젝트 중에도 틈틈이 공부를 해야겠다고 다짐했다! 그리고 팀원들과 협업하는 것에 대해서 많이 배웠던 한주였다. 3명의 팀원들이 비슷한 배경지식을 가지고 있어 서로 공감하고 협업하는데 도움이 많이 됐다 서로의 ..