클로드 3.5 대단하네요. 플루터 문법 처음 배우는데 간단한 앱은 뚝딱 만드네요.
안녕하세요. chat-gpt4o를 쓰면서 상당히 쓸만하네 하고 감탄하던중에
claude 3.5가 그렇게 코딩에 최적화 되어 있다고 해서 한번 결재를 했습니다. 20달러던데... 22달러 결재되더군요 ㅠ.ㅠ 크흑..내돈
아무튼 요즘 flutter가 대세라길래 일단 가이드 보면서 설치해보았습니다. 역시나 좀 시간이 걸리더군요. chat-gpt나 claude에도 물어보면서 하긴 했지만 설치하면서 오류는 구굴검색하면서 다른사람들 경험? 담을 보면서 해야 해결이 되는 부분도 있더라구요.
아무튼 설치를 끝내고 예전부터 한번 만들고 싶었던 앱. 실시간 지하철 정보를 조회 하는 앱을 만들었습니다.
최소 조건부터 하나씩 기능을 추가해 나가는 방식을 사용했습니다.
사용 스크립트 일부>>
-현재 물음표를 눌러서 api를 조회하는데 키보드가 올라와 있는 상태야 물음표 버튼을 눌러서 조회하면 포커스를 빼고 키보드도 안보였으면 좋겠어
-검색아이콘 배경색을 넣고 버튼 사이즈를 좀더 좌우로 크게 하고 싶어
-가장 가까운 역 찾기 버튼 옆에 버튼 3개를 추가하고 가장 최근 조회 이력을 중복없이 만들고 싶어
-옆에 3개 버튼은 디자인이 변경되었으면 좋겠어. 좀더 네모나게 만들고 색은 상행 하행에 표시되는 배경색과 똑같이 해죠
-새로 추가한 버튼이 3개 추가되니깐 overflower 나는데 좌우로 스크롤이 되면 좋겟어
-가장 가까운역 찾기 할때 로딩바 나오게 해죠
이런식으로 기능을 하나하나 추가해서
이런 결과물이 나왔습니다.
사전 준비물은 서울 지하철 gps 정보 json 제공해주었고.
해당역 실시간 조회 url apikey는 제가 셋팅했습니다.
기능은 :
1)앱열면 자동으로 가까운역 조회 해서 실시간 정보 조회
2)최근 조회 기록 3개 로컬에 저장
3)조회된 실시간 정보 라인별로 그룹화 해서 선택시 해당건만 조회
제가 사는곳이 양주쪽이라 서울에서 퇴근시에 지하철 타면 청량리행, 의정부행 등은 타지말고 양주까지 가는 열차시간 조회 하는게 귀찮아서 직접 만들어 볼려고 했는데 이렇게 만들게 되었네요.
저는 flutter을 어제 처음 접하고 dart언어 역시 어제 처음 보았는데 이정도의 결과물이 만들어지네요.
중간중간 뻘짓을 하긴해서 바로 잡아주는 작업이 있지만 그것역시 꼭 짚어서 설명하면 알아듣더라구요.
마치 2-3년차 flutter을 잘하는 개발자를 데리고 결과를 바로바로 확인하는거 같은 느낌을 받았습니다.
2025년이면 코딩에 특이점이 올거 같습니다. 3.5 버전이 초급 개발자라면 다음 버젼의 claude는 고급 개발자가 되어 돌아올거 같네요.
