📘 위키 이용 예시

프론트엔드 개발 중 발생한 문제를 위키를 통해 해결하는 예시입니다.
각 단계에 따라 이미지와 함께 설명을 제공합니다.

---

1️⃣ 문제 상황 확인

🧩 게시글 작성 입력창 활성화 시, 키보드가 올라오면서 컴포넌트들이 위로 밀려 보이지 않는 문제 발생

📸 이미지 예시:

---

2️⃣ 🔍 위키에서 관련 내용 검색

📚 위키 메인 페이지에서 문제와 관련된 키워드를 입력해 관련 문서를 찾습니다.

📸 이미지 예시:

---

3️⃣ 📄 관련 파일 목록 확인

🗂️ 검색한 문서에서 문제 해결에 필요한 관련 파일 목록을 확인할 수 있습니다.
각 파일에는 바로가기 링크가 걸려 있어 편리하게 접근 가능합니다.

📸 이미지 예시:

🧭 예시 링크:

• Post-활동시간
• Post-활동제목

---

4️⃣ 🧭 파일 링크를 통해 코드로 이동

🔗 관련 파일 링크를 클릭하면, GitHub의 해당 파일 위치로 바로 이동할 수 있습니다.

📸 이미지 예시:

---

5️⃣ 🛠️ 코드 확인 및 수정

👨‍💻 코드를 직접 확인한 후, 문제가 되는 부분을 수정합니다.

📸 이미지 예시:

---

✅ 이렇게 위키를 활용하면 문제 → 검색 → 관련 문서 및 파일 탐색 → 수정의 전체 흐름을 빠르게 진행할 수 있습니다.
문서와 코드가 잘 연결되어 있어 협업 및 유지보수에 큰 도움이 됩니다! 💪