전체 글 (81) 썸네일형 리스트형 코드캠프 4기 - 11월 22일 여러개의 함수를 묶어서 하나의 객체를 만든다. 객체(객체지향프로그래밍-OOP) 함수형 컴포넌트를 위해 훅, 함수를 통해서 컴포넌트를 만들었다. 함수형 컴포넌트에서 setstate와 같은 기능을하는 것은 클래스 컴포넌트에서는 extends Component을 통해 class component를 만든다. 화면에 그리기 render() 클래스 안에 함수 만들때는 function적는것 빼기 클래스 안에 this.onClickCounter (클래스 안에 있는것을 접근하기 위해) 자바스크립트 클래스 밖에서 this를 하면, 가장 최상위인 window를 가르킨다. this.alert("dd")은 window.alert("dd")와 같다. onClickCounter()는 클릭했을때 실행이된다. 새로운 환경이 만들어지고.. State 끌어올리기, 스프레드 연산자, Deep copy, 무한스크롤 - 11월 19일 state 끌어 올리기 자식1의 카운트가 올라가면 자식2의 카운트를 올리고 싶을때? 두개의 state를 부모로 끌어올린다. 부모 state를 props로 각각 내려준다. 부모의 setstate를 자식으로 propsfh 내려준다 모든 컴포넌트가 하나의 state를 공유 글로벌 state string, number boolean 에 값이 들어가지만 객체, 배열은 값은 다른곳에, 주소만 저장 profile의 모든 key value들 복사 ... 스프레드 연산자 위와 같이 스프레드 연산자를 사용해도 객체 안의 객체는 저장되지 않는다. (shallow copy) Deep Copy 전체를 문자열로 바꾸고, 문자열을 다시 객체로 돌리기 객체를 문자열로 바꾸기 JSON.stringify(profile) 문자열을 객체로.. 이벤트 버블링 - 11월 18일 태그 안 props.childern, 모든 페이지들을 가운데 정렬을 할 수 있다. yarn add -D @types/react-slick 내가 설치했던 모든 파일 yarn.lock은 깃허브에 올리는게 중요하다. event.target as Element 엘리먼트라고 강제 id는 중복이 안되게끔 만드는데, 아이디를 많이 쓰는게 좋지 안흠 하나의 함수에서 여러가지 값을 받는 방법이 있다. 페이지네이션? 이벤트 버블링 (event.currentTarget.id) 이전 1 ··· 13 14 15 16 17 18 19 ··· 27 다음
