React 인터뷰 챌린지 #2: ToDo 구성 요소 만들기
2630 단어 webdevjavascriptdesignreact
이 예제 챌린지는 프런트엔드 엔지니어 직책에 지원하는 경우 예상할 수 있는 것입니다.
할 일 구성 요소를 만들고 기능 요구 사항 목록을 제공해야 합니다. 이 작업을 직접 수행하고 막히면 내 예제 데모 및 코드를 참조하십시오. 포스트 하단에 링크. 실제 인터뷰 상황을 시뮬레이션하려면 타이머를 45분으로 설정하고 진행하면서 사고 과정을 소리내어 설명하는 연습을 하세요.
지침
구성 요소에 사용할 아이콘은 다음과 같습니다.
확인 표시 아이콘:
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" fill="currentColor">
<path d="M0 256C0 114.6 114.6 0 256 0C397.4 0 512 114.6 512 256C512 397.4 397.4 512 256 512C114.6 512 0 397.4 0 256zM371.8 211.8C382.7 200.9 382.7 183.1 371.8 172.2C360.9 161.3 343.1 161.3 332.2 172.2L224 280.4L179.8 236.2C168.9 225.3 151.1 225.3 140.2 236.2C129.3 247.1 129.3 264.9 140.2 275.8L204.2 339.8C215.1 350.7 232.9 350.7 243.8 339.8L371.8 211.8z" />
</svg>
선택되지 않은 아이콘:
<svg fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
<path d="M512 256C512 397.4 397.4 512 256 512C114.6 512 0 397.4 0 256C0 114.6 114.6 0 256 0C397.4 0 512 114.6 512 256zM256 48C141.1 48 48 141.1 48 256C48 370.9 141.1 464 256 464C370.9 464 464 370.9 464 256C464 141.1 370.9 48 256 48z" />
</svg>
휴지통 아이콘:
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" fill="currentColor">
<path d="M135.2 17.69C140.6 6.848 151.7 0 163.8 0H284.2C296.3 0 307.4 6.848 312.8 17.69L320 32H416C433.7 32 448 46.33 448 64C448 81.67 433.7 96 416 96H32C14.33 96 0 81.67 0 64C0 46.33 14.33 32 32 32H128L135.2 17.69zM394.8 466.1C393.2 492.3 372.3 512 346.9 512H101.1C75.75 512 54.77 492.3 53.19 466.1L31.1 128H416L394.8 466.1z" />
</svg>
Live Demo
Code
Reference
이 문제에 관하여(React 인터뷰 챌린지 #2: ToDo 구성 요소 만들기), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://dev.to/andrewheinke/react-interview-challenge-2-create-a-todo-component-1bhi텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)