[kakao] 주소 검색 템플릿 바쁜 사람을 위한 코드 먼저: See the Pen Untitled by BellRiver (@orugpbqu-the-solid) on CodePen.">See the Pen Untitled by BellRiver (@orugpbqu-the-solid) on CodePen.주소 입력 기능:최근 진행한 프로젝트에서 사용자의 주소를 입력받는 기능을 구현하였습니다..최종적으로 두 가지 무료 서비스가 후보로 올라왔습니다. (도로명주소, 카카오)둘 모두 써보고 간단하게 장단점을 적은 후, 결론적으로 카카오 주소를 선택한 이유를 적어보겠습니다.도로명주소(정부)https://business.juso.go.kr/addrlink/openApi/apiExprn.do카카오(다음)https://postcode.map.. 2025. 8. 1. [JS] 로또 데이터 가져오는 코드 See the Pen Untitled by BellRiver (@orugpbqu-the-solid) on CodePen.">See the Pen Untitled by BellRiver (@orugpbqu-the-solid) on CodePen.파이썬으로 로또 데이터를 가져오는 블로그는 많은데, JS로 가져오는 블로그는 없는 것 같아서 간단하게 코드를 만들어 보았습니다.기존 로또 데이터를 바탕으로, 다음 회차의 로또 번호 6개를 추천해주는 사이트를 만들어보려 합니다. 어떤 알고리즘을 적용하는 것이 좋을지 고민 중인데요, “되면 좋겠다” 정도의 가벼운 마음으로 시작해보려 합니다. 우선 로또 1000회차까지의 데이터를 DB에 저장한 뒤, 이를 기반으로 1001회차의 번호를 최대한 근접하게 예측할 수 있.. 2025. 7. 21. [AWS] S3에서 파일을 다운로드할 수 있게 헤더 설정하는 법 바쁜 사람들을 위해 코드 먼저: See the Pen Untitled by BellRiver (@orugpbqu-the-solid) on CodePen.">See the Pen Untitled by BellRiver (@orugpbqu-the-solid) on CodePen.const accessKey = "";const secretKey = "";const region = "";const bucketName = "";위 코드에서 4개 항목만 채워주시면 됩니다.위 코드와 함께 AWS에서 진행해야 하는 설정들이 있습니다.IAM 설정:AWS 사이트에서 IAM을 검색합니다.좌측 메뉴의 "사용자"를 클릭합니다."사용자 생성"을 클릭하여 사용자를 생성해 줍니다.사용자를 생성하면 "accessKey"와 ".. 2025. 6. 10. [JS] GUID/UUID 생성기 바쁜 사람을 위해 코드 먼저 공유: See the Pen Untitled by BellRiver (@orugpbqu-the-solid) on CodePen.">See the Pen Untitled by BellRiver (@orugpbqu-the-solid) on CodePen.만약 추가로 필요한 기능이나, 다른 ID 코드도 필요하시다면 댓글로 기능 요청 부탁드립니다!최근에 앱 만든다고 바빠서 글을 잘 못썼네요.원하시는 블로그 내용도 있으시다면 댓글로 적어주시기를 바랍니다!그럼. 2025. 4. 21. [JS] 번호 입력 시 자동 하이픈 삽입 바쁜 사람을 위한 요약: See the Pen Untitled by BellRiver (@orugpbqu-the-solid) on CodePen.">See the Pen Untitled by BellRiver (@orugpbqu-the-solid) on CodePen.토스의 영향 때문인지 깔끔하고 쉬운 인터페이스가 유행입니다.보면 이해하기 쉽고, 처음 사용해도 쉽게 사용할 수 있는 화면이나 도구를 저희는 좋은 인터페이스라고 하지요.하지만, 너무 쉬운 사용성과 간단한 워딩은 사용자를 점점 멍청하게 만든다는 말도 나오고 있습니다.저는 개인적으로 키오스크와 토스의 인터페이스가 적절히 섞여있는 인터페이스가 사용자에게 가장 이로울 수 있다고 생각합니다.이번 코드는 번호 입력 시 자동으로 하이픈을 삽입해 .. 2025. 1. 21. [JS] 채널톡 버튼 커스텀하기 바쁜 사람을 위한 요약:// 채널톡 플러그인을 불러오는 코드(function(){var w=window;if(w.ChannelIO){return w.console.error("ChannelIO script included twice.");}var ch=function(){ch.c(arguments);};ch.q=[];ch.c=function(args){ch.q.push(args);};w.ChannelIO=ch;function l(){if(w.ChannelIOInitialized){return;}w.ChannelIOInitialized=true;var s=document.createElement("script");s.type="text/javascript";s.async=true;s.src="https:/.. 2025. 1. 16.
