좋은 기회로 디스코드 챗봇을 만드는 온라인 특강을 듣게되었다.
정말 재미있었다!

순서

vs code에 npm 설치하기

1. npm install: npm을 설치한다.
2. npm run dev: 설치한 npm을 실행한다.

상황

스프링부트와 리액트 MySQL를 사용하여 학사프로그램을 만들고 있다.
리액트 작업 도중 Warning: Failed prop type: The prop open is marked as required in ForwarRef(Menu), but its value is undefined 에러가 계속 발생했다.
Menu인 부분이 뭐있을까 검색하면서 찾아보니 정말 어이없는 실수를 발견했다.

React어플리케이션 성능향상 방법

React에서 state나 props가 변경되었을때 render가 진행되는데 값이 없는 setState() 호출에도 rendering이 된다.
이게 쌓이면 성능이 저하된다. 이를 해결하는 방법을 알아보자.

Hooks 컴포넌트 상태관리 함수

리액트에는 클래스형 컴포넌트와 함수형 컴포넌트가 있다. 클래스 컴포넌트는 state를 가지고 다니는 반면에 함수형 컴포넌트는 그렇지않다.
리액트 Hooks를 통해 함수형 컴포넌트에서 상태관리를 할 수 있게 되었다.
즉, 리액트 Hooks란 함수형 컴포넌트에서 생명주기 관리를 도와주는 기능이다.

블로그를 운영하다보면 조회수가 궁금해지기마련이다.
구글서치콘솔로 조회수를 확인할 수 있지만 블로그에서 바로 확인하면 더욱 좋을 것이다. 헥소블로그는 지킬블로그보다 정보가 많이 없어서 구글링을 좀 많이 했다. 그랬더니 내가 쓰고 있는 hexo-icarus테마는 busuanzi플러그인을 통하여 초간단하게 조회수와 방문자수를 처리할 수 있었다.

컴포넌트 라이프 사이클 순서는 아래와 같다.

오늘 또 못알아듣고 말았습니다.

회의시간만되면 신입개발자인 나는 참 바쁘다. 모르는 용어들이 쏟아지기때문에 볼펜을 놓쳐선 안된다. 회의 중 모르는 용어들은 다 적어놨다가 회의가 끝나고 혼자 구글링해보곤한다. 그럴때마다 아 그렇구나하고 뒤돌아선 까먹기 일수!
그래서 아예 포스팅을 하기로 했다. 역시 기억보단 기록이지!
TAGS는 오늘또못알아듣고말았습니다로 정해봤다.
언젠가 내가 회의를 다 알아들으며 주도하는 그 날이 올때까지 열심히 공부해야겠다.