그래서 코딩을 얼마나 할 줄 아는데?
개발 비전공자의 ERP시스템 제작기
"에이~ 코딩할 줄도 모르는데 챗GPT로 어떻게 ERP솔루션을 만들어!"라고 하실지 모릅니다.
네, 먼저 밝힙니다.
프론트엔드¹(유저화면) 디자인 코딩은 할 줄 아는 수준이며 javascript², python³등 눈으로 볼 줄은 아는 수준입니다. 디자이너로 경력을 시작해 서비스기획자라는 직군으로 오기까지 다양한 프로젝트를 거치면서 개발자와 소통을 하고 끈덕지게 물어보며 가르침을 받은 결과 전공은 하지 않았지만 눈으로는 '대충' 볼 줄 아는 단계가 되어버렸습니다. 응당, 기획자라면 DB연결구조와 백엔드 api 호출구조에 대해서는 알아야만 하구요.
또한 백엔드⁴, DB⁵는 앞선 글에서 밝혔듯 비슷한 수준인 친구가 담당했습니다. 물론 이 친구도 GPT를 통해 이번 프로젝트로 인해 실력이 꽤나 상승했습니다.
무엇보다, 먼저 결과물을 공유합니다.
고객정보, 프로젝트 정보 등이 나열된 관리자 화면
프로젝트 상세화면앞서 첨부드린 스크린샷은 사무실 직원이 하는 전화상담 그리고 홈페이지를 통해 인입되는 고객의 정보를 입력하고 고객의 정보가 저장되는 공간입니다. 흔히 CRM⁶이라고 하죠.
계속해서 화면을 통해 설명하다 보면 끝이 없어 대략적인 기능을 아래와 같이 정리해 보았습니다.
기능목록
- 관리자 로그인
- 고객 정보 입력 저장
- 제품 정보 입력 저장
- 디자인된 시리얼 카드 생성
- 발주서 엑셀 추출
- 고객 명세서
- 고객 정품 인증 화면
- 고객 레퍼럴 참여
제대로 된 관리자 화면 리뷰는 시리즈에서 계속 보여주도록 하고, 먼저 GPT에게 어떻게 물어봤는지 보여드리겠습니다.
대략적인 웹의 구조를 알아야 위와 같은 질문이 가능하다.보시다시피, 완전히 모르진 않습니다. 하지만 직접 코딩을 하나하나 코딩을 하기에는 시간도 오래 걸리고 헤매는 경우가 많습니다. 이 시간을 줄이고 기획에 집중하고자 했습니다. 이 시점에서 다시 한번 빠르게 몇 시간동안 인터넷 강의를 통해 웹전반의 개발 지식을 습득했고 그제야 구조를 어떻게 그려야 할지 머릿속에 떠오릅니다.
아무튼, 그래서 위와 같이 웹 전반의 구조에 대해 알고 질문을 해야 결과물이 나옵니다.
¹프론트엔드(Front-end)는 웹 개발에서 사용자가 직접 상호작용하는 웹 사이트의 클라이언트 측 부분을 말합니다. 이는 사용자가 보고, 사용할 수 있는 웹 페이지의 시각적인 부분과 인터페이스를 포함합니다. 프론트엔드 개발자는 HTML, CSS, JavaScript 같은 기술을 사용하여 웹 사이트의 레이아웃, 디자인, 그리고 동작을 구현합니다.
²JavaScript는 웹 페이지를 동적이고 상호작용적으로 만들어주는 프로그래밍 언어입니다. 예를 들어, 웹 사이트에서 버튼을 클릭할 때 메뉴가 펼쳐지거나, 슬라이드 쇼가 자동으로 넘어가거나, 사용자가 입력한 정보를 확인하는 등의 작업을 JavaScript로 구현할 수 있어요. 원래는 웹 브라우저 안에서만 동작하는 언어였지만, 이제는 웹 서버나 모바일 앱 개발 등 다양한 곳에서 사용되고 있습니다.
³Python은 프로그래밍 언어입니다. 우리가 일상에서 사용하는 언어로 컴퓨터에게 지시를 내리는 것과 비슷한데, 파이썬은 이를 위한 간단하고 읽기 쉬운 방법을 제공합니다. 마치 영어 문장을 쓰는 것처럼, 파이썬 코드를 작성할 때도 매우 자연스럽게 지시를 내릴 수 있습니다. 파이썬은 매우 다재다능하여 다양한 분야에서 사용됩니다. 예를 들어, 웹 사이트를 만드는 것부터 과학 연구, 데이터 분석, 인공 지능 개발에 이르기까지 광범위한 작업을 수행할 수 있습니다. 그 이유는 파이썬이 사용하기 쉽고, 필요한 도구나 '라이브러리'라고 하는 미리 만들어진 코드들이 많기 때문입니다. 라이브러리를 사용하면 복잡한 작업도 몇 줄의 코드로 해결할 수 있습니다.
⁴백엔드(Back-end)는 웹사이트나 애플리케이션이 작동하는 데 필요한 서버, 데이터베이스, 애플리케이션과 같은 부분을 말합니다. 사용자가 볼 수 없는 웹사이트의 '뒷면'이라고 생각하면 쉬울 것 같습니다. 예를 들어, 온라인 쇼핑몰에서 상품을 구매할 때, 사용자는 웹사이트의 프론트엔드(즉, 사용자가 보고 상호작용하는 인터페이스)를 통해 상품을 선택하고 주문합니다. 그러나 주문이 처리되고, 결제 정보가 안전하게 처리되며, 상품이 배송될 주소로 전송되는 모든 과정은 백엔드에서 이루어집니다.
⁵DB는 "데이터베이스(Database)"의 약자입니다. 데이터베이스를 간단하게 설명하자면, 다양한 데이터를 체계적으로 모아서 저장해 두는 전자적인 저장소라고 할 수 있습니다. 마치 도서관에서 책들이 주제별, 저자별로 정리되어 있는 것과 비슷한 방식으로, 데이터베이스는 정보를 효율적으로 저장하고, 필요할 때 쉽게 찾아서 사용할 수 있도록 도와줍니다.
⁶CRM은 "Customer Relationship Management"의 약자로, 고객 관계 관리를 의미합니다. 이는 기업이 고객의 데이터를 수집, 분석하고 관리하여 고객과의 관계를 개선하고, 고객 만족도를 높이며, 고객 충성도를 강화하기 위한 전략적 접근방식이나 기술을 말합니다.
