회고 (6) 썸네일형 리스트형 onchange 보호되어 있는 글입니다. useEffect와 resetrecoilstate의 환장의 콜라보 지금 인증창에서 받아오는 정보들을 recoil에 저장하고 그 정보를 서버로 보내야하는 데 그 과정 속에서 useEffect와 resetrecoilstate의 코드가 뒤섞여서 비동기 작업과 정보의 리셋들이 차례대로 되지 않아 빈 값을 보내거나 이전 값을 보내 통신에서 자꾸 에러가 났었다. 먼저 원인을 정확히 파악하지 못해 reset 작업만 계속 손보다가 콘솔을 일일이 찍어 본 후에 비동기의 문제라는 것을 알게 되었고 useEffect를 2개 쓰게 되면서 먼저 이뤄져야 하는 작업이 맨 뒤에 일어나게 돼 생기는 문제라는 것을 인식 후 useEffect 맨 뒤에 바뀔 때만 렌더링 될 수 있도록 리코일에 넣은 값을 이용하여 그 값이 바뀔 때만 렌더링 될 수 있도록 하였다. 그러자마자 리코일의 값이 리셋되면서 값이.. Next.js ) window is not defined 보호되어 있는 글입니다. Uncaught Error: Minified React error #321 에러 보호되어 있는 글입니다. 2/27 환경 셋팅 보호되어 있는 글입니다. 면접 회고 기술 면접에서 나온 질문 중 대답하지 못한 질문들을 정리하면서 새로운 것을 기록하고자 함 1. 보지 못하는 사람이 콘텐츠를 찾기위해서는 어떻게 해야하는지 ? 이 질문에 답을 못했는데 면접관님이 css display에 관한 질문이었다고 하셔서 서치해 본 결과 h1 태그요소를 display:none이나 visivility: hidden으로 하면 음성인식기나 스크린리더기 등에서 읽지 못하여 웹접근성 측면에서 문제가 생긴다고 한다. 이를 해결하기 위해서는 IR방법을 사용해야 한다. position:absolute; overflow:hidden; width:1px; height:1px; margin:-1px; clip:rect(0,0,0,0); 레이아웃에 영향을 주지 않으면서 스크린 리더기가 읽을 수 있게 하는 .. 이전 1 다음