thumbnail
Dnote 4 - 5. React - 노트 생성 시 에러 처리. Thumbnail

Dnote 4 - 5. React - 노트 생성 시 에러 처리.

자 이제 생성은 되는데, 아무것도 없이 엔터만 치면 에러가 나겠죠? 이 에러를 반영해주는 작업들을 해보겠습니다. redux의 initialState에 다음을 추가해줍니다. modules/notes.js 다음에는 생성된 노트들을 보여주는 처리를 해보겠습니다.

2018년 9월 21일0개의 댓글
Dnote 4 - 4. React - 노트 생성 기능 구현. Thumbnail

Dnote 4 - 4. React - 노트 생성 기능 구현.

store/modules/notes.js 자 이제 엔터를 치면 노트가 생성됨을 알수 있습니다. 크롬 개발자도구를 키고, network에서 보시면 201 생성이 뜨죠? Imgur

2018년 9월 21일0개의 댓글
Dnote 4 - 2. React - 페이지 구조 생성. Thumbnail

Dnote 4 - 2. React - 페이지 구조 생성.

지난 튜토리얼에서 만든 API를 바탕으로 통신하여, 리액트에서 CRUD를 실시해보겠습니다. 일단 처음에 react-router-dom을 사용하여 클라이언트쪽 라우팅을 해보겠습니다. 다음에는 노트를 입력하는 노트 입력 폼을 만들어보겠습니다.

2018년 9월 21일1개의 댓글
Dnote 3 - 2. React - 개발 환경 설정 및 구조 잡기.(프로젝트 구조잡기) Thumbnail

Dnote 3 - 2. React - 개발 환경 설정 및 구조 잡기.(프로젝트 구조잡기)

자 redux설정에 앞서 잠시 기본 적인 sass 스타일의 틀을 잡고 가보겠습니다. styles/index.scss 잘 나타나나요? 그렇다면 성공입니다. 다음에서는 redux설정을 통해서 redux-devtools (크롬 웹스토어) 로 반영해보겠습니다.

2018년 9월 21일4개의 댓글
Dnote 3 - 1. React - 개발 환경 설정 및 구조 잡기.(sass 설정) Thumbnail

Dnote 3 - 1. React - 개발 환경 설정 및 구조 잡기.(sass 설정)

자 이제 프로젝트를 모두 생성했으니, 리액트쪽부터 건들여 볼까요? 자 이제 sass에 대한 환경 설정은 모두 끝났습니다.

2018년 9월 20일1개의 댓글
Dnote 2. React / Django 프로젝트 생성. Thumbnail

Dnote 2. React / Django 프로젝트 생성.

각 프로젝트 생성 http://localhost:8000 으로 들어가시면 첫화면을 보시게 될 것 입니다. 다음 글에서는 React 개발 환경 설정 및 구조를 잡아 보겠습니다. 또한 sass 및 redux등의 개발 기초작업을 해보겠습니다.

2018년 9월 20일0개의 댓글
Dnote 1. 소개 Thumbnail

Dnote 1. 소개

안녕하세요? 딱히 제가 만든 프로젝트가 대단한 것은 아니지만, 장고와 리액트로 작업을 할때 저는 처음에 삽질을 많이 했는데요, 이러한 삽질을 하며 만들어본 경험을 바탕으로 리액트와 장고로 한줄 노트앱을 만드는 과정을 공유하고자 해서 튜토리얼을 써보게 되었습니다. ht...

2018년 9월 20일0개의 댓글
Django + React 로 첫 화면 띄워보기 Thumbnail

Django + React 로 첫 화면 띄워보기

이곳에 쓰인 모든 글은 http://v1k45.com/blog 의 http://v1k45.com/blog/modern-django-part-1-setting-up-django-and-react/ 에 쓰여진 대로 진행함을 알립니다. 또한 이 글의 원본은 https:...

2018년 9월 19일7개의 댓글