라쿤의 끄적끄적

Img Error 처리 img를 가져오는 경우 보통 src로 img url 또는 server에 존재하는 경로를 연결하곤 한다. 이번 프로젝트의 경우에는, img를 Data URL 형식으로 가져오게 된다. 그러다 보니 URL이 옳지 못하거나, 더이상 web에 올려지지 않아 있는 경우 img를 로드 하지 못하고 흔히 말하는 엑박이 뜨게 되는 것이다. (alt 속성으로 지정한 이름이 뜸) 이 프로젝트의 경우 firebase의 storage에서 의도치 않게 img file이 지워져서 더이상 url을 load못하게되는 경우 어떻게 엑박을 안뜨게 하고 자연스럽게 user 화면을 표시할 것인가에 중점을 두고 있다. 방법 img 태그의 onError 속성 사용 HTML 에서는 onerror React(JSX)에서는 o..

React Hooks 노마드코더 : React Hooks 노마드코더의 React Hooks 강의를 듣고 작성 함 Hooks 앱을 리액트 훅으로 만들면 class component, did mount, render ...등이 필요 없어짐 모든것은 하나의 function이 됨 이제는 functional programming(함수형 프로그래밍)스타일이 됨 Hooks는 react의 state machine에 연결하는 기본적인 방법임 Hook의 시작 recompose라는 라이브러리에서 시작되어 리액트 팀이 인수함 그리고 react에서 hook으로 릴리스 함 useState (React hook) useState는 항상 2개의 value를 return함 첫번째value는 이름을 주고(useState의 값을 불러옴)..