반응형 프로그래밍19 React 컴포넌트 클래스와 속성 React 컴포넌트 클래스 컴포넌트 클래스를 활용하면 기능을 느슨하게 결합된 부분으로 분리하여 코드를 재사용할 수 있다. ES6 문법을 이용하면 React.Component 클래스를 상속받아서 React 컴포넌트 클래스를 생성할 수 있다. class Child extends Parent 같은 형식으로 작성된다. 새로운 컴포넌트 클래스를 구현할 때는 반드시 render() 메서드를 작성해야 한다. 이 메서드는 다른 custom 컴포넌트 클래스나 html 태그로 만든 react 엘리먼트를 반환해야 한다. 예제 let h1 = React.createElement('h1', null, 'Hello world!') class HelloWorld extends React.Component { // React 컴포넌.. 2022. 3. 5. react란 무엇인가? React란? React는 UI 컴포넌트 라이브러리로 다른 특별한 템플릿 언어가 아닌 자바스크립트를 이용해서 만든다. React UI 컴포넌트는 매우 독립적이며 특정 관심사에 집중된 기능 블록이다. 예전에도 컴포넌트 기반 아키텍처(CBA)는 존재했었으나 React는 템플릿 언어가 없는 순수 자바스크립트를 기반으로 CBA를 구현해낸 점에서 차이가 있다. React의 장점 간결성 선언형 스타일 React는 뷰를 자동으로 갱신하는 선언형 스타일을 채택한다. 선언형으로 작성하면 복잡도를 줄여줄 뿐만 아니라 코드에 대한 이해도와 가독성을 높일 수 있어서 명령형보다 더 낫다. 아래 명령형코드를 실행하면 각 값이 두 배가 되고 console에서 a[2,4,6,8,10] 이라는 결과를 확인할 수 있다. var arr .. 2022. 2. 28. typescript 기본타입 1. JavaScript 지원 타입 1-1. Boolean JavaScript의 boolean에 대응하는 true / false let isDone: boolean = false; 1-2. Number JavaScript와 마찬가지로 TypeScript의 모든 숫자는 부동 소수 점 값 이 부동 소수 점 숫자는 number 타입을 받는다. TypeScript는 10진수 및 16진수와 함께 ECMAScript에 도입된 2진수 및 8진수 문자를 지원한다. let decimal: number = 6; // 10진수 리터럴 let hex: number = 0xf00d; // 16진수 리터럴 let binary: number = 0b1010; // 2진수 리터럴 let octal: number = 0o744; //.. 2022. 2. 27. 05장. 연관관계 매핑기초 개요 방향(direction): 단방향, 양방향 다중성(multiplicity): 다대일(N:1), 일대다(1:N), 일대일(1:1), 다대다(N:M) 연관관계의 주인(owner): 객체 관계를 주도하는 주인을 지정 단방향 연관관계 객체 연관관계 Member 객체는 Member.team 필드(멤버 변수)로 Team 객체와 연관관계를 맺는다. Member 객체와 Team 객체는 단방향 관계다. Member는 Member.team 필드를 통해서 Team을 알 수 있지만, 반대로 Team은 Member를 알 수 없다. Member member = repository.findOne(id); Team team = member.getTeam(); 테이블 연관관계 테이블은 외래 키(FK)로 연관관계를 맺음 MEMBE.. 2022. 1. 22. 이전 1 2 3 4 5 다음 반응형
