지코딩

보호되어 있는 글입니다.

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

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

아무것도 모르는 채로 항해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. 하지만 해당하는 버킷이 삭제됐기 때문..

오늘 드디어 파이어베이스 이전까지의 강의를 다 들을 수 있었다. 예상치 못한 부분에서 시간을 많이 보냈지만 시간을 들인 만큼 리덕스에 대해 조금 더 이해할 수 있었던 것 같다. 이해와는 별개로 코드를 짤 때 유독 연산자와 관련된 실수를 많이 한다. 잘 이해되지 않는 함수를 사용하거나, 새로 배운 개념과 관련된 어려움은 어쩔 수 없지만 === 같은 연산자를 헷갈리는건 문제가 있다. 어쨌든 강의는 다 들었고 이제는 진짜 과제를 해볼 차례이다. 이번 과제는 단어장 만들기로 페이지는 총 3개로 보인다. - 단어장 카드가 모여 있는 메인 페이지 / 단어를 추가하는 페이지 / 단어를 수정하는 페이지 1. 가장 상위 컴포넌트는 메인페이지이며 App.js - 단어카드 - 버튼 컴포넌트로 구성된다. 2. 추가 단어 페이..

상태관리의 필요성 1. 자식컴포넌트에서 데이터에 변화가 있을 때, 부모컴포넌트의 state를 직접적으로 건드리지 않음 2. 리덕스에서는 props drilling을 방지한다. (데이터를 필요한 컴포넌트로 바로 전달) * props drilling : props를 떨어져 있는 하위 컴포넌트로 전달하기 위해 중간 컴포넌트들이 쓰지 않는 데이터를 가지고 있는 것 전역상태관리는 무엇일까? 1. 모든 컴포넌트에서 참조할 수 있는 state가 있다. 2. state를 참조하려는 컴포넌트가 있고, 수정하려는 컴포넌트가 있다. 3. 수정된 데이터는 모든 컴포넌트에서 볼 수 있어야 한다. 리덕스에서의 전역상태관리 구조 스토어: state 저장소 리듀서: state 수정소 1. 컴포넌트는 스토어에서 state를 구독한다...

조난당한지 19일.. 간신히 부서진 배의 파편을 잡고 주특기 섬에 온지는 8일차가 됐다.. 이렇게 숫자만 세다가 영영 육지로 못 나가는 것일까? 오늘은 주특기 심화주차의 첫날이다. 1주차는 처음에는 절망적이었지만 나름 희망을 가지고 2주차로 왔다. 항해에 참여한지 3주가 되어 가면서 조금씩 요령도 생기고 여유도 생겨 마음을 한 번 다시 다잡을 계기가 필요한 것 같다. 이럴 때 가끔 다른 사람들의 프로젝트를 보면 도움이 된다. 나보다 훨씬 잘하는 사람들이 짠 코드나 예쁘게 꾸민 페이지는 나를 자극한다. 또 나와 다른 방법으로 같은 기능을 구현한 코드들을 보는 것도 재밌다. 요새 부쩍 드는 생각은 코딩이 까다롭지만 재밌다는 사실이다. 물론 아직 배울 것도 많고, 아는 것도 별로 없지만 즐겁게 이 일을 할 수..

주특기 기본 주차의 마지막 날이다. 제출하려는 과제의 전반적인 부분을 정리하고 추가기능을 약간 넣어봤다. 메인 페이지에서 오늘이 가장 위로 오도록 정렬하는 내용인데, 12시가 넘어 확인할 수 있었다. 오늘 계획했던 강의 다시 듣기는 과제를 수정하다보니 못 듣게 되었다. 사실 과제보다 CS스터디가 더 큰 원인이다. 컴퓨터의 가장 기초적인 부분부터 차근차근 설명하는 책으로 나에게는 어려운 내용이 많다. 특히 오늘 준비한 기억회로처럼 전형적인 이공계 분야는 정말 이해하기 어렵다. 평생 과학과는 거리가 멀었던 내가 개발자가 되기로 마음먹었을 때 이런 어려움도 분명 생각을 했지만 정말 알아듣기 어렵다. 오히려 코딩은 논리적인 부분이 많아 상대적으로 재밌게 느껴진다. 하지만 CS 쪽 이야기가 나오면 답이 없다. 정..

(아직 배포는 안했지만) 1주차 과제를 완성했다! 글로는 짧게 쓸 수 밖에 없지만 마음은 많이 기쁘다. 화요일부터 기능 단 두 가지를 두고 고민하는 시간이 정말 길었다. 일단 첫번째 고민은 component를 구성하는 방식에 대한 고민이었다. 원 한개를 제일 작은 단위로 삼아야 할 것 같은데, 그러자면 나중에 메인 페이지와 세부페이지에서 원을 나누는 과정이 까다로워 보였다. 결국 원 컴포넌트를 만들었지만 결과적으로 고민이 하나 늘어났다. 두번째는 원을 전달하는 과정이었다. 한 쪽에선 랜덤으로 변하는 원을 다른 쪽 에서는 클릭한 만큼 채워지는 원을 필요로 해서 구분해야 했다. useRef를 써서 받는 쪽에서 처리를 할까 계속 고민했지만 일단 받는 쪽에서 렌더링되는 하위 컴포넌트를 다루기가 까다롭고 그 과정..