25. 실습 · 나만의 링크 모음

검색을 확인할 때 사용할 입력

아래 입력을 순서대로 넣고 각 결과를 확인합니다. 검색어를 바꿀 때 이전 값을 모두 지웠는지도 봅니다. 실제 목록 이름을 수정했다면 기대 결과도 그 이름에 맞게 바꿉니다.

검색 결과가 비었을 때 새로 항목을 만들기보다 검색어부터 지웁니다. 전체 목록이 돌아오면 자료는 유지된 것입니다. 돌아오지 않으면 검색 표시와 원래 목록을 구분해 확인해 달라고 요청합니다. 자료를 초기화하거나 예시 항목을 다시 덮어쓰는 조치를 먼저 하지 않습니다.

검색어를 입력했을 때는 일부 항목이 보였어.
그런데 검색어를 모두 지워도 전체 목록이 돌아오지 않아.
원래 저장된 자료와 화면에 보여 주는 검색 결과를 구분해서 확인해 줘.
자료를 삭제하거나 예시 목록으로 덮어쓰지 말고, 검색어가 비었을 때 전체 목록을 보여 주는 부분만 고쳐 줘.

수정 뒤 같은 검색어를 넣고 지웁니다. 전체 목록이 돌아오는지와 링크 주소가 유지되는지 봅니다. AI가 ‘검색 수정 완료’라고 말했는지보다 실제로 반복한 결과를 기록합니다.

새 항목을 넣을 때의 확인 묶음

정상 입력 한 번과 실패 입력 몇 가지를 나누어 시험합니다. 실제로 중요한 링크를 넣기 전에 예시 주소를 사용합니다. 이미 목록에 있는 주소를 정상 추가 시험에 쓰면 중복 안내가 나올 수 있으므로 아직 없는 주소인지 먼저 확인합니다.

정상 입력에서는 이름과 주소가 목록에 나타나고 검색할 수 있는지 봅니다. 성공 뒤 입력칸을 비우기로 했다면 실제로 비워졌는지 확인합니다. 검색 중이었다면 검색어가 지워지고 새 항목이 보이는지도 봅니다. 자료는 추가됐지만 검색 조건 때문에 안 보이는 상황을 구분하기 위해서입니다.

실패 입력에서는 이름을 비우거나 주소를 비워 봅니다. 주소에 주소아님을 넣고, 허용하지 않은 방식인 ftp://example.com도 넣어 볼 수 있습니다. 이번 규칙에서는 http와 https만 허용하므로 목록에 추가되지 않고 이유가 보여야 합니다. 실패 뒤 기존 항목과 작성 중인 다른 값이 불필요하게 지워지지 않는지도 확인합니다.

같은 주소를 다시 넣어 중복 안내를 확인합니다. 추가 버튼을 두 번 눌렀을 때 항목이 두 개가 되지 않는지 봅니다. 실제 결과가 규칙과 다르면 어떤 입력에서 몇 개가 늘었는지 적어 전달합니다. 모든 기능을 다시 만들어 달라고 요청하지 않습니다.

추가 기능의 문제를 전달하는 예시

현재 문제는 링크 추가 단계야.
내가 넣은 예시 값: [이름 / 주소 / 분류]
누른 버튼: 링크 추가
기대 결과: [한 항목 추가 또는 이유 안내]
실제 결과: [목록과 입력칸에 보이는 상태]
현재 검색은 [정상 / 확인한 문제] 상태야.
기존 목록과 검색 기능을 유지하면서 이 입력 처리만 확인해 줘.
수정 뒤 내가 다시 넣어 볼 값을 알려 줘.

답변을 받으면 같은 입력으로 다시 확인합니다. 올바른 입력과 실패 입력을 각각 한 번 이상 봅니다. 정상 입력만 확인하고 끝내면 빈칸 처리가 여전히 잘못되어 있을 수 있습니다. 자료가 사라지거나 요청하지 않은 새 기능이 생기면 그 변화도 별도로 알려 줍니다.

긴 글과 글자 표시 확인하기

이름에 평소보다 긴 문장을 넣어 봅니다. 화면 밖으로 나가거나 다른 항목을 덮지 않는지 확인합니다. 길이 제한을 둘지 줄바꿈을 허용할지는 자신의 사용 범위에 맞게 정할 수 있습니다. 제한을 두었다면 왜 추가할 수 없는지 안내가 있어야 합니다.

글자 표시는 문장부호가 들어간 이름으로 확인할 수 있습니다. 예를 들어 책 & 산책 <기록>처럼 입력했을 때 해당 글이 글로 나타나는지 봅니다. 입력을 코드처럼 해석하거나 예상하지 않은 화면을 만들지 않도록 요청한 조건을 확인하는 작은 예입니다. 이 확인 하나가 모든 보안 문제를 검증한 것은 아닙니다.

필요하면 AI에게 사용자가 넣은 글은 실행하지 않고 텍스트로 표시하도록 다시 요청합니다. 수정 뒤 일반 이름과 문장부호가 있는 이름을 모두 확인합니다. 페이지에 코드가 어떻게 들어가는지 모두 읽지 않아도 자신이 넣은 값과 나온 결과는 비교할 수 있습니다.

저장 시험의 환경을 기록하기

저장 시험 전에 현재 주소와 브라우저, 사용하는 프로필을 적습니다. 도구 안의 미리보기인지 인터넷에 공개된 주소인지도 구분합니다. 같은 환경에서 예시 항목을 추가하고 새로고침한 뒤 결과를 봅니다. 다른 브라우저로 이동해서 비어 있는 상태를 곧바로 저장 실패라고 부르지 않습니다.

처음에는 예시 항목 하나만 새로 추가합니다. 이미 있던 예시 목록만 보이면 새 자료가 보관되었는지 판단하기 어렵기 때문입니다. 새로 넣은 이름을 구별되게 정하고, 새로고침 뒤 그 이름을 찾습니다. 다시 열었을 때도 같은 항목이 있는지 확인합니다.

저장 제한 안내가 나오면 현재 화면에서만 유지된다는 점을 기록합니다. 제한을 해결하려고 브라우저 보안 설정을 모두 끄지 않습니다. 가능한 공개 주소에서 다시 시험하고, 그 전에는 중요한 자료를 넣지 않습니다. 확인하지 못한 환경은 미확인으로 남깁니다.

빈 목록의 보관을 확인하는 선택 시험

이 시험은 예시 자료를 내보내 보관한 뒤 진행합니다. 실제로 중요한 목록에서는 처음 시험하지 않습니다. 내보낸 파일이 준비되어 있고 앞에서 불러오기를 확인한 경우에만 목록을 비웁니다.

예시 항목을 모두 삭제하고 빈 목록 안내가 나오는지 봅니다. 새로고침 뒤에도 빈 목록이 유지되는지 확인합니다. 사용자가 비운 상태인데 처음 예시가 다시 채워진다면 초기 자료와 빈 저장값을 구분하는 처리가 필요한 것입니다. 현재 규칙과 실제 결과를 설명해 수정합니다.

시험이 끝나면 보관한 파일을 불러와 예시 항목을 복원합니다. 돌아온 항목 수와 이름을 확인합니다. 이런 선택 시험은 ‘없음’이라는 상태를 프로그램이 어떻게 다루는지 직접 확인하는 방법입니다. 삭제와 복원을 이해하지 못했다면 먼저 관련 설명을 읽고 진행합니다.

내보낸 파일을 불러오기 전 확인하기

파일 이름과 저장 위치를 확인합니다. 같은 이름으로 여러 번 내려받았다면 어느 파일이 최신 목록인지 구분합니다. 파일을 직접 고칠 필요는 없습니다. 처음에는 내보낸 그대로의 파일을 사용합니다.

한 항목을 지우고 불러온 뒤 다시 나타나는지 봅니다. 기존 항목과 중복되지 않는지도 확인합니다. 이번 실습에서는 합치는 규칙을 사용하므로 기존 자료가 전부 없어져서는 안 됩니다. 다른 규칙을 선택했다면 실행 전에 무엇이 바뀌는지 이해해야 합니다.

관계없는 일반 텍스트 파일을 불러왔을 때는 오류 안내와 기존 목록 유지를 확인합니다. 파일 형식이 맞지 않는데 일부 자료만 조용히 추가되는 결과가 나오면 그 상황을 기록합니다. 모든 항목을 검사하고 실패 시 원래 목록을 유지하도록 다시 요청할 수 있습니다.

분류 기능을 더하는 선택 활동

필수 동작이 확인된 뒤 분류별로 목록을 좁히는 기능을 넣을 수 있습니다. 먼저 분류는 ‘학습’, ‘참고’, ‘전체’ 정도로 작게 정합니다. 입력한 항목의 분류와 화면에서 고르는 분류 이름이 일치하는지 확인합니다.

현재 기능을 유지하고 분류별 보기만 추가해 줘.
‘전체’에서는 모든 항목, ‘학습’과 ‘참고’에서는 해당 분류만 보여 줘.
검색어가 있으면 선택한 분류 안에서 이름을 검색해 줘.
항목을 삭제하거나 분류 값을 임의로 바꾸지 마.
현재 조건에 맞는 항목이 없을 때의 안내도 보여 줘.

분류만 고르기, 검색어만 넣기, 둘을 함께 쓰기, 둘 다 해제하기를 각각 확인합니다. 화면이 비어 있으면 어떤 조건이 켜져 있는지 먼저 봅니다. 목록 자체가 없어졌다고 판단하기 전에 검색어와 분류를 해제합니다. 이 활동을 건너뛰어도 기본 링크 모음의 완료 기준에는 영향을 주지 않습니다.