본문 바로가기

리액트

(3)
오늘의 술 프로젝트 - 작업 정리(1) [페이지네이션, 검색] 구현 # 여러 술이 있는 리뷰 게시글 목록들이 있고, 그 글들의 검색과 페이지네이션을 구현해보려고 한다. * 구현 목적: 더미데이터에서 데이터를 가져온 다음 페이지네이션과, 검색을 구현해 봤다. 1. headrImg는 다른 조원들이 만든 헤더부분이다. 2. BlogInformation은 게시글 더미데이터를 이다.(json형태로 있는 것을 가져오고 있다.) 추후에 axios 요청을 해서 서버에서 실제 데이터를 가져오는 형식으로 바꿀 것이다. 3. posts 게시글 하나하나를 컴포넌트화 한 컴포넌트 입니다. 4. 페이지네이션시 나오는 번호들을 어떻게 나오게 할지를 컴포넌트화한 부분이다. [Bolg.js] import headerImg from '../../assets/img/blog-header.jpg' impo..
react 복습 일지- 1 - npm start 오류 ERROR in Plugin "react" was conflicted between "package.json » eslint-config-react-app 위의 오류가 발생 시 해결 방법. 다음과 같은 에러 메시지 발생 시 해결 방법 1. package.json 파일을 열고, Ctrl + S 로 저장 2. eslint-config-react-app 버전을 6으로 낮춰보기 // 현재 버전 삭제 yarn remove eslint-config-react-app // versin6 으로 다운그레이드 설치 yarn add eslint-config-react-app@6
React 공부 기록 일지 - 1 React의 기본적이 개념을 공부하고 프로젝트를 하나 완성하면서 기본기를 닦으려고 몇 번 시도했었다. 처음은 단어장 완성 프로젝트를 만드면서 시도해보려 했고, 이번에는 고객관리 시스템을 만드면서 시도하려 했다. 물론, 이미 많은 선배 프로그래머님들이 완성했던걸 보면서 이해하고 따라하고 실습하는 것이 목적이었기에 굳이 따지자면 따라하기만 하면 된다고 할 수 있다. 근데 코딩이 따라하기만 하면 되더냐.. 자기가 설정한 환경에 따라 무수한 오류의 변수들이 도사리고 있다. 때로는 실력이 부족해서 때로는 환경 때문에 이번에도 실패하고 말았다... 아직 실력이 부족하여 머가 문제인지도 정확히 알지 못하는 상태이다. 아래 코드는 package.json 클라이언트 쪽 파일인데 "proxy": "http://localh..

728x90