전체 글

하위 컴포넌트 사이에 공유되는 데이터를 위해 매번 Root Component (공통 부모 컴포넌트) 를 수정하여 모든 컴포넌트에 Props를 전달하여 데이터를 사용하는 것은 매우 비효율적이다. 이처럼 비효율적인 문제를 해결하기 위해 리액트에서는 Flux 라는 개념을 도입하였고 그에 걸맞은 Context API 를 제공학 시작했다. Context 는 부모 컴포넌트로부터 자식 컴포넌트로 전달되는 데이터의 흐름과는 상관없이 전역적으로 데이터를 다룬다. Context 를 사용하기 위해서는 Context API를 사용하여 Context 의 Provider와 Consumer를 생성해야 한다. npx create-react-app context-todo-list --template=typescript npm inst..

React lifecycle methods diagram (wojtekmaj.pl) React Lifecycle Methods diagram Fully interactive and accessible React Lifecycle Methods diagram. projects.wojtekmaj.pl wojtekmaj/react-lifecycle-methods-diagram: Interactive React Lifecycle Methods diagram. (github.com) GitHub - wojtekmaj/react-lifecycle-methods-diagram: Interactive React Lifecycle Methods diagram. Interactive React Lifecycle Metho..

리액트 훅이 나오기 전까지 클래스 컴포넌트를 메인으로 사용하였다. 그러므로 훅에서 클래스로 변환해본다. * 리액트는 버전 16.8부터 함수 컴포넌트를 기본 컴포넌트로 사용하기 시작했지만, 그 이전에는 클래스 컴포넌트를 기본 컴포넌트로 사용했다. 기존코드와 변경코드를 비교할때 import, interface, export 또는 class 부분을 비교하면서 보면된다. 기존코드 Button 기존코드 : 더보기 import React from 'react'; import Styled from 'styled-components'; interface ContainerProps { readonly backgroundColor: string; readonly hoverColor: string; } const Conta..

1) 프로젝트 만들기 application.properties server.port=80 spring.datasource.driver-class-name=com.mysql.jdbc.Driver spring.datasource.url=jdbc:mysql://localhost:3306/shop?serverTimezone=UTC spring.datasource.username=root spring.datasource.password=root spring.jpa.properties.hibernate.show_sql=true #콘솔창에 출력되는 쿼리를 가독성 좋게 포맷팅 spring.jpa.properties.hibernate.format_sql=true #쿼리에 물음표로 출력되는 바인드 파라미터 출력 loggi..

1) MYSQL MySQL :: Download MySQL Installer Maven – Welcome to Apache Maven Welcome to Apache Maven Apache Maven is a software project management and comprehension tool. Based on the concept of a project object model (POM), Maven can manage a project's build, reporting and documentation from a central piece of information. If you maven.apache.org 2) JDK Java Downloads | Oracle 3) MAVEN Maven – We..