데브로드 과제나 수업이 좀 밀려있는 상황이었다.노트도 정리 못한 부분이 있어서어제 오늘, 지난 수업까지 훑어보고 노트도 추가해보았다.이번주 과제를 해보고 있는데, 테스트코드 연습 및 여태까지 배운 내용을정리하기 딱 좋은 것 같다. 아주 좋아.시간이 좀 걸리더라도, 데브

이번주는 관심사의 분리가 가장 중요한 키워드였던 것 같다.인터렉션만 담당하는 부분과 UI만 렌더링 하는 컴포넌트가 각각 분리되고,외부에서 상태를 관리하여 각각 독립적으로 움직이는 건 알겠다.그런데 뭔가 아직 체계가 안잡혀서 너무 혼란스럽다..하는 일은 같은데, 값은 공

반성이 많은 한 주다.부지런히 움직이기만 한다고 더 많은 것을 흡수하는 건 아닌 것 같다.컨디션 관리도 못했고, 아침 공부도 효율적이게 쓰지는 못했다.이번주 수업을 듣고 useEffect와 state에 대해 많은 생각을 했다.아직도 와닿지 않는 것들이 많다. 리액트 외

진짜 이번주는 너무 바빴다. 스터디 발표 준비로 PPT도 만들어야 했고 회사 프로젝트도 생각할 게 많았고, 데브로드 강의도 듣고 노트정리도 하고, 과제도 하고 너어무 바빠. 그렇다고 허투로 하고 싶지는 않은데, 어떻게 하면 시간을 더 효율적으로 쓸 수 있을까. 일을

jsx가 리액트에서만 쓰는 문법인 줄로만 알고 있었다.공부하면서 브라우저 랜더링에 관해서부터 한번 더 살펴보았다.브라우저는 DOM을 통해 어플리케이션을 렌더링 하는데,뷰 템플릿 객체로부터 HTML 마크업 문자열을 가져와 엘리먼트의 innerHTML 속성에 저장하고브라우

프로젝트 개발 환경 세팅 (TS + React + Jest + ESLint + Parcel)을 이렇게 처음부터 끝까지 해본 적은 처음이었다. README문서 업데이트도 틈틈히 해주어야 겠다.회사 프로젝트는 이미 lint설정도 다 되어있는 상태라, 별 생각 없이 사용했는

웹 상에서 클라이언트와 서버 간에 요청/응답(request/response)으로 정보를 주고 받을 수 있는 프로토콜로, 주로 HTML문서를 주고받는 데에 쓰인다.프로토콜이란컴퓨터 내부, 또는 컴퓨터 사이에서 데이터의 교환 방식을 정의하는 규칙 체계웹 통신 프로토콜인 H

스타일에 객체를 넣으면 안되는 이유는 무엇일까?객체끼리 비교하면, 무조건 false가 나온다.리액트는 vulture dom으로 검사를 하면서 어디가 달라졌는지 찾다가 이전 버전과 현재 버전을 비교해 달라진 부분을 리렌더링 한다.즉, 변한 것이 없어도 객체끼리 비교하면

useCallback을 쓰는 이유가, 최적화를 위해서라는데 어떨때 써야하는가?그래야 최적화가 되기 때문이다.

스터디에서 좋은 사람들을 만나서, 프로젝트를 만들기로 했다.디자인과 백엔드를 담당해주시는 분이 한 분 있고, 프론트는 나까지 두 명이다. 이번에 스토리북을 써보기로 해서, 디자인이 나오기 전까지 스토리북과 리덕스를 대략적으로 공부를 해보고 있다.아직 디자인이 나오지 않

기존에 AuthForm이라는 컴포넌트에서 fetch API를 활용해서 초기 로직을 구현했었는데,일단 작동만 하게 코드를 짰더니, 너무 코드가 길어져서 리팩토링을 해야겠다고 생각했습니다.store폴더에는 authStore라는 파일을 만들었고, 그 안에서 인증에 관한 상태

에러 내용 > 개체가 'null'인 것 같습니다. 문제 코드

이미지가 다 로드되고 나면, 이미지를 감싸고 있는 컴포넌트의 컨텐츠의 높이를 구해야 했다. 구한 높이값은 다른 컴포넌트(Sidebar)에 props로 넘겨준다. 이 코드에서,Function declared in a loop contains unsafe reference