[TIL] 스스로 만드는건 어렵지만 배는 재밌당! 오늘의 개발일지

나는 어제 리액트 강의를 완강해야되는 줄 알았는데, 진도표 확인을 제대로 안했던 것인지

알고보니 수요일까지 듣는거였다! (오히려 좋아!!!!)

 

리액트 강의 끝나고 과제가 항상 있다고 했는데, 오늘 과제를 확인해보니

개인 TodoList를 만드는거였다.

 

예전에 웹종때도 투두리스트를 만들었었는데, 어느덧 시간이 흘러 리액트로 투두 리스트를 만들 날이 올줄이야 >_<

오늘의 개발일지 시작~

 

리액트로 todoList를 만드는데, 삭제 구현 부분에서 무언가 단단히 꼬였었고

터미널창에는 success ~! 라고 경쾌하게 문구가 나오는데, 정작 브라우저 실행 화면에는 아무것도 출력이 되지 않는 상태가 

적어도 두시간은 흘렀던 것 같다.

 

리액트가 처음이다보니 처음 만나는 에러들이었고(이제는 구면 ❤️) 

에러가 어디서 났는지를 코드를 한 줄 한 줄 진짜 이잡듯이 보느라, 지대로 복습이 되었다 (오히려 좋아 ❤️)

import React, { useState } from "react";

할 때 , from을 "React"로 쓰는 실수도 잡아냈었고,

에러를 잡으면서 확인하니 내가 

자식 컴포넌트로 '스테이트'를 상속시키는 부분에서, 정확히 어떻게 넘어가게 된 것인지를 몰랐다는 걸 알 수 있었다.

 

나는 단순하게 todoList라는 이름으로 a를 넘겨줄거고, deltetItem이라는 이름으로 저 함수를 넘겨줄게~ 라고 알고 있었는데,

저게 <TodoItem/>  컴포넌트로 들어갈때

props에 (임의로 만든 이름) 내가 설정해준 저 이름으로 각각 값이 들어가는 것이었드아!!!!!!

따라서 TodoItem에서 실제로 사용할 땐, (넘겨졌을땐 저 프롭스가 스테이트가 되겠지?)

props.deltetItem 나 props.todoList 로 내가 뽑아내서 사용하려는 데이터들의 value를 쏙쏙 뽑아오면 되는 거시었다~

 

오늘도 살짝 느껴지는 깨달음의 즐거움...또 재밌는 나 이상한건가여?

 

 

개고생해서 연구하다가, 깨닫는 순간은 채 5분도 안되는 찰나인데

깨달음의 기쁨은 몇시간의 끙끙댐을 한번에 씻어내려준다

 

이거슨, 내가 오늘 오후에 완성시킨 첫 투두리스트 >_< 

 

한달뒤에는 분명 코파면서 투두리스트를 만들 수 있는 내가 되게 정진, 또 정진해야지

이번 주말에는 연말 마무리를 어떻게 할지 정하는 시간을 가져야겠당 룰루