React
1.input이 focus 되도록 하는 방법(feat. autofocus, ref, useRef)
기능을 구현하게 된 배경 관심사 태그를 선택하는 페이지에서, 사용자가 직접 태그를 작성해서 추가하는 기능을 구현하였다. '태그 추가' 버튼을 누르면 태그 내용을 작성할 수 있는 input이 등장한다. 문제는 input에 focus가 가지 않는다는 것이다. 사용자가
2023년 2월 17일
2.무한 스크롤과 스크린 크기의 상관 관계
자료가 중요한 서비스여서 사용자가 자료의 위치를 기억할 필요가 있다면, 몇 번째 페이지에 어떤 자료가 있는지 알기 쉬운 페이지네이션이 더 좋은 선택이 될 수 있다.사용자가 버튼을 누르는 등의 부가적인 조작 없이 스크롤만으로 계속해서 컨텐츠를 조회할 수 있기 때문에 더
2023년 2월 20일
3.클래스형 컴포넌트와 함수형 컴포넌트의 차이
클래스형 컴포넌트함수형 컴포넌트class형 컴포넌트함수형 컴포넌트클래스형 컴포넌트함수형 컴포넌트클래스형 컴포넌트함수형 컴포넌트1\. 마운트constructorgetDerivedStateFromPropsrendercomponentDidMount2\. 업데이트shouldC
2023년 4월 6일