[14팀 황태영][Chapter 1-2] 프레임워크 없이 SPA 만들기 기본과제 완료 #367
hty0525Annotations
10 errors and 4 warnings
|
src/__tests__/chapter1-1/advanced.test.js > 심화과제 테스트 > 3. 에러 바운더리 구현 > 로그인을 하다가 오류가 발생하면, 에러 바운더리에서 에러를 표시한다.:
src/__tests__/chapter1-1/advanced.test.js#L89
AssertionError: expected '<div id="root"><div class="bg-gray-10…' to contain '오류 발생!'
Expected: "오류 발생!"
Received: "<div id="root"><div class="bg-gray-100 h-screen flex justify-center items-center"><div class="bg-white p-8 rounded-lg shadow-md w-full text-center max-w-[480px]"><h1 class="text-2xl font-bold text-center text-blue-600 mb-8">로그인</h1><form id="login-form"><div key="username" class="mb-4"><label class="block text-gray-700 text-sm font-bold mb-2" htmlfor="username">사용자 이름</label><input class="w-full p-2 border rounded" id="username"></div><div key="password" class="mb-6"><label class="block text-gray-700 text-sm font-bold mb-2" htmlfor="password">비밀번호</label><input class="w-full p-2 border rounded" id="password"></div><button class="w-full bg-blue-600 text-white p-2 rounded font-bold">로그인</button></form><div class="mt-4 text-center"><a class="text-blue-600 text-sm">비밀번호를 잊으셨나요?</a></div><hr class="my-6"><div class="text-center"><button class="bg-green-500 text-white px-4 py-2 rounded font-bold">새 계정 만들기</button></div></div></div></div>"
❯ src/__tests__/chapter1-1/advanced.test.js:89:39
|
|
src/__tests__/chapter1-2/advanced.test.jsx > Chapter1-2 > 심화과제 > Virtual DOM과 이벤트 관리 > renderElement > > diff 알고리즘을 통해 변경된 부분만 업데이트해야 한다:
src/lib/renderElement.js#L67
TypeError: Cannot read properties of undefined (reading 'removeAttribute')
❯ src/lib/renderElement.js:67:26
❯ updateAttributes src/lib/renderElement.js:54:28
❯ updateElement src/lib/renderElement.js:133:3
❯ Module.renderElement src/lib/renderElement.js:168:8
❯ src/__tests__/chapter1-2/advanced.test.jsx:32:7
|
|
src/__tests__/chapter1-2/advanced.test.jsx > Chapter1-2 > 심화과제 > Virtual DOM과 이벤트 관리 > renderElement > > 새로운 요소를 추가하고 불필요한 요소를 제거해야 한다:
src/lib/renderElement.js#L130
TypeError: Failed to execute 'replaceChild' on 'Node': parameter 2 is not of type 'Node'.
❯ Object.exports.convert node_modules/jsdom/lib/jsdom/living/generated/Node.js:25:9
❯ HTMLDivElement.replaceChild node_modules/jsdom/lib/jsdom/living/generated/Node.js:438:26
❯ updateElement src/lib/renderElement.js:130:22
❯ Module.renderElement src/lib/renderElement.js:168:8
❯ src/__tests__/chapter1-2/advanced.test.jsx:61:7
|
|
src/__tests__/chapter1-2/advanced.test.jsx > Chapter1-2 > 심화과제 > Virtual DOM과 이벤트 관리 > renderElement > > 요소의 속성만 변경되었을 때 요소를 재사용해야 한다:
src/lib/renderElement.js#L73
TypeError: Cannot read properties of undefined (reading 'setAttribute')
❯ src/lib/renderElement.js:73:24
❯ updateAttributes src/lib/renderElement.js:54:28
❯ updateElement src/lib/renderElement.js:133:3
❯ Module.renderElement src/lib/renderElement.js:168:8
❯ src/__tests__/chapter1-2/advanced.test.jsx:87:7
|
|
src/__tests__/chapter1-2/advanced.test.jsx > Chapter1-2 > 심화과제 > Virtual DOM과 이벤트 관리 > renderElement > > 요소의 타입이 변경되었을 때 새로운 요소를 생성해야 한다:
src/lib/renderElement.js#L67
TypeError: Cannot read properties of undefined (reading 'removeAttribute')
❯ src/lib/renderElement.js:67:26
❯ updateAttributes src/lib/renderElement.js:54:28
❯ updateElement src/lib/renderElement.js:133:3
❯ Module.renderElement src/lib/renderElement.js:168:8
❯ src/__tests__/chapter1-2/advanced.test.jsx:106:7
|
|
src/__tests__/chapter1-2/advanced.test.jsx > Chapter1-2 > 심화과제 > Virtual DOM과 이벤트 관리 > renderElement > > 함수형 컴포넌트가 업데이트될 때 필요한 부분만 렌더링해야 한다:
src/lib/renderElement.js#L67
TypeError: Cannot read properties of undefined (reading 'removeAttribute')
❯ src/lib/renderElement.js:67:26
❯ updateAttributes src/lib/renderElement.js:54:28
❯ updateElement src/lib/renderElement.js:133:3
❯ Module.renderElement src/lib/renderElement.js:168:8
❯ src/__tests__/chapter1-2/advanced.test.jsx:127:7
|
|
src/__tests__/chapter1-2/advanced.test.jsx > Chapter1-2 > 심화과제 > Virtual DOM과 이벤트 관리 > renderElement > > 중첩된 함수형 컴포넌트에서 깊은 레벨의 변경사항만 업데이트해야 한다:
src/lib/renderElement.js#L67
TypeError: Cannot read properties of undefined (reading 'removeAttribute')
❯ src/lib/renderElement.js:67:26
❯ updateAttributes src/lib/renderElement.js:54:28
❯ updateElement src/lib/renderElement.js:133:3
❯ Module.renderElement src/lib/renderElement.js:168:8
❯ src/__tests__/chapter1-2/advanced.test.jsx:150:7
|
|
src/__tests__/chapter1-2/advanced.test.jsx > Chapter1-2 > 심화과제 > Virtual DOM과 이벤트 관리 > 이벤트 관리 > > 이벤트가 위임 방식으로 등록되어야 한다:
src/lib/renderElement.js#L67
TypeError: Cannot read properties of undefined (reading 'removeAttribute')
❯ src/lib/renderElement.js:67:26
❯ updateAttributes src/lib/renderElement.js:54:28
❯ updateElement src/lib/renderElement.js:133:3
❯ Module.renderElement src/lib/renderElement.js:168:8
❯ src/__tests__/chapter1-2/advanced.test.jsx:174:7
|
|
src/__tests__/chapter1-2/advanced.test.jsx > Chapter1-2 > 심화과제 > Virtual DOM과 이벤트 관리 > 이벤트 관리 > > 동적으로 추가된 요소에도 이벤트가 정상적으로 작동해야 한다:
src/lib/renderElement.js#L67
TypeError: Cannot read properties of undefined (reading 'removeAttribute')
❯ src/lib/renderElement.js:67:26
❯ updateAttributes src/lib/renderElement.js:54:28
❯ updateElement src/lib/renderElement.js:133:3
❯ Module.renderElement src/lib/renderElement.js:168:8
❯ src/__tests__/chapter1-2/advanced.test.jsx:189:7
|
|
src/__tests__/chapter1-2/advanced.test.jsx > Chapter1-2 > 심화과제 > Virtual DOM과 이벤트 관리 > 이벤트 관리 > > 이벤트 핸들러가 제거되면 더 이상 호출되지 않아야 한다:
src/lib/renderElement.js#L67
TypeError: Cannot read properties of undefined (reading 'removeAttribute')
❯ src/lib/renderElement.js:67:26
❯ updateAttributes src/lib/renderElement.js:54:28
❯ updateElement src/lib/renderElement.js:133:3
❯ Module.renderElement src/lib/renderElement.js:168:8
❯ src/__tests__/chapter1-2/advanced.test.jsx:212:7
|
|
advacned
The following actions uses node12 which is deprecated and will be forced to run on node16: actions/checkout@v2. For more info: https://github.blog/changelog/2023-06-13-github-actions-all-actions-will-run-on-node16-instead-of-node12-by-default/
|
|
advacned
The following actions use a deprecated Node.js version and will be forced to run on node20: actions/checkout@v2. For more info: https://github.blog/changelog/2024-03-07-github-actions-all-actions-will-run-on-node20-instead-of-node16-by-default/
|
|
basic
The following actions uses node12 which is deprecated and will be forced to run on node16: actions/checkout@v2. For more info: https://github.blog/changelog/2023-06-13-github-actions-all-actions-will-run-on-node16-instead-of-node12-by-default/
|
|
basic
The following actions use a deprecated Node.js version and will be forced to run on node20: actions/checkout@v2. For more info: https://github.blog/changelog/2024-03-07-github-actions-all-actions-will-run-on-node20-instead-of-node16-by-default/
|