Tech Stack (3) 썸네일형 리스트형 < React > State State는 React 컴포넌트 내부의 속성값을 스스로 업데이트 할 수 있는 기능이다. 특정 로직에 따라서 클래스 스스로 변수를 관리할 수 있도록 해 준다. 내가 정리한 State와 Props 차이는 다음과 같다. ( 주관적인 생각이다. ) - props : 컴포넌트 간 계층적인 구조, 부모 컴포넌트가 자식 컴포넌트에게 데이터를 전달, 그러므로 분리된 컴포넌트( 파일 ) 간 데이터를 전달 할 경우 사용할 수 있음. ( Context 개념과 밀접함 ). 즉 개별 컴포넌트 간 전달 할 특정 데이터 변수 집합 - state : 컴포넌트 스스로 조작 가능한, 내부의 변수 집합. 클래스 내부의 변수들과 의미가 비슷함. setter도 존재하여 필요한 로직에 따라서 변수를 업데이트 할 수 있음. 내가 해당 변수를 컴.. < React > props, defaultProps, propTypes React 컴포넌트의 속성을 설정할 때 사용하는 요소인 props에 대해 공부해 보았다, 1. Props props는 해당 컴포넌트의 부모 컴포넌트에서 설정할 수 있어서, 바로 props를 적용할 수 없다. 최상단의 컴포넌트가 App.js라고 할 때, 만약 myComponent의 props를 사용하고자 하면 App.js에서 설정해야 한다. myComponent는 자기 자신의 props를 읽기 전용으로만 사용하게 된다. 아래 코드는 yarn create react-app 명령어를 입력하고, 현재 myComponent.js 파일을 막 선언한 시점에서 작성하였다. myComponent를 다음과 같이 선언하고, App.js도 다음과 같이 선언한다. ( component 외 코드는 제외했다. ) const MyC.. Django 구성요소와 개발 순서 ( 1 / 2 ) 1. Django 란? Django는 파이썬 전용, MVT 패턴 구조를 따르는 웹 프레임워크 중 하나입니다. 1. MVT 구조 - Model, Template ( View ), View ( Controller ) 패턴을 따르고 있는 특징을 가집니다. 개발자는 이 패턴을 유지하면서 필요한 부분을 손쉽게 작성할 수 있습니다. 2. ORM 지원 - Django 자체에서 객체 관계 매핑 기능을 제공합니다. dB 시스템과 모델 간 연동 장치를 뜻하며, 이를 이용해 DB Table을 손쉽게 조작할 수 있습니다. 이를 통해 어떤 DB system을 사용하던지에 상관없이 Model의 작성법은 변하지 않습니다. 3. DB 관리 시스템 - DB에 대한 관리 기능을 위한 관리자 화면을 기본으로 제공합니다. 이를 통해 테이블.. 이전 1 다음