본문 바로가기
CODESOOM

CODESOOM: REACT -1

by hxunz 2021. 5. 12.
  1. Facts (사실, 객관)
    저번 기수 중도 하차 후에 다시 재수업을 듣는것이라 과제를 해야되는지 아닌지에 대해서 의문이 들었다. 
      과제를 다시 해보라는 답볍을 얻은 후 과제를 시작했는데 거의 한 주가 끝나가고 있어서 두번째 과제는 손도 대지 못한채로 끝났다.
      결국 일요일에 올라온 풀이 영상 시청 후에 과제를 마무리 지었다.
      이미 repository는 fork되어 있는 상태라 클론을 받으면 전에 해뒀던 과제 코드들이 그대로 받아져서 곤란스러웠다.
      다음주 부터는 코드 초기화 후 다시 머지하고 하는걸로,,

  2. Feelings (느낌, 주관)
    저번 기수에서 했었던 과제들임에도 불구하고 어떻게 코드를 작성했었는지 전혀 생각이 나지 않았다..
      다시금 부족함에 대해서 깨닫게 되었다..
      그래도 더 열심히 공부하는 원동력이 되었다고 생각하는걸로,,,
      그리고 매일매일 조금이라도 완성되지 않았더라도 PR 꼭 올려야겠다..!
  3. Findings (배운 점)
    : 과제1)  - 변수를 바꿔준 다음에 render를 실행하는게 관리하기 힘들기 때문에 하나로 합쳐준다.
                 - 상태가 여러가지가 되는 경우가 많아서 count 하나만 쓰지 말고 object로 받아준다.
                 - 변수를 제거하고 상태를 const 형태로 (재할당을 하지 않는 형태로) 변경.

      과제2)  - 기존 한자릿수만 적을 수 있었던 number가 여러자릿수를 표현할 수 있게 함. 
function handleClickNumber의 일부 코드

number: number * 10 + value

                     - function calculate를 만든 이유는 equal(=)이 기존에 있던 operator에 따라서 계산된 값이 나와야하기 때문이다.
                     - 초기값을 아래와 같이 설정한 이유는 x는 accumulator인데 초기에는 없기 때문이다.

const operatorFunctions의 일부 코드

'': (x, y) => x || y,

                     - 누르는 값을 보여주지만 아무것도 누르지 않았을 경우 기존 누적된 값을 보여준다.

const element 의 일부 코드

<p>{number || accumulator}</p>

'CODESOOM' 카테고리의 다른 글

CODESOOM: REACT-3  (0) 2021.05.25
CODESOOM: REACT -2  (0) 2021.05.17
CODESOOM: REACT -3  (0) 2021.02.07
CODESOOM: REACT -2  (0) 2021.01.31
CODESOOM: REACT -1  (0) 2021.01.25

댓글