토이프로젝트 (Made by.GPT)

기본적인 JPA CRUD와 AWS EC2, RDS세팅을 마치고,
본격적으로 메인 화면을 구성하려한다.

 

나는 입사후에 홈페이지 개발파트에서 개발을 한적이 있는데, 그때는 주로 디자인적인 요소보다는 JS에서의 동적 함수들과 Ajax통신을 통신 프론트 역할의 서버단의 MVC패턴들을 개발해왔다.

오랜만에, 프론트 개발을 하려고 하니 디자인 css는 기본중의 기본만 간신히 끄적여 본게 끝 밑바닥부터 개발하기란 불가능한 실력이다.
그래서, 요즘 그렇게 개발자를 위협한다는 GPT에게 프론트화면단 개발을 맡기기로 해봤다.

 

결과적으로 매우 놀라운 경험을 했다.....

 

내가 던져준 이미지

 

요청한 텍스트

1) 사진에 대한 간략한 설명을 해줄게 가로가 총 7개인 표 형태의 일정표를 관리하는 화면을 만들거야 가운데 블록에는 오늘을 기준으로 3일전부터 3일후까지의 날짜가 쓰여있어 그리고 날짜 옆에 (+)기호의 버튼이 있어 각 날짜의 아래에는 그 날의 일정을 관리하는 블록들과 그 블록 바로 오른쪽에는 완료표시를 할 수 있는 체크박스가 있어

2) 여기서 추가적으로 수정해야될 부분이 있는데 각 날짜 옆에 (+)로 표시된 부분을 클릭할 수 있는 버튼으로 만들어줘

3) 여기서 추가적으로 요청할게 있어 내가 쓴 7/5, 7/6 같은 문자들은 사실 날짜거든? 가운데에는 오늘의 날짜를 넣고 3일전, 2일전, 1일전, 오늘, 1일후, 2일후, 3일후 의 형식으로 화면을 만들고 싶어 이때, 동적으로 해당 날짜들을 계산해서 넣어주는 코드를 추가해서 코드를 짜줘

4) (+) 버튼을 누르면 입력할수있는 텍스트박스가 생기고 그 아래에는 등록 / 취소 버튼이 각각 나오는 팝업창이 필요해 추가적으로, 방문객, 동행자 같은 위치의 요소들을 클릭했을 때도 텍스트박스가 생기고 그 아래에는 삭제/수정/취소 버튼이 각각 나오는 팝업창이 필요해
그리고 체크박스를 눌렀을 땐 팝업창이 안나왔으면 좋겠어

 

이런식으로 약간의 커뮤니케이션을 해봤는데,,,,

결과적으로 가지고 온 화면

 

접속 URL : http://3.35.250.18:8080/

 

아따 마 신기한것,,,, ㅋㅋㅋㅋ
이제 어느정도의 토이프로젝트 기본 골격의 프론트 코드는 진짜 인공지능에게 말하면 몇 초만에 나오는 세상이 됐구나
전문적인 디자인 툴을 사용한다고 가정하면 그 화면을 보내서 만들어달라고 하면 뚝딱 만들어줄 것 같은 느낌이 든다.

 

느낀점!!

해당 분야의 어느정도 적당한 지식의 수준을 가지고 요구사항을 정확하게 요청하면 꽤나 만족할만 한 결과물을 얻을 수 있다는 것을 느꼈다.
전반적으로 엄청나게 깊은 지식이 아니더라도 적당한 배경지식을 가지고 진두지휘하며 요청사항을 잘 작성하는 능력이 추후에 중요할 것으로 생각된다!
즉, 어떻게 활용하냐에 따라서 정말 생산성의 차이가 많이 날듯

 

여기까지 화면 구성은 몇 마디 건넨것 뿐,,,
내가 한것은 없지만 ㅋㅋ 추가적으로!

1) 할일 추가 / 수정 / 삭제 기능을 Ajax 비동기 방식을 통해 서버 컨트롤러 단으로 요청해서 처리할 것이다. (JS 함수 구현 )
2) 메인 화면단에서 전체 Todo에 대한 화면을 구성해야하고
3) 할일이 Done처리 되지 않은 것들은 익일로 넘기는 기능을 서버에서 만들어볼 예정이다.

 

이상 신기했던 GPT의 개발현장 후기 끝!