분류 전체보기
-
[부스트코스] 2. DB 연결 웹앱 : JavaScriptFront-end/부스트코스 : 웹 프로그래밍 2020. 3. 7. 16:27
웹 프로그래밍 기초를 끝내고 자바스크립트 강의에 들어왔다. https://www.edwith.org/boostcourse-web/lecture/16693/ [LECTURE] 1) 자바스크립트 변수-연산자-타입 : edwith 들어가기 전에 컴파일 단계가 없는 자바스크립트의 type(형)은 실행단계에서 타입이 결정됩니다. 변수선언은 어떻게 정의하고, 자바스크립트의 타입은 어떤 것들이 있는지 확인해봅니다.... - 부스트코스 www.edwith.org * 자바스크립트 동적인 웹을 생성하고 제어하기 위해 주료 사용되는 객체 기반의 스크립트 프로그래밍 언어 html을 이용해서 정적인 웹 페이지를 구성했다면 자바스크립트를 이용해서 다이내믹한 기능을 구현할 수 있음 코드작성을 효율적으로 하도록 도와주는 툴을 사용하..
-
react-admin : <Show> ViewFront-end/React.js 2020. 3. 4. 16:32
The Show View read-only 상태로 API에서 fetch한 레코드를 나타내는 데 사용하는 뷰 component 페이지 타이틀과 액션을 렌더링하고 REST API로부터 레코드를 fetch함 실제 레코드를 렌더링하는 것은 자식 컴포넌트의 역할 -> prop으로 record를 전달 컴포넌트의 props title actions aside : additional information component // in src/App.js import React from 'react'; import { Admin, Resource } from 'react-admin'; import jsonServerProvider from 'ra-data-json-server'; import { PostCreate, Po..
-
react-admin : <List> viewFront-end/React.js 2020. 3. 4. 15:04
https://marmelab.com/react-admin/List.html React-admin - The List View The List View The List view displays a list of records fetched from the API. The entry point for this view is the component, which takes care of fetching the data. Then, it passes the data to an iterator view - usually , which then delegates the rendering marmelab.com component API에서 fetch한 레코드들의 배열을 디스플레이함. 보통 를 사용하여 데이터들을 열..
-
react-admin : <Resource> componentFront-end/React.js 2020. 3. 4. 14:03
resource 컴포넌트는 API 엔드포인트를 CRUD인터페이스에 매핑시킴 (CREATE, DELETE) 아래와 같은 prop을 이용하여 각 오퍼레이션에 컴포넌트를 정의할 수 있게 함 4가지 props는 react-router를 사용하여 오른쪽과 같은 루트를 생성함. list (define되면 해당 리소스는 Menu에 디스플레이됨) -> / create -> /create edit -> /:id show -> /:id/show Reference**Field와 같이 reference를 선언할 때는 반드시 를 추가해주어야 함. : react-admin은 데이터 저장구조를 정의하기 위해 resource를 사용하기 때문 또한 추가적인 prop도 허용함 -> name, icon, options name dataP..
-
react-admin : Field ComponentsFront-end/React.js 2020. 3. 3. 14:31
Field Components Field 컴포넌트는 REST 자원의 property를 display한다. List view에서 사용되고, Edit이나 Create view에서도 사용할 수 있다. 가장 흔히 사용되는 필드 컴포넌트는 TextField이다. 모든 필드 컴포넌트들은 다음과 같은 attribute들을 가짐 source required -> view/edit을 위한 prop 이름 label input 레이블의 헤더로 사용됨, 생략되었을 경우 source가 기본값 sortable source를 이용하여 정렬해야 하는가? 기본값은 true className 클래스 이름 (field element) cellClassName 클래스 이름 (field container) headerClassName 헤더 ..
-
react-admin 메모 : AdminFront-end/React.js 2020. 3. 2. 17:56
https://marmelab.com/react-admin/Admin.html React-admin - Admin and Resource Components The Component The component creates an application with its own state, routing, and controller logic. requires only a dataProvider prop, and at least one child to work: // in src/App.js import React from 'react'; import { Admin, Resource } from 'react-admi marmelab.com const App = () => ( ); props dataProvide..
-
react-admin 메모 : data providerFront-end/React.js 2020. 3. 2. 15:30
https://marmelab.com/react-admin/ React-admin - My First Project Tutorial React-Admin Tutorial This 30 minutes tutorial will expose how to create a new admin app based on an existing REST API. Setting Up React-admin uses React. We’ll use Facebook’s create-react-app to create an empty React app, and install the react-admin packag marmelab.com 설치 npm install react-admin 컴포넌트는 혼자 display될 수 없음. ref..
-
[Unity] localPosition과 position의 차이Programming/Unity 2020. 2. 25. 20:23
localPosition -> 부모 transform에 대해 상대적인 위치 부모 transform이 없으면 차이는 없음 using UnityEngine; using System.Collections; public class ExampleClass : MonoBehaviour { void Example() { transform.localPosition = new Vector3(0, 0, 0); print(transform.localPosition.y); } }