Til Home

2020-01-17

Facts

  • 프로젝트 실행

    • 수정 기능에 에러 #5 발생
    • 댓글이 수정이 안되는 에러 발생(고침)
    • 추후 추가할 기능
    • 댓글 후 댓글 창 초기화(기능은 돌아 갔으나 uncontrolled 에러 떠서 포기했었음)
    • link router 적용 계획
    • 포스팅 누르면 그 포스트에 대한 상세 페이지로 이동하는 것을 구현하려고 함.

      • 하다가 망함. 컴포넌트를 적절히 이용해서 원하는 값을 보내서 그 컴포넌트 실행하면 되겠지만 머리가 안 돌아가서 못했음.

Feelings

  • 갈수록 뭘 추가할 때마다 하나씩 터져서 메꾸는데 시간 걸리는 느낌이 든다.

Findings

  • 뭔가 잘못 한다는 걸 느껴지지만 일단 잘 되니 그냥 실행해야 하는지 아니면 다시 작성을 해야 하는지 고민이 계속 맴돈다.
  • react router는 react를 위한 표준 routing library이다. 문서에서: “react router는 URL과 UI를 동기화 상태로 유지한다. lazy 코드 로딩, 동적 route 매칭, 위치 전환 처리 등 강력한 기능을 갖춘 간단한 API를 내장하고 있다.
  <Router>
      <div>
        <nav>
          <ul>
            <li>
              <Link to="/">Home</Link>
            </li>
            <li>
              <Link to="/about">About</Link>
            </li>
            <li>
              <Link to="/users">Users</Link>
            </li>
          </ul>
        </nav>

        <Switch>
          <Route path="/about">
            <About />
          </Route>
          <Route path="/users">
            <Users />
          </Route>
          <Route path="/">
            <Home />
          </Route>
        </Switch>
      </div>
    </Router>

Home About Users 을 누르면 각각 ”/” “/about” “/Users”로 이동이 된다. 그때 그 주소에 들어가는 내용물들을 Route 태그 path =“해당 게시물 주소” 밑에 있는 내용에 의해 결정이 된다. Route 태그들을 Switch 태그 사이에 넣어야 하고 Switch 와 Link는 Router 태그 사이에 있어야 한다. Switch 태그는 children에 속해 있는 Route 태그 들을 찾아서 해당 url에 맞는 제일 첫 번째 것을 반환 합니다.

  • 멀티태스킹 능력이 너무나도 떨어진다. 하나 하다가 다른 거 하라고 하면 흐름이 끊겨서 집중이 안 된다. 가령 누가 중간에 도와 달라고 할 때.

Future Action

  • 잘못됐다고 느껴지는 부분은 추후에 완전히 터질 때쯤 다시 작성
  • 1 에러 떴던 기능 다시 작성

  • link router 적용
  • 멀티태스킹 능력 기르기
  • 블로그 테마 바꾸기

Feedback