실전 공부는 오늘부터지🤣

회사 퇴근하고 나서 오늘 내가 공부한거 정리해보기

리액트 스터디 ~ing

내일 밤 9시에 리액트 스터디 진행할 예정인데
지금은 기초는 대충 다 끝내고, 과제를 진행하고 있다.
오늘 헤맨 것들을 좀 정리해볼까 한다.

기다려봐 ES6가 헷갈려🤔

지금 가장 헷갈리는게 스프레드 연산자랑 비구조할당인데
사실 비구조할당은 좀 이해가 된다

	const obj = {
    	name : '계란말이',
      	text : '맛있어'
    }
    const {name, text} = obj;

요런느낌? 비구조할당은 어케이해는 했는데, 문제는 스프레드 연산자이다.
내가 헷갈리는건, 스프레드 연산자에서 Array랑 object랑 어케 써야되는지 좀 헷갈리는건데.
아마 잘하는 사람은 안 헷갈리겠지..? 근데 난 헷갈려..

	const state = {
    	todoidx : 0,
    	itemidx : 0,
       	todos : []
    }
	cosnt change = {
      ...state,
      todos : state.todos.concat([{
        todoIndex : `todo_${state.todoidx++}`,
        name : 'To-do',
        items : [{
          id : state.itemidx,
          text : `테스트_${state.itemidx}`,
          done : false
        }]
      }])
    }

헷갈리겠지? 네 저도요..
제가 오늘 한거고요.. 어떤게 헷갈리냐면

{...state} 일때랑 [...state] 일 때랑.. 똑같은 기능을 하는건지가 헷갈림..

근데 쓰다보면 뭔가 어? 되네?
이렇게되버려서 뭔가.. 위에서 끌어와서 그대로 쓰고, 중복되는 애들은 알아서 새로 교환해준다? 뭐 그렇게 이해를 하고 있긴한데
리액트 할려면 이거 제대로 이해야되는데 이해가 잘 안된다.

아무튼 과제는 해결했다🥱

물론 저 코드만 짠건 아니고.. 한 40줄? 정도 하긴 했는데
사실상 기능은 한 3,4개 가지만 겨우 만들고
시간은 한 3시간 걸렸다 ^^, 오우예 효율 보소
좀 더 익숙해지면 빨라지겠지.
근데 대부분 filter 아니면 map으로 처리 할 수있는거라 제이쿼리처럼 이것도 처리하고 저것도 처리하고 하지 않아서 좋은 거 같다.

오늘을 마무리하며

트렐로 카피 언넝 만들고, 언넝 퇴근 후에 포폴용으로 기능 만드는거 하고싶다..
2주만 더 힘내좌아 아좌좌좌