거북이개발자

1. 목표 -ReactHooks와 firebase를 이용한 가족 SNS를 만들었다. - 트위터처럼 자신의 기분과, 사진을 올리고 가족끼리 보는 가족 전용 SNS이다. 2. 결과 (1) 로그인 이메일과 패스워드로 회원가입이 가능하고 혹은 google을 이용해서도 가능하다. 회원 가입한 정보는 firebase의 Authentication에 저장된다. (2) Home -입력한 텍스트는 Firebase Cloud firestore에 들어간다. -첨부한 사진은 Firebase Storage에 들어간다. -Delete, Update 기능이 있다. -첨부한 사진을 미리 보여주는 기능도 있다. -작성자를 올려주며, 시간순으로 입력한 메시지를 보여준다. (3) Profile -프로필의 이름을 변경 가능하고 -로그아웃 가..

1. 배경 위와 같이 파일을 첨부했을시 다시 초기화 하고 싶을때가 있다. 2. 배경 const fileInput=useRef(); const onClearAttachment=()=>{ fileInput.current.value = ""; }; 위의 코드처럼 useRef를사용해준다. 그후 fileInput.current.value=""을 이용해 초기화 해줄 수 있다. 중요한점음 input 태그에서 어트리뷰트로 ref를 넣어줘야 한다.

1. lifecycle React의 class는 위의 사진처럼 lifecycle을 갖는다. reder가 실행되고 그후 componentDidMount()가 실행된다. 단 그후 같은 setState로는 rerender가 일어날시 componentDidMount()는 일어나지 않는다. componentWillUnmount 는 컴포넌트가 제거되기 직전일어난다. 2. useEffect 함수형은 위의 lifecycle를 이용하지 못한다. 그래서 대신 이용하는것이 useEffect이다. useEffect( ()=>{ //componentDidMount, componentDidUpdate 역할(1대1 대응은 아님) return () =>{ //componentWillUnmount 역할 } },[]); 위의 형식으로 ..