MOMONOTE

Event Dom 요소(button , div , form ...) 에만 이벤트를 설정할 수 있다. 종류는.. 너무많다. 공식문서 참고. { alert(e); }} > 무언가 적을때 마다 alert , DOM 요소안에 사용함. Map 자바스크립트 배열 객체의 내장함수 map arr.map(callback , [thisArg]) callback 은 새로운 배열의 요소를 생성하는 함수로 파라미터는 currentValue(현재 처리하고 있는 요소) index(현재 처리하고 있는 요소의 index값), array(현재 처리하고 있는 원본 배열) thisArg는 선택항목으로 callback 함수 내부에서 사용할 this 레퍼런스 기존 배열로 새로운 배열을 만드는 역할 const menuList = menuData..

Fragment 리액트는 컴포넌트 안에 여러 요소들이 있다면 반드시 하나로 감싸야 한다. div로 감싸지 않고 Framgent기능을 사용할 수 있다. import { Fragement } from 'react'; Prettier-Code formatter 코드를 자동적으로 들여쓰기하여 정렬해주는 도구인데, 처음에는 마음대로 정렬해서 불편한 감이 있지만 익숙해지면 편해질거 같다. ESLint 자바스크립트 문법 및 코드 스타일을 검사해주는 도구 함수형 컴포넌트 VS 클래스의 컴포넌트 함수형 컴포넌트 function App(){ return hi } export default App; 클래스형 컴포넌트 Class App extends Components{ render(){ return hi } } export..

React 어떤 데이터가 어떠한 작업으로 변할 때마다 어떤 변화를 줄 것인지 고민하는 것이 아니라 그냥 기존의 뷰를 날리고 처음부터 새로 랜더링 하는 방식 . 자바스크립트 라이브러리 컴포넌트 특정 부분이 어떻게 생길지 정하는 선언체 리액트의 가장 큰 특징 컴포넌트, 모듈이라고 하는데 어떤 특정한 부분을 하나의 부품화한다고 생각하면된다. 자바의 클래스와 유사한 느낌. 컴포넌트 하나에 해당 컴포넌트의 생김새와 작동 방식을 정의한다. 랜더링 사용자 화면에 뷰를 보여주는것. 리액트는 컴포넌트가 최초로 실행한 '초기 렌더링'과 컴포넌트의 데이터 변경으로 다시 실행되는 '리렌더링' 개념을 이해여 데이터가 변할 때마다 새롭게 리렌더링 하면서 성능을 아낄 수 있다. 프론트 단에서 어떤 라이브러리나 프레임워크를 이용하든..