본문 바로가기

분류 전체보기39

AI Agent가 커밋까지? Claude Code 사용법(기초, 워크플로우 자동화) https://code.claude.com/docs 최근 회사에서 Claude Code를 업무에 도입하며 경험한 여러가지 편리하고 강력한 경험들에 대해서 기록합니다.Claude Code를 사용하며 가장 놀라웠던 점은 프로젝트 내의 기존 코드의 스타일 가이드, 디자인 시스템, 심지어 다국어 처리(i18n) 패턴까지 스스로 학습하여 완벽하게 적용한다는 점이었습니다. 어느정도 스크립트를 세밀하게 전달하거나 디자인 시안을 png로 업로드 하면, 기존의 코드와 거의 동일한 형식으로 화면UI와 컴포넌트를 생성해주기에, 정말 편리한 경험이었고 최근에 배포한 기능의 개발시간을 효과적으로 단축 시킬 수 있었습니다.(물론, AI를 무조건적으로 신뢰할 수 없기에 코드 commit 전 변경사항을 꼼꼼히 검수하는 시간은 필.. 2026. 2. 9.
[javascript] 자바스크립트 SHA-256 해시 생성, 문자열 인코딩 최근, 프로젝트에서 이니시스 본인인증 파트를 개발하면서서버에 사용자가 본인인증을 거치며, 전자서명을 한 값을 서버로 보내야 하는 경우가 있었다.전자서명을 클라이언트 -> 서버로 보낼 때 이미지 파일을 base64로 변환 후 보내는 과정에서 서버에서 터지는 경우가 발생하여,여러 시행착오 끝에 base64를 다시 SHA-256로 암호화해서 보내는 방식으로 진행하게 되었고SHA-256 암호화 방식에 대해 알게 된 내용들을 정리하려고 한다. SHA-256이란?SHA-256(Secure Hash Algorithm 256-bit)은 암호화 해시 함수로,입력 데이터를 256비트(32바이트) 크기의 고유한 해시 값으로 변환하는 알고리즘.SHA-256 해시 함수는 어떤 길이의 값을 입력하더라도 256비트의 고정된 결과값.. 2025. 2. 27.
[Flutter] agora 사용해서 face time 따라해보기 오늘은 간단하게 aogra를 사용하여 페이스타임과 유사한 영상통화 앱을 구현 포스팅입니다. 프로젝트를 생성 후,pubspec.yaml에 dependencies 플러그인 추가 후 pubget 클릭 agora_rtc_engine: ^6.3.0agora_uikit: ^1.3.8permission_handler: ^11.3.0  agora_rtc_engine : https://pub.dev/packages/agora_rtc_engine → 아고라 사용을 위한 플러그인agora_uikit : https://pub.dev/packages/agora_uikit→ 아고라 자체 UI 사용 permission_handler : https://pub.dev/packages/permission_handler→ 권한을 다루기 .. 2024. 6. 6.
[Flutter] FutureBuilder, StreamBuilder https://api.flutter.dev/flutter/widgets/FutureBuilder-class.htmlhttps://api.flutter.dev/flutter/widgets/StreamBuilder-class.html   FutureBuilder FutureBuilder 위젯은 Future를 취하고 Future의 상태를 기반으로 위젯 트리를 구축한다. 데이터를 가져오는 등 비동기 작업을 한 번 수행 후, 작업 진행중, 완료, 오류 발생여부에 따라다른 UI를 렌더링하고자하는 경우에 적합하다. 파일, 데이터 가져오기, http요청 등 일회성 응답에 사용 async/await 키워드를 사용하여 비동기를 처리하며, FutureBuilder에서 는 비동기로 처리할 타입이 된다. builder에서는 A.. 2024. 6. 6.