No Story, No Ecstasy

8. Hooks . useState . 가장 기본적인 hook이며, 함수형 컴포넌트에서도 가변적인 상태를 지닐 수 있게 해준다 . useEffect . 리액트 컴포넌트가 렌더링될 때마다 특정 작업을 수행하도록 설정 . componentDidMount와 componentDidUpdate를 합친 형태 . 마운트될 때만 실행하고 싶으면 비어 있는 배열 []을 두 번째 파라미터로 넣어준다. . 특정 값이 업데이트될 때만 실행하고 싶으면, 두 번째 파라미터의 배열에 검사하고 싶은 값을 넣어준다. . 언마운트되기 전이나 업데이트 직전에 어떠한 작업을 수행하고 싶다면, cleanup 함수를 반환해 주어야 한다. . useReducer . useState보다 더 다양한 컴포넌트 상황에 따라 다양한 상태를 다른 값으로 ..

6. 컴포넌트 반복 . 자바스크립트 배열의 map() 함수 . arr.map(callback, [thisArg]) 1. currentValue: 현재 처리하고 있는 요소 2. index: 현재 처리하고 있는 요소의 index 3. array: 현재 처리하고 있는 원본 배열 . thisArg: callback 함수 내부에서 사용할 this reference . 예제 var numbers = [1,2,3,4,5]; var processed = numbers.map(function(num){ return num * num; }); . 데이터 배열을 컴포넌트 배열로 변환하기 . key는 언제나 유일해야 한다. 7. 컴포넌트의 라이프사이클 메서드 . 모든 컴포넌트에는 라이프사이클이 존재한다. . 클래스형 컴포넌트..

4. 이벤트 핸들링 . 리액트에서의 이벤트: 사용자가 웹 브라우저에서 DOM 요소들과 상호 작용하는 것 . 주의사항 . 이벤트 이름은 카멜 표기법으로 작성한다. . 이벤트에 실행할 자바스크립트 코드를 전달하는 것이 아니라, 함수 형태의 값을 전달한다. . DOM 요소에만 이멘트를 설정할 수 있다. . 종류 (https://facebook.github.io/react/docs/events.html/ 참고) . Clipboard, Composition, Keyboard, Focus, Form, Mouse, Selection, Touch, UI, Wheel, Media . Image, Animation, Transition . onChange . SyntheticEvent . 웹 브라우저의 네이티브 이벤트를 ..

book.interpark.com/product/BookDisplay.do?_method=detail&sc.prdNo=315016880 싸니까 믿으니까 인터파크도서 리액트, 현장 밀착 입문서는 따로 있다!자바스크립트의 기본 기능과 문법을 숙지한다 리액트의 기본기를 익히려면 자바스크립트는 필수! 잘 모르는 자바스크립트 문법이 나오면 반드시 체크하 book.interpark.com 1. 리액트 시작 (리액트는 프레임워크가 아닌 라이브러리!) . MVC (Model-View-Controller) vs MVVM (Model0View-View Model) . 공통점: Model과 View가 있다. . 모델: 애플리케이션에서 사용하는 데이터를 관리하는 영역 . 뷰: 사용자에게 보이는 부분 . 컨트롤러: 사용자에게서..

* "이것이 C#이다 : 처음부터 끝까지 입문자를 배려한 C# 입문서"를 읽고 (제가) 기억할만한 내용을 간추린 글입니다. 이것이 C#이다 : 처음부터 끝까지 입문자를 배려한 C# 입문서 국내도서 저자 : 박상현 출판 : 한빛미디어 2018.07.01 상세보기 CLR (Common Language Runtime) - Java의 VM과 비슷한 개념 - CLR이 C# 코드를 JIT 컴파일하여 실행 (정확히는 C# > IL > HW) *IL: CLR을 위한 중간 언어 참조 형식 선언: Object - Object는 모든 datatype의 parent class - 예: object a = 100; - Heap에 저장되고, Garbage Collector가 해제 - Boxing: 값 형식 데이터를 heap에 할..