전체 글 103

(항해25일차) 220330 리액트 주특기 13일차

CRUD는 각각 create, road, update, delete 를 말하는 것으로 데이터 처리의 가장 기본적인 요소이다. 이번 주차에 계속 사용한 리덕스는 CRUD에 사용되는 데이터(state) 관리를 위한 라이브러리였다. 결국 state를 잘 다룰 수 있어야 한다는 사실을 또 한번 느낄 수 있었다. 하지만 리덕스 또한 상태관리를 위한 도구일 뿐 데이터를 저장하지는 않는다. 데이터를 저장하는 곳은 서버인데 리덕스가 서버는 아니기 때문이다. 그래서 오늘 그 서버의 역할을 대신할 수 있는 파이어베이스를 사용해 새롭게 생성되는 데이터를 저장하고 그 외의 나머지 기능 또한 구현할 수 있도록 했다. 액션 함수가 리듀서에 CRUD 동작을 디스패치할 때 중간에 잠깐 파이어베이스를 거쳐간다. 사실 생각해보면 매우 ..

(항해24일차) 220329 리액트 주특기 12일차

항해 중 폭풍같은 리덕스를 만났다. 사실 props도, use들도, 렌더링되는 컴포넌트도 모두 폭풍이긴 하다. 리액트한테 처참하게 발리는 중이다. 어제 오늘은 기분이 몹시 안 좋았다. 첫 만남은 좋았던 리덕스였는데, 기능 하나 할 때 마다 새로운 것 들이 엄청 쏟아진다. 새로운 데이터 저장하기를 겨우 끝내니 삭제가 문제였고, 삭제를 끝내니 완료하기가 발을 잡더니 끝판왕 수정하기를 만나 벽을 느껴 버렸다. 그렇게 이틀을 날리고 나니 왠지 오기가 생겨 수정하기만큼은 꼭 잘 해보고 싶었다. 갈 길이 멀긴 하지만 ( 과제는 파이어베이스까지 해야 한다. ) 이렇게 하다간 이해도 못하고 계속 끌려다닐 것 같은 기분이었다. 코드를 직접 짜는건 못해도 이미 완성된 코드도 못 읽는건 말이 안됐다. 이상하게 나는 컴퓨터로..

카테고리 없음 2022.03.30

(항해99)의 3주차 (220321-220327) WIL

아무것도 모르는 채로 항해99에 합류한지 벌써 20일이 지났다. 늘 그랬지만 항해에서의 시간은 유독 빠르게 지나간다. 아침부터 밤 늦게까지 쉴 틈을 주지않는 커리큘럼에 뭐를 어떻게 했는지도 모를 정도로 시간이 지나가고 있다. (사실 항해에서 직접 몰아부치는건 아니지만.. 주어진 과제를 보면 거의 그런 셈이다.) 그 덕분인지 어쨌든 코딩 공부는 확실히 되고 있는 것 같다. 여전히 매일 아침 처음 보는 개념들을 공부하고 여전히 공부한 만큼의 새로운 것들이 두 배, 세 배 씩 늘어나는 느낌이지만 문제가 생기면 스스로 찾아보고, 어떤 기능에 어떤 코드가 필요할지 고민하게 된다. 또 코드가 원하는대로 작동할 때 기분이 좋은걸 보면 나름 즐기고 있는 듯 하다. 이번주엔 처음으로 리액트를 배우고 리액트로 간단한 웹페..

안전연산자: ?.

return ( {my_lists[bucket_num].text} 삭제하기 ); //에러 메세지 Uncaught TypeError: Cannot read property 'text' of undefined 오늘 이런 타입에러를 확인할 수 있었다. 처음에는 undefined만 보고 text 만 확인했는데 알고 보니 변수명이 잘못된게 아니었다. undefined 안에 있는 속성 'bucket'을 읽을 수 없다: undefined는 text가 아니라 my_lists[bucket_num]에 해당하는 말이었다. 1. 위의 div 가 렌더링 된다. 2. 버튼을 누르면 리덕스를 통해 div의 텍스트에 해당하는 버킷이 삭제된다. 3. state가 바뀌어 div가 리랜더링된다. 4. 하지만 해당하는 버킷이 삭제됐기 때문..

Today I Learned 2022.03.27