React 공부 기록 일지 - 1

React의 기본적이 개념을 공부하고 프로젝트를 하나 완성하면서 기본기를 닦으려고 몇 번 시도했었다.

 

처음은 단어장 완성 프로젝트를 만드면서 시도해보려 했고,

이번에는 고객관리 시스템을 만드면서 시도하려 했다.

물론, 이미 많은 선배 프로그래머님들이 완성했던걸 보면서 이해하고 따라하고 실습하는 것이 목적이었기에 굳이 따지자면 따라하기만 하면 된다고 할 수 있다.

근데 코딩이 따라하기만 하면 되더냐.. 자기가 설정한 환경에 따라 무수한 오류의 변수들이 도사리고 있다.

때로는 실력이 부족해서 때로는 환경 때문에 이번에도 실패하고 말았다...

 

---

아직 실력이 부족하여 머가 문제인지도 정확히 알지 못하는 상태이다.

아래 코드는 package.json 클라이언트 쪽 파일인데

"proxy": "http://localhost:5000/" 만 json에 추가하면

잘되던 yarn dev 명령이 작동을 중지한다.

한 3시간정도 구글링 했지만 잘되지를 않았다...

{
  "name": "customer",
  "version": "0.1.0",
  "private": true,
  "dependencies": {
    "@material-ui/core": "^4.9.0",
    "@testing-library/jest-dom": "^4.2.4",
    "@testing-library/react": "^9.3.2",
    "@testing-library/user-event": "^7.1.2",
    "axios": "^0.19.2",
    "react": "^16.12.0",
    "react-dom": "^16.12.0",
    "react-scripts": "3.3.1"
  },
  "scripts": {
    "start": "react-scripts start",
    "build": "react-scripts build",
    "test": "react-scripts test",
    "eject": "react-scripts eject"
  },
  "eslintConfig": {
    "extends": "react-app"
  },
  "browserslist": {
    "production": [
      ">0.2%",
      "not dead",
      "not op_mini all"
    ],
    "development": [
      "last 1 chrome version",
      "last 1 firefox version",
      "last 1 safari version"
    ]
  },
  "proxy": "http://localhost:5000/"
}

문제가 현재 심각하다 HTML, CSS, JS를 기반으로 여러 웹 사이트를 만들면서 기본기를 닦고 대표되는 프레임워크에 진입했는데 잘안되고있는 모양새다...

현재 여러가지 프레임워크도 능숙해야되는데 이모잉야이라니

해서 내일부터는 다른 프로젝트로 시도해보되 기본기가 되는 부분의 강의도 병행하려 공부하려고한다.

 

React - 1. 수업소개 - YouTube

생코님의 개념 강의와

 

[React 강의] 리액트로 도서 대출 사이트 만들기(※어려움) 1탄 - YouTube

리액트 깍는 노인님의 강의를 병행하려고 한다.

부디 이 둘의 강의를 완강하기를 바라고 완강하고 나서 이전 프로젝트에서의 문제점이 보이게되는 경지에 도달하면 좋겠다....