-
Props & State
Props (불변값) - React Component로 넘겨지는 속성 값 (상위 -> 하위) - 변수에 넣어서 Component로 넘긴다고 생각 - Props 값은 변경 X - 커스텀 태그의 속성을 사용하여 propsName = “value” 형태로 React Component로 넘김 const myelement = <Car brand="Ford" />; - Component에서는 {this.props.propsName} 으로 접근하여 넘겨받음 class Car extends React.Component { render() { return <h2>I am a {...
-
React.js의 특징
React는 컴포넌트로 구성 컴포넌트는 클래스 또는 함수로 정의함 클래스를 정의하려면 React.Component를 상속받아야 함 JSX(JavaScript XML) - JavaScript언어의 확장. JavaScript에서 HTML형식을 그대로 사용할 수 있게 하는 등 XML과 같은 문법을 native JavaScript로 변환해줌. - JavaScript 안에서 사용하다 보니 기존의 예약어 때문에 같은 기능의 명령어도 차이가 생김 1. 모든 JSX는 container element에 감싸져야함. render() { return( <div> <h1>H...
-
React Life Cycle
1. 생성시 constructor-> render -> componentDidMount 2. 업데이트시 New props, setState(), forceUpdate() 실행[업데이트] -> render -> componentDidUpdate 3. 소멸시 componentWillUnmount class App extends React.Component { constructor(props) { super(props); console.log("1. ----constructor 실행!!----"); this.state = { name: "LifeCi...
-
select_related, prefetch_related
select_related (1:1~N) - OneToOnefield(1:1), ForeignKey(1:N) 관계의 모델을 가져오는 쿼리셋 - INNER JOIN 사용 >>> User.objects.all().select_related('관계 컬럼명') prefetch_related (1~N:1~M) - OneToOnefield(1:1), ForeignKey(1:N) 뿐만 아니라 ManyToOne(N:1), ManyToMany(M:N) 의 모델을 가져오는 쿼리셋 >>> User.objects.all().prefetch_related('관계 컬럼명')
-
[라이브러리] datetime 모듈
● datetime 클래스 from datetime import datetime >>> datetime.now() # 현재날짜+시간 datetime.datetime(2020, 12, 28, 11, 20, 1, 891702) ● date 클래스 from datetime import date >>> date.today() # 현재날짜 datetime.date(2020, 12, 28) >>> first_day = date(2021, 1, 1) # 날짜 객체생성 datetime.date(2021, 1, 1) >>> first_day.strf...