어제에 이어서 오늘도 리액트로 간단한 CRUD만들기를 해보았다.
계속 똑같은걸 만드는게 지겹기도 하지만 완전완전 이해가 너무너무 하고 싶었다 ㅠㅠ
그래도 이거 만들면서 많이 는거 같아서 조금 뿌듯하기도 하다 😊
각각의 key값에 고유한 id를 부여한 뒤, id비교를 통해서 삭제와 수정기능을 구현하였다. 고유한 key값을 위해서는 uuid라이브러리를 이용하였다.
자세한 기록을 위해서 따로 블로그에도 내용을 기록해두었다.
리액트로 간단한 CRUD완성
이름, 이메일을 입력하는 간단한 CRUD를 만들어보았다. 지난주에 만들어본것을 연습을 위해 다시 한번 만들었다. css는 크게 건드리지 않고 기능위주로 다시 만들기 위해 노력했다. 기능은 다음과
hihiha2.tistory.com
지금까지 연습한 CRUD를 바탕으로 내일부터는 todolist를 다시 만들어볼 예정이다. 비슷한 CRUD지만 거기서도 다른것들을 배울 수 있을것이라 기대한다.
또, 한번 만들어본 뒤에 useReduce를 통해서도 다시 만들어볼 예정이다.
오늘도 이론스터디를 이론 스터디를 했는데 동기, 비동기와 이벤트루프에 대해서 공부했다. 또 오늘 스터디를 하면서requestAnimationFrame이라는 것을 처음 알게됐는데 화면에 부드럽게 움직임을 넣어줄 수 있어서 좋아보였다. 다음에 실제로 써서 뭔가를 만들어보고 싶다!!
이론스터디도 꾸준히하고 있는데 진도가 있어서 꾸준히 이론공부도 할수있어서 좋다. 같이 하는 팀원들과도 꽤 친해지고 서로 고민도 나누면서 성장할 수 있어서 더 좋은것같다. 스터디는 나중에 일을 하더라도 계속 하고 싶다.
주말에는 식물원에도 다녀왔는데 너-무 좋았다.
자연을 보면 뭔가 힐링이 되는듯!! 정신건강도 잘챙기면서 공부해서 롱런해야지 🔥
이번주도 화이팅 🤘
'코딩일기' 카테고리의 다른 글
| 코딩일기 5-3. 다크모드 구현완료! (0) | 2023.03.15 |
|---|---|
| 코딩일기 5-2. 헤더에 filter 적용하기 (0) | 2023.03.14 |
| 코딩일기 4-5. CRUD완성!! 에러해결 🤘 (0) | 2023.03.11 |
| 코딩일기 4-4. 에러와의 싸움 ㅋㅋ (0) | 2023.03.10 |
| 코딩일기 4-3. reduce() 알아두면 좋을듯! (0) | 2023.03.08 |