자바자바

호이스팅(Hoisting): 함수선언부(함수표현식이 아니라는 것에 유의하자)가 스코프 유효범위 최상단으로 끌어올려지는 현상 사용목적? - 특정 함수의 로직이 길어지는 경우 코드 가독성을 위해 호이스팅으로 해당 함수를 하단으로 내릴 수 있다. #예시 const a = 7 double() function double() { console.log(a * 2) } 정상적으로 double 함수가 호출되어 14가 찍히게 된다.

출처: https://ko.javascript.info/array-methods 배열을 변형하는 메서드들 #find 특정 조건에 부합하는 객체를 배열 내에서 찾을 때 사용 문법 - arr.find(fn) let users = [ {id: 1, name: "John"}, {id: 2, name: "Pete"}, {id: 3, name: "Mary"} ]; let user = users.find(item => item.id == 1); alert(user.name); // John #filter find 메서드는 함수의 반환 값을 true로 만드는 단 하나의 요소를 찾는데, 조건을 충족하는 요소가 여러개라면 filter 메서드를 사용할 수 있다. 문법 - arr.filter(fn) let users = [ ..

Javascript 자바스크립트 특정 문자열 포함 String.includes() .includes() -> 문자열이 특정 문자열을 포함하는지 확인하는 메소드. [문법] str.includes(searchString[, position]) searchString: 이 문자열에서 찾을 다른 문자열을 의미. position: 선택사항, searchString을 찾기 시작할 위치를 의미. 기본값은 0이다. [예시] 'Blue Whale'.includes('blue'); // returns false

0916(목) react. 바닐라자바스크립트 - 해당 태그가 속해있는 전체 영역을 다시 그림 React - 해당 태그가 속해있는 부분만 다시 그림 리액트의 리랜더링이 마냥 좋은 것만은 아니다. React의 경우 어떤 컴포넌트에서 상태가 바뀌었다는 것을 인지하려면 상태값을 초기에 모두 저장해두어야 하기 때문에 처음 웹페이지를 불러오는데 있어서 많은 양의 데이터를 처리할 필요가 있음 데이터 변경에 따른 리렌더링 장점 - html 요소 전체를 다시 그리는 게 아닌 데이터가 바인딩 되어 있는 특정 태그만 리랜더링 해주기 때문에 웹사이트를 새로고침할 때 나타나는 깜박임이 없고, 전체가 아닌 일부만 리렌더링 해주니 프론트화면 레이아웃을 깨뜨릴 일이 없다.