차이 (2) 썸네일형 리스트형 [react] 제어 컴포넌트 vs 비제어 컴포넌트 제어 컴포넌트와 비제어 컴포넌트의 개념 및 차이, 어떤 상황에서 사용해야 하는지에 대해 간략하게 정리해 보자. 제어 컴포넌트 아래의 코드는 input 태그의 value가 바뀔 때마다 onChange 함수를 통해 state가 업데이트되는 로직이다. export default function App() { const [name, setName] = useState(""); const onChange = (e) => { setName(e.target.value); }; return ( ); } 제어 컴포넌트 방식은 사용자의 입력을 기반으로 state를 관리하는 방식을 말한다. setState 함수를 사용하여 값을 관리하는 방식(React에 의해 값이 제어되는 방식)을 제어 컴포넌트 방식이라고 생각하면 편하다... [js] slice vs splice / substr vs substring 항상 헷갈렸던 배열, 문자열 관련 메소드들을 싹 정리해보자. 배열 메소드(slice는 문자열에서도 사용 가능) 1. slice() slice() 메소드는 begin부터 end 전까지의 복사본을 새로운 배열 객체로 반환한다. => 원본 배열은 수정되지 않는다. slice(start[, end]) start: 추출 시작점에 대한 인덱스 undefined인 경우: 0부터 음수를 지정한 경우: 배열의 끝에서부터의 길이. slice(-2)를 하면 배열의 마지막 2개의 요소를 추출 배열의 길이와 같거나 큰 수를 지정한 경우: 빈 배열 반환 start와 end가 같은 경우: 빈 배열 반환 end: 추출을 종료할 기준 인덱스(end를 제외하고 그 전의 요소까지만 추출) 지정하지 않을 경우: 배열의 끝까지 음수를 지정한.. 이전 1 다음
