재우스 AI 후속 패치 - 완성 및 정리

한동안 소식이 뜸했다. 

 

 

일단, 완성은 끝났다.

 

 

마지막 글 작성일 이후로 올린 깃들을 보면 단순한 CSS 반응형 웹 수정만 있던 것이 아니었다. 우선 클론코딩을 겸하는 AI 메이커 기능을 완성하고나서, 간단한 피드백들을 받아보니 기존 재우스 AI를 고칠 수 있으면 좋겠다는 의견이 다수 있었다.

기존 메이커는 접근성이 워낙 낮아서 웹으로 빠른 접근을 가능하게 했지만 그것으로도 모자른 것이었다. 사용자들은 자신만의 AI를 직접 만드는 것보다, 내가 만든 AI에서 사용자 취향을 가미하는 것이 훨씬 빠르고 쾌적하다는 것이었다. 그러면 해야하는 것은 한가지. 기존 AI를 쪼개서 메이커에 패턴으로 추가하는 기능을 만드는 것이다.

 

하지만 문제가 있었다. 이러한 종류의 후속 조치를 생각하고 기존 재우's AI 패턴 생성 기능을 아래와 같이 쪼개놨었다.

 

행동	조건	상황
string 배열을 seqPt로 한 줄의 패턴 코드를 만듦	string 배열을  conPt로 한 줄의 패턴 코드를 만듦	string 배열을  eventWrapper로 event의 패턴 코드를 만듦. seqWrapper와 conWrapper를 같이 조립하여 하나의 패턴 완성
seqWrapper로 seqPT에서 나온 패턴 코드를 조립	conWrapper로 conPt에서 나온 패턴 코드를 조립	totalWrapper로 eventWrapper를 뭉쳐 하나의 AI를 완성

 

근데 여기서 잘 쪼개놓고 정작 중요한 eventWrapper를 뭉쳐서 변수 선언해둔 문제를 남겨뒀었다. 행동과 조건Pt에서는 배열 값을 만들어두고 필요한 순간에 따로 함수 호출해서 적용했는데, 이벤트레퍼에서는 그러지 않은 것이다. 그래서 외부 코드에서 여태껏 만들어둔 재우스 AI 의 패턴 배열을 가져올 수 없는 문제가 있었다.

그래서 그걸 고치는데 시간을 좀 썼다. 기존 코드에 영향을 주지 않는 선에서 분리시키는 작업은 간단한 로직이라도 꽤나 신경쓸 부분이 많았다. 하지만 문제는 거기서 끝나지 않았으니......

 

그렇게 분리해놨건만, 결국 AI 패턴을 통째로 다시 쪼개는 작업에 들어가야했다. 패턴 배열을 하나하나 불러와서 작업하는 것은 너무 큰 작업이었고, 그냥 하나의 AI 패턴을 가져와서 씌워놨던 껍데기를 치우고 다시 배열로 만드는 것이 더 쉽고 빨랐다.

 

그래도 덕분에 확실하게 재우's AI를 가져와 패턴화시킬 수 있었다. 그 다음으로 자잘한 반응형 웹을 추가하여 겨우 완성했다.

 

완성된 사이트는 아래서 확인할 수 있다.

https://jaewoo-s-ai.vercel.app/

React App

 

 

여기는 깃허브 레포지토리이다.

https://github.com/Nidurolak/jaewoo-sAI

GitHub - Nidurolak/jaewoo-sAI: 재우스 AI를 다운로드하는 사이트 레포지토리