[Thinking] ChatGPT는 FE개발자를 대체할 수 있을까?

오늘의 리뷰

제목 : ChatGPT는 FE개발자를 대체할 수 있을까? (AI로 개발하기)

 

저자 : 유재석(cloto)님

 

플랫폼 : 카카오 엔터테이먼트 FE 기술 블로그

 

URL : https://fe-developers.kakaoent.com/2023/230323-chatgpt-and-fe-developer/

ChatGPT는 FE개발자를 대체할 수 있을까? (AI로 개발하기) | 카카오엔터테인먼트 FE 기술블로그

 

 

 

 

선정 이유

ChatGPT가 개발자를 대체한다는 뉴스 기사들과 실제로 구글 등 대기업에서 개발자를 대거 해고하는 등 현업에서 다양한 변화가 일어나고 있다.

 

현업에 종사하고 계시는 분들은 실제 어떤식으로 생각하는지 궁금하여 읽어보게 되었다.

 

 

 

 

내용

목표 : Front-End 개발자가 하는 일을 GPT을 활용하여 개발해보고 결과가 잘 도출되는지 토이 프로젝트 수행

 

 

 

Front-End 개발자가 하는 일 (GPT에게 시켜볼 일)

- 프로젝트 환경설정

- 요구사항에 맞는 HTML 작성

- 디자인에 맞는 CSS 작성

- 상태를 관리하여 동작 처리 (react state, redux, recoil)

- 서버에서 데이터 불러오기 (axios, react-query)

- 반응형 디자인 대응

 

 

 

1) 프로젝트 환경설정

- 설치해야 할 라이브러리들의 설치 방법을 알려줌

- 마이너한 라이브러리라면 정확하게 알려주기 힘듦

- 버전 정보가 정확하지는 않음 -> GPT 4 및 GPT 4o로 한다면 어느정도 보완될 것

 

 

2) HTML 작성 

2-1) 캐러셀 만들기

- " 이미지를 돌리면 넘어가는 형식 " 으로 만들어 달라고 요청하였을 때 rotate를 사용하는 등 문제가 있음

  -> 명확하게 요청 사항을 제시해야 함

 

2-2) 작품 출력화면 만들기

- 요청사항에 맞게 결과물을 출력해줌

- 일부 의도와 다르게 만들어진 부분에 대해서 추가적인 요청을 하면 알맞게 수정/보완하여 결과물을 도출해줌

 

 

3) 반응형 디자인 대응

- 반응형 웹으로 개발을 요청하였을 때 세부적인 디자인까지는 처리하지 못하더라도 전체적인 레이아웃은 제대로 제공함

 

 

4) API 요청

- TMDB API를 활용하는 코드 요청 시 React-query를 사용하여 실제로 잘 동작하는 코드를 작성해줌 

 

 

5) 기타

- JS 코드를 TS코드로 변환을 요청하거나, CSS를 Tailwind로 변경하는 등의 요청을 잘 해결함

 

 

5시간을 개발하여 실제 구동할 수 있는 간단한 토이 프로젝트를 완성할 수 있음

 

 

 

 

정리

2023년 하반기에 작성된 글이라 프로젝트 환경설정 등에서 최신 GPT 기능을 사용하지 않아서 발생하는 자잘한 문제들이 눈에 보였다.

 

글을 리뷰하는 2024년 6월에는 실제 개발 시 더 완벽한 답변을 제공하는 모습을 보면서 다시금 GPT의 성장 속도에 감탄을 금할 수 없었다.

 

 

FE개발자가 단순히 명세서에 적힌 내용을 구현하는 일을 수행하는 사람이라면 지금 당장이라도 그 자리를 AI가 대체할 가능성은 충분해 보인다.

 

다만 포스트 작성자분께서 본문에 말씀하셨듯이 FE개발자는 더 좋은 제품을 만들기 위해서 기획하고, 다른 팀원들과 협의 및 제안하며, 변화하는 요구사항에 대응해야하는 업무를 수행하기 때문에 그 부분에서 강점을 가질수 있도록 노력하는 것이 중요하다고 생각한다.