wecode +17 (9/3)

배운 것/개발한 것/정리한 것

- 오전 : code Kata Day4 (완료)

1. 문제 : 숫자인 num을 인자로 넘겨주면, 뒤집은 모양이 num과 똑같은지 여부를 반환해주세요.

num: 숫자

return: true or false (뒤집은 모양이 num와 똑같은지 여부)

 

2. 내 코드

const sameReverse = num => {
  return num == num.toString().split('').reverse().join('') ? true : false;
}

 

- 오후

  1) 세션 1 : Database 수업

  2) Westagram 레이아웃 React + SCSS 구현 완료

  3) Westagram 리액트 팀프로젝트

   - 초기 세팅 완료 (git 팀 협업 과정 내일 블로깅)

   - 내 branch로 push 완료 (기본 레이아웃 및 기능 추가, state에 계정 정보 저장 후 validate기능까지 추가 완료)           

  4) Codecademy react State & props 공부

  5) 세선 2 : React state & props (부모 컴포넌트에서 자식 컴포넌트로 전달하는 방법 복습 필요)

 

내일 할 일

1. westagram -> react 구현 (계속)

 - state과 props사용하여 댓글 달기 및 좋아요 기능 추가

2. 오전 : 코드 카타 Day 5

3. React 블로깅

 - #1. scss

 - #2. React props/state

 - #3. westagram 코드 리뷰 : props/state 통해서 댓글 및 로그인 활성화 등 기능 어떻게 구현했는지 블로깅

 

회고

리액트의 state & props 부분을 본격적으로 공부하기 시작했다. 웹서비스의 요소들을 적절한 컴포넌트로 구분하고, 부모 컴포넌트에서 자식 컴포넌트로 값을 전달하거나 다른 컴포넌트에 있는 내장 함수를 사용하는 방법에 대한 더욱 많은 코드 작성과 연습이 필요해 보인다.

 

* 부모 컴포넌트의 this.state내의 값, 부모 컴포넌트가 자식 컴포넌트에게 (보통 부모 컴포넌트에서 자식 컴포넌트를 선언하면서 추가로 변수를 달아 전달한다) 전달하는 props(선언값), 마지막으로 자식 컴포넌트에서 이벤트에 지정되는 과정까지의 세 부분을 잘 생각하면서 코드를 작성해야 할 것 같다. 이 사항에 대해서는 내일 블로그에 자세하게 정리해보고자 한다.