반응형 WEB9 멋쟁이사자처럼 프론트엔드 스쿨 1기 최종 합격 (+국민취업지원제도) 멋쟁이사자처럼 프론트엔드 스쿨에 최종 합격 되었습니다! 사실 신청 할 때 까지만 해도 전공자의 국비교육을 안좋게 보는 경우가 많다는 얘기가 많아서 좀 고민을 많이 했어요. 근데 이전까지 개발 공부를 독학이나 인터넷 강의만을 통해서 진행해왔고 그 과정에서 같이 공부할만한 팀이나 소통이 가능한 강사분이 없어서 외롭거나 막막하다고 생각한 적이 종종 있었어요. 그래서 그런지 한 번 정도는 교육과정을 수강해보고 싶다는 생각이 자꾸 들었어요. 멋쟁이사자처럼 대학생 과정도 참여해보고 싶었는데 휴학을 할 수가 없는 상황이어서 포기했었는데 이런 참여 기회가 생기니까 놓치기가 싫더라구요. 취직 한것도 아닌데 지금 아니면 언제 해보겠어 마인드! 생각해보니 제가 지금까지 그닥 남들이 좋다는 방식으로 살아오진 않았더라구요. 언.. 2021. 10. 28. React) useEffect에 대해 알아보자 React를 다시 복습 중에 한번 정리가 필요한 것 같아서 글을 써 보려 한다. const App = () => { const [count, setCount] = useState(0); console.log("rendering"); const add = () => { console.log("add"); setCount(current => { return current+1 }); }; const minus = () => { console.log("minus"); setCount(current => { return current-1 }); }; useEffect(() => { console.log("component render"); return () => { console.log("component end.. 2021. 10. 6. React) 불필요한 렌더링을 없애보자! 리액트에서 setState가 호출될 때 마다 렌더링이 일어난다. 과도한 렌더링은 페이지 성능 저하를 야기할 수 있다. 따라서불필요한 렌더링을 최소화 할 필요가 있다. Class를 사용하는 경우 1. shouldComponentUpdate() shouldComponentUpdate(nextProps, nextState, nextContext){ if(this.state.counter !== nextState.counter){ return true; } return false; } shouldComponentUpdate()를 이용해 렌더링이 발생하는 조건을 설정할 수 있다. 위의 코드에서는 state의 counter 변수의 값이 변경된 경우에만 렌더링이 일어나도록 하고 있다. 2. PureComponent .. 2021. 6. 28. 이전 1 2 다음 반응형
