전체 글 (484) 썸네일형 리스트형 Data Transfer Object (DTO) The Data Transfer Object(DTO) is a container that transfers the API data between layers. Using this container, we can manipulate the data or change the structure of the data. Let's see how Creating a Project Relational DB - Getting Data including Data from Other Entities (Generic Repository Pattern) Let's see how we can get data from a primary entity that has reference to other entities with the.. Hooks - State Management (useState, useReducer) The information shown on one page is not available on the other pages without a server or other storage. React provides various hooks to manage status across components that can represent different pages without needing a server or other client storage libraries. Let's see how we can use them! HTML 삽입 미리보기할 수 없는 소스 리액트 훅 - 상태관리 (유즈 스테이트, 유즈 리듀서) 브라우저에 표시되는 정보는 일회성이고 해당 페이지에만 적용됩니다. 따라서, 페이지간에 정보를 주고받고 다른 페이지에서 수정된 정보를 표시하려면 공통된 상태를 관리하기 위해서는 서버 등을 이용하여야 하는데요. 리액트는 서버등을 사용하지 않고 상태를 관리하게 해 주는 다양한 훅들을 제공하는 데 어떻게 사용하는지 볼까요? HTML 삽입 미리보기할 수 없는 소스 Visual Studio React Extensions Let's see some of the must-have React extensions for VS Code ES7+ React/Redux/React-Native snippets This extension allows us to create React code with minimum efforts using shortcuts HTML 삽입 미리보기할 수 없는 소스 HTML 삽입 미리보기할 수 없는 소스 비주얼 스튜디오 리액트 익스텐션 비주얼 스튜디오에 설치 가능한 리액트 익스텐션을 살펴보겠습니다. ES7+ React/Redux/React-Native snippets 리액트 코드 스니핏 익스텐션으로 단축키를 사용하여 다양한 리액트 코드를 쉽게 구현하도록 해 줍니다 HTML 삽입 미리보기할 수 없는 소스 데이터 트랜스퍼 옵젝트 (DTO) 디티오는 각 레이어 사이에 데이터를 운반하는 컨테이너로 반환되는 에이피아이 정보를 가공하는 기능을 합니다. 디티오를 사용하여 옵젝트 구조를 변경하거나 특정 데이터를 제외 또는 수정이 가능한데요. 디티오를 생성하는 방법을 보겠습니다. 프로젝트 구성 관계형 데이터 불러오기 (참조 데이터 포함) - 지네릭 레포지토리 패턴 엔티티프레임워크를 사용하여 관계형 테이블에서 참조하는 데이터를 포함하여 데이터를 불러오는 방법을 보겠습니다. 구현하기 애플리케이션 생성 .NET web-API 생성하기 개발도구 설치하기 .NET jin-co.tistory.com 객체구조 바꾸기 에이피아이 폴더에 디티오폴더를 생성하고 디티오 클래스를 생성합니다 가공할 엔티티 속성들을 추가합니다. 컨트롤러로 이동하여 개별아이템을 가져오는 메서드.. Displaying a List In React we can write JavaScript code with curly braces inside an HTML template. Let's see how we can show a list of items without writing repetitive elements in React. Implementation Creating a React App React React is the most papular framework followed by Angular and Vue. React, like Angular uses components to build an application. However, React does not come with native features like Angula.. 리스트 표시하기 리스트를 동적으로 표면에 표시하는 방법을 보겠습니다. 리액트는 중괄호를 사용하여 템플릿 안에서 자바스크립트 코드를 작성할 수 있는 기능을 제공합니다. 해당 기능을 사용하여 동적리스트 요소를 만들어 보겠습니다 구현하기 리액트 앱 생성 리액트? 리액트는 자바스크립트 라이브러리로 앵귤러, 뷰와 함께 3대 자바스크립트 프레임워크 중 하나입니다. 앵귤러와 마찬가지로 컴포넌트 단위로 UI를 구성하는 방식을 사용하지만 앵귤러와 달리 jin-co.tistory.com 테스트를 위해 객체를 가진 배열생성 var items = [ {id: 1, name: 'pencil'}, {id: 2, name: 'eraser'}, {id: 3, name: 'brush'}, ] 요소 안에 중복으로 표시하고자 하는 요소를 중괄호로 감싸고.. 이전 1 ··· 17 18 19 20 21 22 23 ··· 61 다음