이 포털을 관리하는 방법

김우진 · Regaining Trust in AI 연구 포털 · 2026-08-29 개정

먼저 알아두실 것 — 주소가 둘, 폴더는 하나

https://aiforalab.com/p/kimwj2990/    ← 내 연구 공간 주소
https://aiforalab.com/trust-recovery/ ← 기존 주소 (그대로 살아 있음)
     │
    └── 둘 다 같은 곳을 가리킵니다
        /var/www/portals/kimwj2990/site/

한 번만 고치면 두 주소가 함께 바뀝니다. 논문이나 메일에 적어 둔 옛 주소도 그대로 삽니다. (/trust-recovery 는 서버에서 같은 폴더를 가리키도록 연결해 둔 것입니다.)

이제 이렇게 작업하십니다

서버의 site/  ──내려받기──▶  PC에서 수정  ──올리기──▶  두 주소 즉시 반영
     │
    └── 원본은 여기에 있습니다

지금 들어 있는 것

논문: Regaining Trust in AI · 김효영 · 박대근 · 김우진 · 2×2 피험자 간 · N=120
현재 Journal of Behavioral Decision Making 심사 중 (Revise & Resubmit)

모든 페이지 본문 위아래에 ← 이전 · 홈 두 단추가 붙습니다.

기본 작업 순서

1. WinSCP 로 접속해 고칠 파일을 내려받습니다.
2. PC에서 고칩니다. (Claude Code 로 작업하신다면 내려받은 폴더를 작업 폴더로 열면 됩니다)
3. 바뀐 파일만 덮어씌워 올립니다.
4. 브라우저에서 Ctrl + F5 로 새로고침해 확인합니다.

두 주소 모두 자동으로 함께 바뀝니다.

무엇을 어디서 고치나

본문은 평범한 HTML 입니다. 고칠 부분을 브라우저 화면의 문구로 찾아 파일에서 같은 문구를 검색하면 바로 그 자리가 나옵니다.

심사 대응 갱신 — 가장 자주 하실 일

review/index.html 의 「심사의견과 대응」 과 「남은 결정」 이 심사 진행에 따라 계속 바뀝니다.

새 페이지 만들기

site/ 안에 폴더를 만들면 그 순간 두 주소 모두에 생깁니다.

site/study2/index.html   →   https://aiforalab.com/p/kimwj2990/study2/
                             https://aiforalab.com/trust-recovery/study2/

폴더 이름은 영문 소문자·숫자·하이픈을 권합니다 (study2, pilot-2, logs).

가장 쉬운 방법은 기존 페이지를 복사해 쓰는 것입니다. results/index.html 을 내려받아 내용만 바꾸면 디자인이 그대로 따라옵니다. 새 페이지에서 스타일시트를 부르는 줄만 폴더 깊이에 맞춰 주세요.

site/study2/index.html       →  <link rel="stylesheet" href="../style.css">
site/docs/새폴더/index.html   →  <link rel="stylesheet" href="../../style.css">

홈에 카드 추가하기

새 페이지를 만들었으면 홈에서 연결해 주어야 보입니다. index.html 에서 <div class="grid"> 를 찾아, 그 안에 카드 한 장을 더 넣습니다.

<a class="card on" href="study2/">
  <span class="ci">🧪</span>
  <b>두 번째 연구</b>
  <span class="cl">한 줄 소개</span>
  <span class="cq">핵심 질문</span>
  <span class="cm">자세히 →</span>
</a>

바깥 사이트로 나가는 링크라면 「관련 자료」 절의 tile 모양을 쓰면 됩니다.

<a class="tile" href="https://…" target="_blank" rel="noopener">
  <span class="ti">📄</span><b>제목</b><small>한 줄 설명</small>
</a>

연구를 새 묶음으로 나누고 싶으면 <h3 class="gt">두 번째 연구</h3> 를 넣고 그 아래에 새 <div class="grid"> 를 두면 됩니다.

그림 다시 만들기

이 부분은 예전과 똑같습니다. 그림은 원래부터 직접 올리는 방식이었습니다.

1. RStudio (https://middleton.o-r.kr/rstudio/) 에 kimwj2990 으로 접속
2. trust_recovery_figures.R 을 올려 실행
3. 나온 그림을 site/figures/ 에 같은 파일명으로 덮어쓰기

파일명을 그대로 쓰면 본문을 고치지 않아도 그림만 바뀝니다.

겉모습 바꾸기

style.css 한 파일이 모든 페이지의 겉모습을 정합니다. 색은 파일 위쪽의 변수 몇 줄만 바꾸면 전체가 따라 바뀝니다.

프로필 사진 바꾸기

site/team/kimwj2990.jpg 를 새 사진으로 덮어씌워 올리면 됩니다. 정사각형 400×400px 이상을 권합니다.

조심하실 것

문제가 생기면

한눈에