코드스테이츠 5주차 -[React] 기초 / HA1 회고

엄혜진·2021년 7월 17일
0

CodeStates

목록 보기
5/15
post-thumbnail

HA1이 끝났다. 정말 많이 걱정하고 떨어지면 다시 시작해야한다는 부담감과 수료하는 날짜가 늦춰진다는 생각에 나름 스트레스를 받았던 것 같다. 구글링을 통해서 이전 기수분들의 후기를 봤을 때는 내가 과연 통과를 할 수 있을 지 의문이 들었을 정도로 어려웠다는 후기가 대다수였다. 후기와는 다르게 엔지니어분들은 열심히 따라오기만 하면 된다는 말씀을 해주실 때 마다 열심히 했는데 통과를 못하면 말짱 도루묵아닌가 생각을 많이 했다.
그래도 다행스럽게도 section 2를 시작하게 되었다. 지금 생각해보니 하루는 엄청 길게 느껴졌는데, 한 달은 엄청 빠르게 지나갔다. 굉장히 많은 것을 배웠고 머리속에 많은걸 집어넣은 느낌이다. 아직까지는 공부하는게 재밌고, 더 알고 싶은게 많다.

알바하면서 이미 느껴본 적이 있었던 부분인데, 같이 무언가를 함께할 때는 동료가 정말정말 너무 중요한 것 같다. 나와 안맞는 사람은 있을 수 있지만, 상대방이 노력조차 하지 않는다면 내가 노력을 해야 할 필요성을 전혀 느끼지 못하겠다. 모든 사람에게 좋은 사람이 되고 싶지는 않다. 그분들에게는 죄송스런 말이겠지만, 나는 최소한의 노력만 했다. 그들은 시간 약속을 지키지 않았으며, 공부한 내용에 대한 기본적인 복습조차 되어있지 않았다. 내가 고쳤으면 하는 내용이 좀 황당하게 작성 된 페어리뷰가 전달되었지만 억울하지 않다. 그 사람들은 함께 시간을 보내는 상대방에게 일말의 노력조차 하지 않았고, 미안한 마음도 전혀 없었으며, 자신들의 잘못에 대해 전혀 인지하지 못하고 있는 것 같다. 이해할 수 없지만 다시는 만나지 않으면 된다고 생각한다. 짧은 시간 안에 함께 과제를 해결해야 하기에 페어분과 커뮤니케이션 부분에서 노력을 많이 했었다. 내가 경험했던 황당한 시간을 다시 겪고 싶지 않았고, 상대방이 나를 그렇게 생각하지 않았으면 좋겠다는 생각이기 때문이다. 나와 잘 맞았거나 상대방도 함께 노력했던 페어시간에는 좋은 내용들이 많았다. 많은 페어분들이 HA를 통과하고 프로젝트하는 시기에 함께 하고 싶다는 내용들을 받으면서 꼭 나중에 그분들을 만났으면 좋겠다. 오히려 그분들에게 매우 감사하다. 서로의 시간을 소중하게 보낼 줄 알며, 노력하면서 소통하고 공부했으니. 앞으로 좋은 사람들과 함께 노력하면서 공부하는 시간이 많이 있었으면 좋겠다.

코딩을 정말 잘하는 사람들을 보게 되면 자존감이 떨어질 때도 많았다. 없다고 하면 거짓말이겠지. 하지만 그들을 비교하면서 생각하지 않기로 마음 먹었다. 그들은 그들이고 비교할수록 내 자신만 갉아 먹는 상황이니 내 발전에 신경써야겠다. 스스로 성장하는 부분만 생각하며 너무 신경쓰지 않도록, 수능보는 시기에도 그렇게 잘 생각해왔으니 이번에도 잘 할 수 있어. 오늘의 내가 어제의 나보다 똑똑해지니까 조급해지 말고, section2도 열심히 공부하고 기수이동없이 힘내보자구, 처음 배우는거니 당연히 어려울 수 있지만 공부하면 되니까😉


5주차 배운 내용 중 정리하고 싶은 내용

[React] 기초


  • state : 변할 수 있는 값으로 내부에서 변화하는 값
    전달인자는 한개만 but, 여러개를 사용하는 경우 객체로 가능

  • 가장 상단에 import { useState } from "react" 작성 후 useState를 배열로 할당


  • props : 외부로부터 전달받은 값으로 객체의 형태
    읽기 전용 거의 고정된 값



  • state/props 활용



[state] 바뀌거나, 변경되는 내용 선정

const [user, setUsername] = useState('');

const handleChangeUser = (event) => {
  setUsername(event.target.value);
};

변경되는 값에 

<input value={user} onChange ={ handleChangeUser }>

  
    
  

  
[props] 사용

입력받는 함수에 function(props)
코드 작성시 { props.별칭 }



function GoodsList(props) {
  <div>{ props.name }</div>
}

=> <GoodsList name={ 넣을 내용 } />



  
const 전달인자 = (props) => {
  return <div className ="Lean">{ props.text }</div>



  
  
  
[유니크한 id값 생성]

=> npm install uuid
=> 맨 상단에 import { v4 as uuid } from 'uuid';
=> 생성하는 곳에 uuid()
                                           

0개의 댓글