React CRUD3 2021.09.24 React Post Read 2021.09.24 React Post Detail_정리노트 으으.. 대장정의 끝이 보이는군 오늘은 detail, list 페이지만들기! 오늘도 역시 UI 준비해서 API 연동하는 흐름 ㅇㅇ! 길..겠지..? ㅠ 반복이지만 그래도 하나하나 찬찬히 다시보기 일단 디테일 페이지 UI 부터 components/post/PostViewer.js ( 새로 생성 ) import React from 'react'; import styled from 'styled-components'; import palette from '../../lib/styles/palette'; import Responsive from '../common/Responsive'; const PostViewerBlock = styled(Respo.. 2021. 9. 25. 2021.09.24 React Post Create 2021.09.24 React Post Create_정리노트 다음주까지 완성하기로...스터디원들과 약속했돠..... 그리고...10월달까지 미루지 않고 완독을 해내리라....후 말이 create 지 쉽게 말하면 글쓰기 기능 꼬꼬 바로 빡세게 달려보자!!!! 회원가입, 로그인과 같이 비슷하게 UI 를 구현하고, 리덕스로 상태관리를 하고 마지막으로는 API 연동하기 까지!!! 이번에는 정리하며 주절주절 써보자!!!! 먼저 글쓰기는 Quill 이라는 에디터 라이브러리를 사용해서 구현할거기 때문에 $ yarn add quill 라이브러리 먼저 설치하고 시작! 먼저 라이브러리를 설치했으니까 에디터 UI 부터 만들기! src/components/wirte/Editor.js (새로 생성) import React, {.. 2021. 9. 24. 2021.07.28 React To-do List 2021.07.28 React To-do List_정리노트 오늘은 드디어 이론 공부만 줄줄하다가 프로젝트 한다니까 넘나 행복쓰 ㅎㅅㅎ 프로젝트 전체코드를 다 다루진 않고, 흐름 정리하며, 놓치기 쉬운 것들 위주로 블로그에 포스팅할 예정이다! 스타일적인 부분들은 다ㅏㅏ 빼고 기능적인 부분만 다룰 것임 먼저 프로젝트 생성 $ yarn create react-app todo-app 필요한 라이브러리도 설치해주었다. // to-do app directory 이동 $ cd todo-app // classnames >> 조건부 스타일링을 편하게 해줌. // sass 사용 위해서 낮은 버전 ( 호환이 되는 ) 으로 지정해서 설치 // react-icons 는 리액트에서 다양하고 예쁜 아이콘을 제공하는 라이브러리 $ .. 2021. 7. 29. 이전 1 다음
