Social Welfare Thorn News, 福智衍, 복지비틀기

사회복지사는 AI로 무엇을 할 수 있는 것일까요?
이와 관련된 고민들을과 대안을 나누고자 합니다.

그리고 이를 위한 사이트를 별도로 만들어봐았습니다.

https://bit.ly/ai4worker

위 공간과 함께 운영할 생각입니다.

기존의 가계도 그리기 웹앱에서 저장 기능을 추가하였습니다.

- 본인이 그린 가계도의 목록을 선택해 불러올 수 있습니다.

- 마찬가지로 삭제도 가능합니다.

- 특정 인물을 클릭하고 그것만 삭제하는 것도 가능합니다.

그리고 보다 다양한 가족관계를 구현 가능하게 만들었습니다.

- 이혼, 별거 등 결혼관계 추가

- 입양자녀 표기 추가

- 반려동물 입력 추가

또한 이미지로 저장하는 방식도 다양화했습니다.

- JPG 저장: 배경이 흰색 이미지로 저장됩니다.

- PNG 저장: 배경이 투명한 이미지로 저장됩니다.

다만, 아직 쌍둥이는 제대로 구현하지 못하고 있습니다.

추후 개발 목표로 삼아야 할 것 같습니다. (현재 새버전에서 구현 됩니다.)

이번에도 Google AI Studio를 활용해 만들었습니다.

아래 링크에서 확인해보세요.

새버전을 만들었습니다.

현재 버전은 2.8입니다. 아래 링크를 이용하세요.

https://script.google.com/macros/s/AKfycbzMIUaXE6PrIjvNi1Yc30nLcm8sABUmpCv_7VQ1OMuqqzYTCY6mAw9AFiMS7l43ivM/exec

단, 처음 사용시에는 권한설정을 해주셔야만 합니다.

2025.06.18 - [[楞嚴] 생각 나누기/[情] 사회복지정보화] - 생태도 그리기 웹앱 v2.1

권한설정방법은 위 링크를 참조하세요.

한편 이런 앱 개발은 바이브 코딩이라는 방식을 통해서 만들고 있습니다.

활용한 프롬프트를 공유해드리니 개발 시도하실 분은 아래 프롬프트를 참고해서, 확장해나가시는 것도 방법이 되지 않을까 합니다.

https://docs.google.com/document/d/1ISf41EzknqR3eUwoUUxPVjJGgPvL8KuOhDmCKWU3pv4/edit?usp=sharing

최초 버전에서는 불가능했던 생태도 저장 문제를 해결했습니다.

그외 자잘한 편의가 추가되었구요~

이번엔 claude가 아니라 Google AI Studio를 활용했습니다.

https://aistudio.google.com/ 

주어지는 토큰이 훨씬 많아, 개발 오류를 해결하는데 훨씬 도움이 되었습니다.

주요변화라면,

1. 저장이 가능합니다. 따라서 불러오기도 됩니다.

    이 기능이 필요했던 건, Apps Script를 잘 모르시는 분들이 사본만들기 하시는 번거로운 과정을 생략할 수 있기 때문입니다.

    단, 구글 계정에 로그인해 있어야 합니다. 최소한의 장치입니다.

2. 이미 그린 생태도의 관계를 선택한 후 delete 키로 삭제가 가능합니다.

    처음부터 다시 그려야하는 번거로움이 줄었습니다.

3. 관계에 있어 갈등관계를 표현하는 선의 모양이 바뀌었습니다.

    화살표 모양의 처리도 조금 달라졌습니다. 사용하는 코드의 소스가 다릅니다.

4. 만들어진 생태도를 jpg로도 png로도 저장할 수 있습니다.

    jpg 이미지는 배경이 흰색입니다. 하지만 png는 배경이 투명입니다.

    용도에 따라 맞게 다운로드하시면 됩니다.

update. 2025. 6. 23.-----------------------------------------------------------------------

갈등관계를 나타내는 선을 물결모양에서 뽀족한 모양으로 변경했습니다.

--------------------------------------------------------------------------------------------------

https://script.google.com/macros/s/AKfycbz3MgR2ggZJoMK0UGnMM8eOogbhixguaUYn44Fy4_t2lf4TW-flzclh797Fw3BUha8/exec

참고로 처음 사용시, 사용자의 구글 계정 ID를 확인합니다.

권한 허용을 해주셔야만 사용하실 수 있습니다.

혹시나 따라하실 분을 위해 프롬프트도 제공해드립니다.

https://docs.google.com/document/d/1TMp371bQ7G6ZAPuz6ookG8_S7dO5SafINV19tTRpr2w/edit?usp=sharing

https://script.google.com/macros/s/AKfycbw2qqyDIpjIaOHN2qBusKLnbh3McbFXQkvcf_ibxkrPYXx8Lag8zswUV6XF1kLfjPs/exec

클릭하시면 바로 실행해 보실 수 있습니다.

소스 코드를 보시려면 아래 링크를 클릭하세요.

https://script.google.com/d/1vsM92mjCaiN5L-LEbsx13e7BNtVde7shYpnZ9Jq2UVK9UcvFhy-fBj6E/edit?usp=sharing

가계도와 마찬가지로 Claude.ai를 기본으로 했습니다.

이때 사용된 프롬프트는 다음과 같습니다.

AI를 활용해서 가계도를 그리는 웹앱을 개발해보았습니다.

이를 위해 구글 스프레드 시트, 구글 Apps Script가 활용되었습니다.

실행은 아래 링크를 통해 바로 테스트해보실 수 있습니다.

https://script.google.com/macros/s/AKfycbwfQb2KurCoYtD_xJNaVkuQrN9nKoDGE8b-5KBsoSrAmXG2IMWjVT4V6H1M5CnjjLw/exec

단, 개인사용자를 위해 만들었기 때문에 사본만들기를 통해 개인계정에 등록하고 사용해주시면 감사하겠습니다.

사본은 아래 구글 스프레드 시트에서 사본만들기 하시면 됩니다.

https://docs.google.com/spreadsheets/d/1383VpKg63M2MaTRnm5VIP9_AJRWTqX7YBO1Av78sE8A/edit?gid=0#gid=0

이후 스프레드 시트 ID를 사용해 Code.gs를 본인의 것으로 수정해주시면 됩니다.