사담

내가 웹을 만들게되었다
웹을? 웹에는 크게 관심이 없었던데다가 뭔가,, 웹? 뭔가,, 당연히 있는 거라 몰랐는데
진짜 진짜 진 짜 이렇게 만드는 과정이 복잡하고 어려울줄이야!

근데 암튼 웹을 만들게 되었고 결론부터말하자면
우리 조 넘 잘해서 순위권안에 들었다! 발표도 했음!(물론 조장님이) 삼십사조 최고~ 짱십사조~~⭐👸

---

프로젝트 소개

주제

ChatGPT를 활용한 수어 번역 웹 서비스

진행 절차

• 1단계
  ✅ 수어 번역 AI 모델링

• 3~4일차
  ✅ 서버 세팅(aws, django 사용)
  ✅ chatgpt api 연동

• 5~7일차
  ✅ 웹 데모 구현

---

7차 미프가 저번주부터 시작되었어서 이번주는 웹 페이지 구현부터 시작했다.

웹 서비스 구현

1. 웹 디자인 설계

웹 페이지는 아래와 같이 구성되었다.

• index 페이지(홈화면)
  : 홈 화면으로, 웹 페이지 소개와 각 기능으로 가는 경로 존재

• ChatGPT 페이지(챗봇)
  : chatgpt api를 활용해 챗봇과 대화 가능(입출력 페이지 별도 구성)

• Signlanguagetochatgpt(수어챗봇)
  : 수어 이미지를 넣을 수 있는 챗봇(입출력 페이지 별도 구성)

2. 웹 디자인 구현

• start bootstrap에서 css를 참고하여 웹 디자인 구현
• 각자 역할을 나누어 다른 페이지를 구현
  👉 나는 chatgpt 입력 화면을 구현하였다!

3. 단위 테스트

• 오류 1. css 부분에서 비율 오류 발생
  👉 해결) 배수로 값을 주지 않고 직접 값을 입력해 해결

• 오류 2. 동적 페이지
  👉 원하는 기능) textarea에 한 글자 이상 입력시에 질문 버튼 활성화
  👉 해결) java script를 html에 작성해 해결

이 외에는 오류 없이 성공!

4. 통합 테스트

통합 시 내가 만든 페이지에서 발생했던 오류만 정리하였다.

• 오류 1. 코드 전체 통합 시 네비게이션 부분에서 다른 페이지로 이동되지 않음
  👉 해결)
  네비게이터 코드를 홈 화면의 코드로 합치는 중에 생긴 코드 오류여서 html에서 이를 수정해주어 문제 해결

5. 배포

• aws에서 인스턴스의 호스트 주소 발급
• WinSCP, putty를 활용해 성공적으로 배포!