리액트

JSX란?JSX는 JavaScript XML의 줄임말로 '자바스크립트에 XML을 추가한 확장형 문법'으로 해석된다. 기존의 자바스크립트와 HTML을 분리하여 작성하던 번거로운 방식과 달리 JSX는 하나의 파일에 자바스크립트와 HTML을 동시에 작성할수 있어 편리하다JS

프로퍼티는 상위 컴포넌트가 하위컴포넌트에 값을 전달할때 사용한다. 이때 프로퍼티값은 수정할수 없다는 특징이 있다. App.jsMyComponent.js위코드를 보면 App컴포넌트가 MyComponent컴포넌트를 포함하고 있으며 프로퍼티는 App > MyComponent

리액트 배포

javascript에서 특정돔을 선택할때에는 getElementById, querySelector같은 Dom Selector함수를 사용해서 돔을 선택한다.리액트에서도 돔을 직접 선택해야하는 상황이 발생한다. 그럴때 ref라는것을 사용한다.함수형 ref에서는 useRef

reducer 는 현재 상태와 액션 객체를 파라미터로 받아와서 새로운 상태를 반환해주는 함수이다.reducer 에서 반환하는 상태는 곧 컴포넌트가 지닐 새로운 상태가 된다.reducer 사용법여기서 state 는 앞으로 컴포넌트에서 사용 할 수 있는 상태를 가르키게 되

css적용법 3가지

리액트 컴포넌트들은 관련된 state와 함수들을 자식컴포넌트로 넘겨주는 구조가 많다. 그러다보면 애플리케이션 안의 여러 컴포넌트들에 전해줘야 하는 props의 경우 필요한 컴포넌트로 전달하기위해 중간다리 역할을 하는 컴포넌트가 생기기도 한다.예를 들어 다음 UseLis

리덕스는 컨텍스트보다 조금더 체계적으로 데이터를 관리한다. 리덕스는 데이터를 스토어라는 곳에서 관리한다.스토어와 컴포넌트의 관계를 나타낸 그림이다. 실선으로 표현한 동그라미가 컴포넌트이고 점선으로 표현한 동그라미가 스토어이다.서로 데이터를 주고 받는 개념인데, 여러개의

리덕스 모듈이란 다음항목이 모두 들어있는 자바스크립트파일을 말한다. (액션/액션 생성함수/리듀서) -> 이것을 한 파일에 모은것을 덕스(ducks)패턴이라고한다.리듀서는 export default로 선언하고 액션함수는 export 함수로 선언하게 된다.상태에 어떠한 변

연관된 action-types, action-creater, reducer 를 하나의 파일에 작성action-types는 접두사+액션이름으로 작성(예: todos/CREATE)action-creater는 export 로 내보내기reducer는 export default

API연동을 하기위해서 프로젝트를 생성한후 axios 라이브러리를 설치한다axios를 사용해서 GET, PUT, POST, DELETE 등의 메서드로 API를 요청할수 있다. REST API란 간단하게 하고싶은 작업에따라 다른 메서드로 요청을 할수있는 개발방식이다. 자

리덕스 모듈이란 다음 항목들이 모두 들어있는 자바스크립트 파일을 의미한다액션타입액션 생성함수리듀서리듀서와 액션관련 코드를 하나의 파일로 몰아서 개발하는 방식을 Ducks패턴이라고 한다. 리덕스 관련 코드를 분리하는 방식은 정해진게 없으므로 나중에는 자유롭게 분리해도 상

css파일 임포트 방법css를 임포트할때 객체명을 지정해서 불러오는것과 파일만 불러오는것에는 약간 차이가 있는데, 객체명을 지정해서 불러오는 방식으로 할때는 css파일만 다르다면 중복되는 클래스 사용도 가능하다는 것이다.기본 css 문법은 다들 아시다시피 같은 클래스네

var: 함수 단위let: block 단위(변수: let으로 선언한 변수는 값이 변할 수 있습니다.)const: block 단위(상수: 한번 선언한 값은 바꿀 수 없습니다.)