한번에끝내는React의모든것초격차패키지Online.
패스트캠퍼스 챌린지 3일차 - 리액트 Hooks
리액트는 컴포넌트 단위로 사용되는데 여기서 컴포넌트란 element의 집합을 의미한다. ex) input 여러개~, form 등등을 요소로 칭한다. 지난 강의에서 바닐라js로 구현한 검색입력창을 리액트 훅(useState)을 이용하여 구현해보았다. See the Pen 검색입력창 vjs by BEGINNERWW (@beginnerww) on CodePen. 컴포넌트 상태관리 : useState (함수형 컴포넌트에서 변수 관리) const [keyword, setKeyword] = useState("") useState의 return값이 배열형태이기 때문에 변수 선언시 배열의 비구조화 할당(destructuring) 기법을 이용해 두 개의 변수를 선언한다. (물론 const keywordState = Re..
패스트캠퍼스 챌린지 1일차
최근 회사에서 리액트, node.js(koa.js) spec으로 프로젝트를 진행했었는데(외주??였나 그랬음) 리액트 기본 강의(벨로퍼트님, John Ahn님 등)만 듣고 실제 리액트에서 자주 사용하는 상태관리 라이브러리, ui라이브러리 등 실전에 필요한 내용은 거의 전무하다시피 했다보니 한달내내 생고생하고 프로젝트는 빠그러지게 되었던 경험이 있었다. 리액트 처럼 생태계가 활성화 되어있고 광범위할 때에는 활용능력에 따라 완성도의 차이가 결정되는데 경험이 전무하다시피하니 프로젝트 진행속도도 더뎠고 구현한 기능 자체의 state 관리가 어려웠었다. (상태관리 라이브러리가 redux만 있는 줄 알았었고 mobx는 처음 들어봤는데 심지어 중간에 스택이 바뀌는 참사도 있었다.) 그렇다보니 회사에서 리액트 실무 코드..