-
React 16.7 → 16.11, 무엇이 바뀌었을까?
회사 제품 Playce WASup 을 리액트 16.7로 만들었습니다. Playce RoRo 를 처음 만들 땐 16.4였는데, 어느새 버저닝이 16.11까지 올라왔습니다. 아직 팀에서 리액트 16.8을 써본 사람이 없는데, 이제 쓰려고 합니다. 5월에 릴리즈된 16.8에서 hook이 나왔고, 2019년 11월에는 16.11까지 나와 있습니다. 16.7로 코딩하던 그대로 16.11에서 하면 안될 테니, 뭐가 달라졌는지 알고 가보려고 합니다. 16.8에서 달라진 점 16.8은 hook이 릴리즈된 업데이트입니다. 16.8에서 hook이 업데이트의 전부는 아니겠지만, hook이 리액트에 있어서 큰 변화인만큼, hook에 대해서만 집중하겠습니다. Hook 먼저, 리액트가 어떻게 훅을...
eomhy's profile imageeomhy
2019-10-29
-
React에서 Ref 사용하기
React는 컴포넌트 트리 선언과 props 사용을 통해서, DOM 노드에 레퍼런스를 걸지 않고도 UI 제어가 대부분 가능합니다. 하지만 개발 중에는 특정 노드에 레퍼런스를 걸고 접근해야할 경우도 가끔씩 있습니다. React Ref는 특정한 DOM 노드, 혹은 컴포넌트 인스턴스에 reference를 걸어주는 것입니다. Ref를 통해서 render 메서드에서 만든 DOM 노드나 React 요소에 접근해서, 값을 얻거나 수정할 수 있습니다. 이 글의 내용은 React v.16.7로 프로젝트를 하는 동안 제가 ref 를 사용하기위해 알아야만 했던 내용들을 모은 것입니다. 여기 나오는 소스들은 ref 를 사용한것을 재구성했습니다....
eomhy's profile imageeomhy
2019-10-10