Sun's Blog

리스트와 Key JavaScript const arrays = [1, 2, 3]; const result = arrays.map((number) => number * 2) console.log(result); JS에서는 위와 같이 리스트를 반환 map은 배열의 각 요소에 해당 함수를 호출한 결과를 모아 새로운 배열을 반환 React import React from 'react'; import ReactDOM from 'react-dom/client'; const root = ReactDOM.createRoot(document.getElementById('root')); function NumberList(props) { const numbers = props.numbers; const result = n..

이벤트 처리 JS와 유사하지만 아래와 차이가 있음 카멜케이스 문법 사용 JSX 사용으로 문자열이 아닌 함수로 이벤트 핸들링 react에서는 return false 로 기본 동작을 방지할 수 없다. 오직 preventDefault 를 명시적으로 호출해야한다. 기존 Button React Button 이벤트 등록 React 리스너를 추가하기 위해 addEventListener를 호출하는 대신 엘리먼트가 처음 렌더링될 때 리스너를 제공하면 된다. JSX 콜백 안에서 this는 바인딩 되지 않으며 바인딩하지 않는 상태에서 this는 undefined가 된다.(React만이 아니라 JS 문법의 특징) onClick={this.handleClick}과 같이 뒤에 ()를 사용하지 않고 메서드를 참조할 경우, 해당 메..

프로젝트 생성 npx create-react-app my-app DOM에 렌더링 import React from 'react'; import ReactDOM from 'react-dom/client'; const root = ReactDOM.createRoot(document.getElementById('root')); function tick() { const element = ( Hello, world It is {new Date().toLocaleTimeString()}. ) root.render( {element} ) } setInterval(tick, 1000); ReactDOM.createRoot React의 가상돔을 HTML의 ID를 통해 설정 JSX 문법 {new Date()...} JSX..

Enum 테스트용으로 간단하게 생성해본다. public enum TestEnum { FIRST, SECOND } TypeHandler 커스텀 마이바티스가 PreparedStatement에 파라미터를 설정하고 ResultSet에서 값을 가져올때마다 TypeHandler는 적절한 자바 타입의 값을 가져오기 위해 사용된다. 다음의 표는 디폴트 TypeHandlers를 설명한다.(공식문서) @MappedJdbcTypes: Mybatis는 DB와 서버간의 데이터 타입 간의 매핑을 정의할 떄 사용 제일 아래의 메서드에서 CallableStatement는 Mybatis에서 프로시저를 관리하는 역할이다. @MappedJdbcTypes(JdbcType.VARCHAR) public class TestTypeHandler ..

Synchronous HTTP communcation => 동기 통신 Asynchronous communication over AMQP => 비동기 통신 대체적으로 유레카 서버에서 요청하고 싶은 서버의 정보를 받고 해당 서버에 통신 Rest Template(Synchronus) 빈을 생성 후 @LoadBalanced를 붙이면 유레카 서버의 마이크로서비스 이름을 통해 통신할 수 있다. FeginClient REST Call을 추상화한 Spring Cloud Netflix 라이브러리 호출하려는 HTTP Endpoint에 대한 Interface를 생성해야함 Load Balanced 지원 무엇을 선택해야하는가? RestTemplate을 사용하면 url, HTTP Method, 바디, 파라미터 등을 다 적용시켜줘..

data.sql을 이용하여 insert 문을 통해 db에 먼저 데이터를 넣을려고 했지만 hibernate가 테이블을 만들기 전에 insert 문이 실행되어 Table Not Found 에러가 나왔다. 이럴 때는 data.sql 이 아닌 import.sql 에서 데이터를 삽입하거나 spring.jpa.defer-datasource-initialization=true 을 properties 혹은 yml 파일에 추가하여 datasource 초기화를 지연시킨다.