호스팅 프로젝트: 직원 목록과 모든 프로젝트의 피드백

/projects에 접근하려면 실제 로그인된 aiKit 계정이 필요합니다(/start/classic에서 사용하는 것과 같은 계정 시스템). 계정이 없는 사용자는 먼저 로그인 화면으로 이동합니다. 로그인한 사용자가 실제로 볼 수 있는 프로젝트는 각 프로젝트의 멤버 자격에 따라 추가로 필터링됩니다. 이 페이지는 클라이언트 업무를 진행하는 aiKit 직원을 위해 만들어졌으며, 클라이언트 본인을 위한 것이 아닙니다. 클라이언트가 자신의 프로젝트를 보는 화면은 별도의 가이드에서 다루는 비밀번호 보호 Client Hub와 라이브 사이트의 일반 피드백 위젯입니다.

이 목록은 aiKit 레이아웃 안에서 열립니다. 사이드바(홈, 도구 라이브러리, 내 킷, 프로젝트, 클라이언트), 탐색 경로와 검색이 있는 상단 바, 그리고 도구를 고정하면 하단에 나타나는 독이 있습니다. 사이드바의 프로젝트는 이 목록과 그 아래의 모든 프로젝트 페이지에서 계속 강조 표시됩니다. 상단 바의 달 또는 해 버튼은 밝은 모드와 어두운 모드를 전환합니다. 이는 모든 aiKit 페이지 머리글에 있는 사이트 전체 공통 설정이며, 해당 브라우저에 저장되고 페이지가 그려지기 전에 적용되므로 새로고침할 때 다른 화면이 잠깐 보이지 않습니다. 설정하지 않으면 aiKit은 기기 설정을 따릅니다.

aiKit 팀이 연결한 실제 호스팅 클라이언트 사이트나 앱은 모두 여기에 표시되며, 프로젝트마다 한 행(또는 타일)으로 나옵니다. 확인하려면 각 프로젝트를 열어야 했을 정보도 함께 볼 수 있습니다. 지금 누구의 차례인지, 라이브 홈페이지의 실제 스크린샷, 사이트가 현재 있는 위치, 기다리는 피드백이 얼마나 되는지입니다.

왼쪽 목록에는 볼 수 있는 모든 프로젝트가 항상 표시되며, 클라이언트별로 묶여 있습니다(클라이언트가 없는 프로젝트는 아무것도 사라지지 않도록 "아직 클라이언트 없음" 아래에 있습니다). 하위 프로젝트는 상위 프로젝트 아래에 들여쓰기되어 표시됩니다. 목록이 길면 자동으로 스크롤되며, 맨 위의 상자("프로젝트로 이동…")에 입력하면 입력에 맞게 목록이 좁혀집니다. 프로젝트 이름을 클릭하면 해당 프로젝트가 열립니다. 이름 앞의 색깔 점은 행에 있는 것과 같은 차례 표시입니다(우리 차례, 클라이언트 차례, 모두 완료). 클라이언트 이름을 클릭하면 메인 목록이 그 클라이언트의 프로젝트만 보여 주며, 다시 클릭하면 해제됩니다. 작은 화살표를 누르면 클라이언트의 프로젝트가 접힙니다. 하위 프로젝트가 있는 프로젝트에는 작은 개수 배지가 붙으며, 이를 누르면 메인 목록이 그 프로젝트와 그 아래의 모든 항목만 보여 줍니다.

하단의 종류 항목에는 실제로 사용 중인 모든 종류가 개수와 함께 표시됩니다(웹사이트, 랜딩 페이지, 온라인 스토어, 앱, 관리 시스템, 대시보드, 클라이언트 포털, 블로그/콘텐츠 사이트, 마케팅 자동화, 기타). 단계 항목은 각 프로젝트가 어느 단계에 있는지 보여 줍니다. 제작 중, 제작 완료(공개 전), 아직 공개 안 됨(임시 주소), 공개됨, 제작 실패, 사이트 다운(자동 확인이 연결하지 못함) 중 하나입니다. 공개됨은 사이트가 클라이언트 자신의 도메인에서 응답하고 그 도메인이 aiKit을 가리킨다는 뜻입니다. aiKit의 임시 주소에만 있는 사이트나 도메인이 아직 다른 곳을 가리키는 사이트는 아직 공개 안 됨으로 표시됩니다. 시작 방식은 두 곳 이상에서 가져온 프로젝트가 있을 때 나타나며, 간단한 요청으로 만들었는지, 기존 사이트를 다시 만들었는지, 다른 AI 도구에서 왔는지, 이전되었는지, 복제되었는지, 연결된 코드인지 표시됩니다.

모든 필터는 페이지 주소에 저장되므로 필터가 적용된 보기를 새로고침하거나 공유할 수 있습니다. "N개 중 M개 표시" 막대는 활성화된 각 필터의 이름을 보여 주며, "모두 보기 →"를 누르면 모든 필터가 해제됩니다.

도구 모음의 "고급 필터"를 누르면 목록 위에 서랍이 열립니다. 클라이언트와 프로젝트도 목록 왼쪽과 마찬가지로 드롭다운으로 제공되므로, 클라이언트와 그 프로젝트 중 하나를 함께 선택해 필터링할 수 있습니다(클라이언트를 고르면 프로젝트 목록이 그 클라이언트의 프로젝트로 좁혀지며, 하위 프로젝트가 있는 프로젝트는 하위 프로젝트도 포함됩니다). 그 옆에는 세 가지 날짜 범위가 있으며, 각각 시작일과 종료일이 있습니다. 생성일(프로젝트가 추가된 날짜), 마지막 변경일(AI 또는 사람이 마지막으로 변경 사항을 제공한 날짜), 변경 요청일(클라이언트가 사이트 양식을 통해 마지막으로 피드백이나 요청을 보낸 날짜)입니다. 어느 쪽 끝이든 비워 두면 열린 범위가 됩니다. 활성화된 날짜는 "표시" 막대에 칩으로 나타나고, 버튼에는 활성 범위 개수가 표시되며, "날짜 지우기"를 누르면 날짜가 제거됩니다. 출시일은 아직 추적하지 않으므로 출시 범위는 없습니다.

목록 위에 있는 네 개의 칩은 프로젝트의 현재 상태로 필터링합니다. 각 칩에는 실시간 개수와 색깔 점이 있습니다. 전체, "우리 차례"(클라이언트의 피드백이나 채팅 메시지에 답변하거나 실제 작업이 필요함), "클라이언트 차례"(수정 사항이 배포되었고 클라이언트가 아직 확인하지 않음), "모두 완료"(양쪽 모두 열린 항목이 없음)입니다. 이 상태는 실제 최신 데이터(열린 피드백 항목, 답변되지 않은 채팅 메시지)를 바탕으로 계산되며, 누군가 설정해야 하는 표시가 아니므로 조용히 오래된 상태가 되지 않습니다.

검색 상자는 입력하는 대로 프로젝트 이름, 회사/클라이언트 이름, 클라이언트 이메일, 도메인과 실시간으로 일치하는 항목을 찾습니다. 정렬에는 네 가지 옵션이 있습니다. "주의 필요 항목 먼저"(기본값, 우리 차례인 프로젝트가 클라이언트 차례인 프로젝트보다 위에 오고, 나머지는 최근 활동순), "최근 활동", "이름 가나다순"(A–Z), "최근 생성"입니다. 행/그리드 전환 버튼은 전체 목록의 레이아웃을 바꿉니다. 행 보기는 프로젝트별로 더 많은 세부 정보를 보여 주며, 그리드 보기는 같은 프로젝트를 썸네일 중심으로 더 촘촘하게 보여 줍니다.

검색어, 상태 칩, 분류, 클라이언트, 종류, 도메인 요소 또는 날짜 범위 등 어떤 필터라도 적용되면 목록 위에 "X개 중 Y개 표시" 막대가 나타나며, 활성화된 각 필터(어떤 상태, 어떤 클라이언트, 어떤 분류 등)에 대한 작은 칩이 함께 표시됩니다. "모두 보기 →" 버튼을 누르면 모든 필터가 한 번에 해제되고 전체 목록으로 돌아갑니다. 이 필터들은 모두 페이지 자체 URL에 저장되므로, "이 클라이언트 한 곳에서 우리 차례인 모든 항목"처럼 특정 필터 보기는 매번 다시 선택할 필요 없이 실제로 공유하고 새로고침할 수 있는 링크가 됩니다.

왼쪽의 썸네일은 해당 프로젝트의 실제 라이브 홈페이지를 찍은 진짜 스크린샷입니다(아직 공개 전이라면 “아직 공개되지 않음,” “홈페이지 캡처 중…,” 또는 “사이트에 연결할 수 없음”이라고 표시된 자리표시자가 나옵니다). 하루에 한 번 자동으로 캡처되며, 모서리의 작은 새로고침 버튼으로 언제든 다시 캡처할 수 있습니다. 썸네일(또는 프로젝트 이름)을 클릭하면 해당 프로젝트 페이지가 열립니다.

이름 옆의 상태 표시는 필터 칩과 같은 “우리 차례 / 고객 차례 / 모두 완료” 문구를 반복해서 보여 줍니다. 그 아래에는 고객 또는 회사 이름(클릭하면 목록 전체가 해당 고객으로 필터링됨), 프로젝트 종류, 카테고리/하위 카테고리가 나옵니다. 이들 각각은 단순한 표시가 아니라 클릭 가능한 필터입니다.

도메인 줄에는 라이브 주소(또는 공개 전이라면 “빌드 대기 중,” “기존 사이트 가져오는 중…,” “제작 중…,” 또는 “공개 준비 완료” 같은 진행 상황)가 표시되고, 그 옆에 색상이 있는 호스팅 배지가 나옵니다. 배지 문구는 위의 호스팅 탭 필터와 같은 쉬운 말로 되어 있습니다. 라이브 주소 옆의 작은 복사 아이콘(2026-09-15)을 누르면 프로젝트를 열지 않고도 해당 주소가 클립보드에 복사됩니다. 실제 사이트 URL이 필요할 때는 행 메뉴의 “고객 링크 복사”보다 빠릅니다. 배지 자체는 “이게 무슨 뜻인가요?”라는 링크로, 클릭하면 해당 프로젝트의 호스팅 탭으로 바로 이동합니다. 옆의 “다시 확인” 링크를 누르면 목록을 떠나지 않고 도메인 확인을 다시 실행합니다.

활동 줄에는 마지막으로 작업한 사람과 시간이 표시됩니다(고객, 직원 또는 AI이며 각각 아이콘이 다릅니다). 이는 상태 표시를 계산하는 바로 그 신호입니다.

그 아래의 중요한 숫자들은 단순 표시가 아니라 실제 링크입니다. “우리 작업 필요 N건”과 “고객 검토 대기 N건”은 모두 해당 프로젝트와 상태로 미리 필터된 전체 프로젝트 피드백 페이지를 엽니다. “출시됨 N건”은 해당 프로젝트의 버전 탭을 엽니다. “댓글 N개”는 그 프로젝트의 모든 상태를 보여 주는 전체 프로젝트 피드백 페이지를 엽니다. 각 행에는 “프로젝트 열기 →”, “편집”(편집기 채팅이 이미 열린 상태로 프로젝트를 엽니다), “라이브 사이트 ↗”(피드백 오버레이를 켠 실제 사이트), 그리고 “더보기 ▾” 메뉴가 있습니다. 메뉴에는 요청, 버전, 계획 및 브리프(계획 및 브리프 탭을 엽니다), 질문, 피드백, 그리고 “고객 링크 복사”(고객에게 바로 전달할 수 있는 로그인 없는 링크)가 있습니다. 메뉴는 다른 곳을 클릭하거나 Escape를 누르면 닫힙니다. 하위 프로젝트가 있는 프로젝트는 행에 하위 프로젝트를 링크로 나열하며(“하위 프로젝트 2개: …”), 하위 프로젝트는 자신이 속한 프로젝트를 표시합니다.

각 행의 썸네일 모서리에 체크박스가 있습니다. 두 개 이상 선택하면 목록 아래쪽에 막대가 나타납니다: “사이트 N개 선택됨 · AI에 사이트 N개 요청하기.” 이를 누르면 입력 상자가 하나 있는 대화상자가 열립니다. 디자이너에게 말하듯 변경 내용을 한 번만 설명하고(“푸터에 연휴 영업시간 추가”) 시작을 누르면 됩니다. 실행은 aiKit 자체 서버에서 이루어지므로 탭을 닫아도 됩니다. 실행 전용 페이지로 이동하며(돌아올 수 있는 링크가 있음), 모든 사이트와 진행 상황이 나열됩니다. 각 사이트는 단일 채팅 편집과 똑같이 처리됩니다. 즉, 자신의 파일 검색, 자신의 편집, 되돌릴 수 있는 자신의 버전을 갖고, 비용은 사이트당 AI 편집 1회입니다(대화상자에서 시작 전에 횟수를 알려 줍니다). 라이브 사이트의 변경은 초안으로 저장되므로, 실행 페이지나 사이트의 검토 화면에서 게시하기 전까지 방문자에게는 아무것도 보이지 않습니다. 실행 페이지에 대해서는 고객 가이드의 “여러 사이트에 한 번에 변경 적용”을 참고하세요.

변경 사항이 없거나, 오류가 발생했거나, 토큰이 부족했거나, 이미 다른 요청으로 바빴던 사이트에는 “후속 조치 필요” 표시와 이유, 그리고 해당 사이트 채팅으로 바로 가는 링크가 붙어 아무것도 조용히 건너뛰지 않습니다. “이 사이트 후 중지”를 누르면 현재 사이트는 완료되고 나머지는 “건너뜀”으로 표시됩니다. 실행이 끝나면 목록이 새로 고쳐져 “출시:” 활동 줄과 개수가 새 버전을 반영합니다.

목록 바로 위에 두 버튼이 있습니다. “새 프로젝트”는 프로젝트 만들기 마법사(별도 가이드)를 엽니다. “전체 피드백”은 아직 대기 중인 모든 항목으로 이미 필터된 아래의 전체 프로젝트 피드백 페이지로 바로 이동합니다.

/projects/feedback에는 호스팅 중인 모든 프로젝트에 남겨진 고객 메모와 직원 메모가 모두 모여 있습니다. 프로젝트마다 피드백 탭을 하나씩 열 필요 없이 한 목록에서 필터링할 수 있습니다.

상단의 상태 칩 — 대기 중(기본값: 고객이 아직 확인하지 않은 모든 항목), 진행 중, “수정 완료 — 고객 확인 대기,” 확인됨, 전체 — 각각 실시간 개수가 표시됩니다. 별도의 “보낸 사람” 토글로 전체, 고객, 우리 팀으로 좁힐 수 있고, 고객과 프로젝트 드롭다운으로 더 좁힐 수 있습니다(고객을 고르면 프로젝트 목록도 그 고객의 프로젝트만으로 줄어듭니다). 검색창은 메시지 내용, 페이지, 작성자와 일치하는 항목을 찾고, 정렬에서는 최신순, 오래된순, 프로젝트 이름순(A–Z)을 선택할 수 있습니다.

결과는 프로젝트별로 묶여 있으며, 각 묶음 머리글에는 프로젝트 이름(해당 프로젝트의 피드백 탭으로 가는 링크), 고객/회사 이름, 그룹의 항목 수가 표시됩니다. 그 아래 각 카드에는 상태 표시, 역할 태그(고객 또는 우리 팀, 각자 아이콘 포함), 상대 시간, 메시지 본문, 작성자, 관련 페이지, 진행 중인 토론이 있으면 답글 수, 스크린샷 첨부 여부가 나옵니다. 카드를 클릭하면 해당 프로젝트의 피드백 탭에서 그 항목이 바로 열리고 몇 초 동안 강조 표시되어 어떤 항목으로 이동했는지 분명히 알 수 있습니다. 별도의 “라이브 사이트에서 열기 ↗” 링크는 피드백이 가리키는 실제 라이브 페이지를 엽니다.