2. 리플릿, Replit: AI 기반 노코드 웹 애플리케이션 개발 도구 | HR 데이터를 이용한 웹 애플리케이션 구현하기

리플릿(Replit.ai) 분석: AI 기반 노코드 웹 애플리케이션 개발 도구

 Replit(리플릿)은 별도의 프로그램 설치나 복잡한 개발 환경 설정 없이 웹 브라우저만으로 코딩, 컴파일, 배포까지 한 번에 할 수 있는 클라우드 기반 통합 개발 환경(IDE)입니다.

사용자는 언제 어디서든 인터넷에 연결된 기기만 있으면 즉시 프로그래밍을 시작할 수 있습니다.

주요 특징은 다음과 같습니다.

• 제로 셋업(Zero-Setup): 다운로드, 설치, 환경 변수 설정 등 기존의 복잡한 준비 과정 없이 아이디어를 바로 코드로 구현할 수 있습니다.
• 다양한 언어 지원: 파이썬(Python), 자바스크립트(JavaScript) 등 50개 이상의 프로그래밍 언어를 지원하여 다양한 프로젝트에 활용할 수 있습니다.
• AI 통합: 'Replit AI'라는 강력한 인공지능 비서가 내장되어 있어 코드 자동 완성, 자연어 기반 코드 생성, 디버깅, 코드 설명 등 개발의 전 과정을 돕습니다.
• 간편한 배포: 코딩이 완료되면 클릭 몇 번만으로 웹사이트, 애플리케이션, 봇 등을 실제 인터넷 주소로 배포하여 다른 사람들과 공유할 수 있습니다.

1.1. 리플릿 사용 방법

1. 리플릿 사이트 접속

• 웹 브라우저에서 replit.com으로 이동합니다.

 

2. 회원 가입 혹은 로그인

• 구글, 깃허브 계정 또는 이메일을 통해 간편하게 가입하고 로그인합니다.

 

3. 프롬프트 입력 (원하는 요청 입력)

• 구현하고 싶은 웹 페이지 혹은 요청 사항을 입력합니다.

 

4. 코드 생성 및 웹 어플리케이션이 바로 배포 완료

• 프롬프트 요청에 맞게 코드가 작성 및 실행되고,
  웹 프로젝트를 요청한 경우 결과물이 즉시 웹 주소로 배포되어 바로 접속 및 확인이 가능합니다.

1.2. 리플릿 보안 정책

• AI 학습 데이터 정책:
  • 공개 프로젝트 (Public Repls): 무료 플랜에서 생성되는 공개 프로젝트의 코드는 다른 사용자에게 공개되며,
    Replit의 AI 모델 성능 개선을 위한 학습 데이터로 사용될 수 있습니다.
  • 비공개 프로젝트 (Private Repls): 유료 플랜(Core, Teams 등)을 사용하면 프로젝트를 비공개로 설정할 수 있으며,
    이 비공개 프로젝트의 콘텐츠는 Replit의 AI 모델 학습에 절대 사용되지 않습니다. 
    이는 사용자의 지적 재산권과 민감한 코드를 보호하기 위한 핵심적인 정책입니다.

2. HR 데이터를 이용한 대시보드 만들기

[HR Council] 5월 Insight 세션에서 사용하였던 가상의 사원 리스트 데이터를 재사용하여 구현할 대시보드는 다음과 같습니다.

 

① 초과근무 경고 대시보드

② 연령별 직급 현황 대시보드

③ 직무별 연봉 현황 대시보드

④ 직위별 연봉 상위·하위 20% 추출 및 대시보드

⑤ 부서별 주평균근무시간 순위 대시보드

 

2.1. 프롬프트

다음 조건을 모두 충족하는 웹기반 대시보드(Streamlit 기반)를 Python으로 작성해 주세요. 기본 기능은 다음과 같습니다. CSV 혹은 XLSX 파일을 업로드 가능하게 합니다. 업로드 된 파일에는 사번, 이름, 연령, 입사일, 부서, 성별, 직위, 직무, 결혼여부, 총경력연수, 근속연수, 주평균근무시간, 연봉(원), 업적평가, 가치평가 열이 존재합니다. 업로드 된 파일을 이용하여 구현할 대시보드 구성은 다음과 같습니다. 1️⃣ 초과근무 경고 대시보드 주평균근무시간이 50시간 이상인 직원의 비율 표시 해당 직원의 리스트(사번, 이름, 부서, 직위, 주평균근무시간)를 데이터프레임 형태로 출력 2️⃣ 연령별 직급 현황 대시보드 연령대를 구간(20대, 30대, 40대 등)으로 나누고, 각 연령대별로 직위별 직원 수를 막대 차트로 시각화 3️⃣  직무별 연봉 현황 대시보드 직무별 평균 및 중앙값 연봉을 막대그래프나 박스플롯으로 표현 4️⃣ 직위별 상하위 20% 연봉 구분 가능하게 표현 직위별로 연봉 상위 20%와 하위 20% 직원은 데이터프레임에서 각각 색으로 강조하여 표시 직위별 연봉 분포를 박스플롯이나, 바이올린플롯으로 표현 5️⃣ 부서별 주평균근무시간 순위 대시보드 부서별 평균 주평균근무시간을 계산하여 내림차순으로 정리해 데이터프레임으로 제공 부서와 직위를 동시에 선택해서도 평균 주평균근무시간을 필터링하여 볼 수 있도록 옵션 제공

2.2. 답변

• 프롬프트 입력에 맞는 웹 어플리케이션을 만드는 코드를 즉시 작성합니다. (최소 5분 이상 소요 예상)
• 코드 작성이 완료되면, 오른쪽 화면에 'Preview'로 만들어진 대시보드를 즉시 확인할 수 있습니다.

• 이후에는 링크 버튼을 클릭한 후 생성된 웹 주소를 복사하여, 배포된 웹 페이지에 즉시 접속할 수 있습니다.

 

2.3. 실행 결과

• 가상의 사원리스트 파일을 업로드한 후에는 다음과 같이 종합 대시보드를 확인할 수 있습니다.
• 하단의 '대시보드 메뉴'를 통해 원하는 5가지의 대시보드를 종류별로 선택하여 확인할 수 있습니다.

 

 

1️⃣ 초과근무 경고 대시보드

• 주평균근무시간이 50시간 이상인 직원의 비율 표시
• 해당 직원의 리스트(사번, 이름, 부서, 직위, 주평균근무시간)를 데이터프레임 형태로 출력 및 내보내기 가능

 

 

2️⃣연령별 직급 현황 대시보드

• 연령대를 구간(20대, 30대, 40대 등)으로 나누고, 각 연령대별로 직위별 직원 수를 막대 차트로 시각화

 

3️⃣직무별 연봉 현황 대시보드

• 직무별 평균 및 중앙값 연봉을 막대그래프나 박스플롯으로 표현

 

4️⃣ 직위별 상하위 20% 연봉 구분 가능하게 표현

• 직위별로 연봉 상위 20%와 하위 20% 직원은 데이터프레임에서 각각 색으로 강조하여 표시
• 직위별 연봉 분포를 박스플롯이나, 바이올린플롯으로 표현

 

 

5️⃣ 부서별 주평균근무시간 순위 대시보드

• 부서별 평균 주평균근무시간을 계산하여 내림차순으로 정리해 데이터프레임으로 제공
• 부서와 직위를 동시에 선택해서도 평균 주평균근무시간을 필터링하여 볼 수 있도록 옵션 제공