AI와 함께 홈페이지를 만들어 보니

AI가 홈페이지를 만들어 준 것이 아니라, 함께 만들어 갔다

앞선 글에서 저는 AI 시대를 만나 다시 홈페이지를 만들기 시작한 이유와, 오랫동안 개발을 해 온 제가 AI를 만나면서 무엇이 달라졌는지 이야기했습니다.

이번에는 조금 더 실제적인 이야기를 해 보려고 합니다.

직접 홈페이지를 만들면서 느낀 것은 생각보다 단순했습니다.

처음에는 저도 궁금했습니다.

"정말 AI와 함께 홈페이지를 만들 수 있을까?"

결론부터 이야기하면 가능합니다.

하지만 한 가지 중요한 점이 있습니다.

AI에게 단순히

라고 말한다고 해서 내가 원하는 홈페이지가 완성되는 것은 아니었습니다.

오히려 홈페이지를 만들어 가는 과정은 예전과 크게 다르지 않았습니다.

무엇을 만들 것인지 생각하고,
필요한 기능을 정하고,
화면을 구성하고,
직접 실행해 보고,
문제가 발생하면 수정하는 과정.

다만 그 과정에서 AI라는 새로운 개발 파트너가 생겼습니다.

생각을 코드로 옮기는 속도가 빨라졌다

예전에는 새로운 기능을 만들려면 먼저 관련 자료를 찾고, 문서를 읽고, 예제 코드를 찾아보고, 직접 구현해야 했습니다.

물론 지금도 개발자가 직접 생각하고 판단해야 하는 부분은 그대로입니다.

하지만 AI와 함께 개발하면서 가장 크게 달라진 것은 생각을 실제 코드로 옮기는 속도였습니다.

예를 들어 이런 식입니다.

"홈페이지에 이런 메뉴를 만들고 싶어."

"스마트폰에서도 보기 편하게 만들어 줘."

"이 부분의 글자가 너무 작으니 조금 더 크게 수정해 줘."

"블로그는 검은 배경이 아니라 흰 배경으로 바꾸고 싶어."

이렇게 내가 원하는 것을 설명하면, AI는 그 내용을 바탕으로 HTML과 CSS, JavaScript 코드를 함께 고민해 줍니다.

물론 처음부터 완벽한 결과가 나오는 것은 아닙니다.

하지만 초안을 빠르게 만들고, 직접 실행해 보고, 수정할 부분을 다시 이야기하면서 점점 원하는 모습에 가까워질 수 있습니다.

마치 옆에 개발 경험이 있는 동료가 앉아 있고, 계속 질문하고 의견을 주고받는 느낌이었습니다.

가장 중요한 것은 "무엇을 만들 것인가"였다

AI와 함께 홈페이지를 만들면서 오히려 더 분명하게 느낀 것이 있습니다.

AI는 많은 것을 도와줄 수 있습니다.

HTML 구조를 만들 수도 있고, CSS 디자인을 제안할 수도 있습니다.

오류 메시지를 분석할 수도 있고, 문제가 발생한 코드의 수정 방향을 함께 찾아볼 수도 있습니다.

하지만 AI에게 무엇을 만들어야 하는지 알려주는 것은 결국 사람의 역할입니다.

어떤 홈페이지를 만들 것인지.
누구를 위한 홈페이지인지.
어떤 기능이 필요한지.
화면은 복잡한 것이 좋은지, 단순한 것이 좋은지.

이런 결정은 홈페이지를 만드는 사람이 해야 합니다.

AI와 함께 개발한다고 해서 개발자의 역할이 사라지는 것이 아니라, 오히려 생각하고 판단하는 역할이 더 중요해지는 것 같았습니다.

한 번에 완성하는 것이 아니라 계속 수정해 갔다

이번 홈페이지 역시 처음부터 지금의 모습으로 만들어진 것은 아닙니다.

처음에는 기본적인 화면을 만들고, 필요한 메뉴를 추가했습니다.

그리고 AI Quant 서비스와 연결하고, 블로그도 추가했습니다.

스마트폰에서 화면이 어떻게 보이는지도 확인했습니다.

글자가 너무 작으면 수정하고, 버튼이 불편하면 다시 바꾸고, 디자인이 마음에 들지 않으면 조금씩 개선했습니다.

로컬 PC에서 먼저 테스트하고,

정상적으로 동작하는 것을 확인한 다음,

실제 서버에 적용하고,

다시 스마트폰에서 확인했습니다.

이 과정을 여러 번 반복했습니다.

결국 홈페이지 개발은 AI가 코드를 한 번 만들어 주고 끝나는 작업이 아니었습니다.

AI는 그 과정에서 수정해야 할 코드를 찾고, 새로운 방법을 제안하고, 오류의 원인을 함께 분석하는 역할을 했습니다.

AI가 있어도 직접 테스트는 반드시 필요했다

AI와 함께 개발하면서 한 가지 재미있는 경험도 많이 했습니다.

AI가 제안한 코드를 적용하면 잘 될 것 같았는데 실제로 실행해 보면 예상과 다르게 동작하는 경우도 있었습니다.

반대로 처음에는 문제가 있어 보였지만, 조금만 수정하면 아주 잘 동작하는 경우도 있었습니다.

그래서 결국 중요한 것은 직접 실행해 보는 것이었습니다.

코드를 수정하고,

실행하고,

결과를 확인하고,

문제가 있으면 다시 원인을 찾고,

또 수정하는 과정.

이 부분은 예전의 개발과 크게 다르지 않았습니다.

AI 시대에도 결국 프로그램은 직접 실행해 봐야 하고, 홈페이지는 PC와 스마트폰에서 직접 확인해야 합니다.

AI가 많은 것을 도와주지만,

을 다시 한번 느꼈습니다.

AI와 대화하는 것도 하나의 개발 능력이 되었다

예전에는 컴파일러와 대화하고, 오류 메시지를 읽고, 개발 문서를 찾아보는 시간이 많았습니다.

지금은 여기에 하나가 더 생겼습니다.

처음부터 정확한 질문을 해야만 하는 것은 아닙니다.

오히려 개발하면서 발생하는 상황을 그대로 설명하는 것이 도움이 될 때가 많았습니다.

"이 코드를 실행했더니 이런 오류가 발생했어."

"다른 기능은 정상인데 이것만 이상하게 동작해."

"PC에서는 되는데 스마트폰에서는 문제가 있어."

이렇게 실제 상황을 설명하고, 코드와 오류 내용을 함께 확인하면서 문제를 하나씩 해결해 나갈 수 있었습니다.

그러면서 AI를 잘 활용하는 능력은 단순히 질문을 잘하는 것만이 아니라,

이라는 생각이 들었습니다.

이것 역시 하나의 새로운 개발 능력이 될 수 있겠다는 생각이 들었습니다.

30년 전 개발자와 지금의 개발자는 도구가 다르다

30년 전에도 새로운 프로그램을 만들 때는 여러 가지 도구를 사용했습니다.

컴파일러가 있었고, 개발 환경이 있었고, 라이브러리가 있었습니다.

시간이 지나면서 인터넷이 등장했고, 검색 엔진이 생겼고, 오픈소스를 활용하게 되었습니다.

그리고 이제는 AI가 개발 과정에 들어왔습니다.

개발 방식은 계속 변해 왔습니다.

하지만 변하지 않는 것도 있습니다.

문제를 발견하고,
해결 방법을 생각하고,
직접 만들어 보고,
결과를 확인하는 과정입니다.

AI는 개발자를 대신하는 존재라기보다, 이런 과정을 훨씬 빠르게 만들어 줄 수 있는 새로운 도구이자 협업 파트너가 될 수 있다고 생각합니다.

홈페이지를 만들면서 다시 느낀 "개발의 재미"

사실 이번 홈페이지를 만들면서 가장 좋았던 점은 새로운 기술을 배웠다는 것만은 아닙니다.

예전처럼 직접 아이디어를 생각하고,

코드를 수정하고,

화면이 원하는 모습으로 바뀌고,

문제가 발생하면 원인을 찾아 해결하는 과정.

그 과정에서 다시 개발의 재미를 느끼게 되었습니다.

다만 예전과 다른 점이 있다면, 이제는 혼자 고민하는 시간이 조금 줄었다는 것입니다.

막히는 부분이 있으면 AI와 함께 원인을 생각해 볼 수 있고, 새로운 기능이 필요하면 구현 방법을 빠르게 검토할 수 있습니다.

물론 최종적으로 결정하고 적용하는 것은 제 몫입니다.

하지만 함께 고민할 수 있는 파트너가 있다는 것은 개발 과정에서 생각보다 큰 변화였습니다.

앞으로도 직접 만들어 가려고 한다

현재 홈페이지에는 아직 완성해야 할 부분도 있고, 앞으로 추가하고 싶은 기능도 많이 있습니다.

AI Quant 역시 계속 발전시키고 있습니다.

블로그를 통해서도 홈페이지를 만들면서 경험한 이야기와 AI와 함께 개발하면서 느낀 변화들을 계속 기록해 보려고 합니다.

30년 전에는 혼자 컴퓨터 앞에 앉아 프로그램을 만들었습니다.

그리고 지금은 AI와 대화하면서 홈페이지와 서비스를 만들어 가고 있습니다.

도구는 많이 달라졌습니다.

하지만 새로운 것을 배우고, 직접 만들어 보고, 문제를 해결했을 때 느끼는 즐거움은 예전이나 지금이나 크게 다르지 않은 것 같습니다.

그래서 앞으로도 새로운 기술을 배우고,

직접 만들어 보고,

그 과정에서 경험한 이야기들을 계속 기록해 보려고 합니다.

그리고 이제 막 그 변화를 직접 경험해 보고 있는 중입니다.