Frontend 개발자가 배우는 React

(1) 정의 useState는 가장 기본적인 hook이며, 함수 컴포넌트에서 가변적인 상태를 가지게 해줍니다. 그래서 우리가 저번 기초 주차에서 useState를 활용해서 카운터 프로그램도 만들어보고, Todo list로 만들어보았죠? (2) 복습해볼까요? 🔥

(1) useEffect는 언제 사용할까? useEffect는 리액트 컴포넌트가 렌더링될 때마다 특정 작업을 수행하도록 설정할 수 있는 Hook입니다. 쉽게 말해 어떤 컴포넌트가 화면에 보여졌을 때 내가 무언가를 실행하고 싶다면? 또는 어떤 컴포넌트가 화면에서 사라졌

문제 select를 클릭했을 때 부모 요소에 의해서 가려지지 않도록 구현합니다. 부모 요소에 overflow: hidden을 적용하면 자식 컴포넌트가 부모 컴포넌트를 넘어갔을 때 가려지게 됩니다. 부모 컴포넌트에 hidden 속성이 있다고 하더라도 select는 가려지

왜 댓글을 작성했는데 새로고침을 하기 전까지 업데이트가 되지 않는걸까? 1번째 시도 결과:실패 원인:실제로는 onMutate 옵션을 사용하는 것으로만으로는 댓글을 작성하자마자 즉시 업데이트되지는 않습니다. onMutate 옵션은 mutate 함수가 호출된 직후에

비동기로 뭔가를 할때 지연이 있을때 그 지연을 직접 세팅해서 넣어줄수 있는 새로운 훅처음 들었을때 이걸 스피너의 로딩 화면을 일부러 0.5초 정도 보여주면 어떨까라는 생각이 들어서저장 해둠나중에 프로젝트에서 로딩 스피너를 사용할때 로딩화면을 0.5초정도 더 보여줘서로딩

1.버튼 눌러 로그인화면 띄우기2.카카오에게 인가 코드 받아오기3.인가코드는 주소의 쿼리스트링에 담아져서 제공된다. 이걸 파싱해서 백엔드에게 전달한다.4.(백엔드는 우리가 준 코드를 알아서 처리해서 토큰을 준다.)5.그 토큰을 받아서 로그인을 유지한다.버튼을 누르면 카

갑자기 발견한 오류처음 메인 페이지를 랜더링 하면 서버에서 데이터를 잘가져오지만다른 페이지로 갔다가 뒤로가기로 돌아가면 이상하게 로딩이 되지 않는것그래서 서버에서 데이터를 가져올 시간이 없어 리액트는 데이터가 없어 에러를 뛰어 버렸다.데이터를 맵으로 뿌리는곳에 옵셔널체