개발새발 민다니

회고 성격이 가득한 글로즉각적인 문제 해결을 원하시는 분은해결 방법으로 넘어가주세요. 우당탕탕 에러 고치기🔨  이번에 신규 프로젝트로 퀴즈 앱 비슷한 걸 만들고 있다. 리액트로 클론 코딩을 여러 번 해보긴 했지만,완전히 내 힘으로 진행하는 창작 프로젝트는 처음이라헤매는 부분도 많고 생각보다 손도 많이 간다. 기능은 주간 스프린트로 하나씩 구현하고 있는데,지난 주는 정말... 미치도록 안 되던 문제가 하나 있었다. useEffect가 안 먹힌다! index는 바뀌는데 왜 반응이 없는거야🤯 문제 번호엔 quizIndex가 바뀔 때마다카드를 자동으로 다시 앞면으로 돌리는 기능을 구현하고 있었다. 그래서 아래처럼 useEffect를 사용했다.useEffect(() => { setFlipped(false);..

1. 컴포넌트 컴포넌트는 리액트의 필요 핵심 요소다. 사용자 인터페이스(UI)를 기반하는 블록이라고 생각하면 편리하다. Minda Markup represets Table of contents Your markup 본래의 vanilla JS는 이런 식의 마크업을 통해 JS는 사이드바, 아바타, 모달 등을 구현할 수 있었다. 마크업 규칙을 정의한 언어로, 태그로 둘러 싸여 있는 언어들을 일컬음. HTML 역시 마크업 언어의 한 종류 반면 리액트는 마크업, CSS, JS를 모두 커스텀하여 재사용 가능한 UI 요소인 컴포넌트를 사용할 수 있다. 내부적으로는 여전히 , 과 같은 HTML 태그를 사용한다. vanilla JS의 경우 개발자는 JavaScript를 덧입혀 상호작용을 추가했으나 React는 컴포넌트는..