![[2024] Flutter Web/App 카카오 페이 단건 결제 및 승인 테스트 예제 및 코드](/img/o.gif)
12 сағат бұрын
21 күн бұрын
Ай бұрын
Ай бұрын
2 ай бұрын
3 ай бұрын
3 ай бұрын
4 ай бұрын
4 ай бұрын
4 ай бұрын
5 ай бұрын
5 ай бұрын
6 ай бұрын
6 ай бұрын
6 ай бұрын
7 ай бұрын
7 ай бұрын
7 ай бұрын
Пікірлер
@JayeKim-s4o 9 күн бұрын
좋은 강의 감사합니다 🍀🍀
@nojaf 15 күн бұрын
Thanks for uploading this!
@JamessDev 20 күн бұрын
공개 프리뷰 버전으로 업데이트 된 Firebase Data Connect 서비스를 NodeJS(ExpressJS)에서 연결하여 테스트하는 과정을 녹화하였습니다. 🔗 Doc. firebase.google.com/docs/data-connect/admin-sdk?authuser=0 🔗 NodeJS(ExpressJS) Code gist.github.com/doyle-flutter/8970c926b6981143d0c59dcd4ce8e34d * 온오프라인 수업 : - smartstore.naver.com/momond/products/7198247321 - taling.me/Talent/Detail/10726 * contact : [email protected]
@JamessDev 22 күн бұрын
🔗 젠킨스(도커) 실행 docker run --name jen_doc -dit -p 8080:8080 -p 50000:50000 -u root -v /var/run/docker.sock:/var/run/docker.sock jenkins/jenkins:lts 🔗 Docker 설치 docs.docker.com/engine/install/debian/ 📌 Execute shell cd $WORKSPACE npm install docker build -t [DOCKER_HUB_REPO]:latest . docker login -u "[ID]" -p "[PW]" docker push [DOCKER_HUB_REPO]:latest
@JamessDev 24 күн бұрын
Flutter & NodeJS & ELK(Elasticsearch, Kibana) 구성으로 CRUD & Search 예제를 다루었습니다. 해당 예제는 수업 중 진행하는 자료로 영상 내 별도의 설명은 없습니다. * 카페에는 코드 및 설명이 게시 됩니다. 영상과 같이 실제로 다루지는 않지만 해당 내용을 통해 HTTP 및 Query 연습을 진행하며 서버사이드 및 데이터베이스를 추가하여 실제 서비스에서 다루는 내용과 같이 구성 할 수 있게 됩니다. ELK 관련 패키지는 사용하지 않고 HTTP 연결로만 진행하였습니다. ELK 는 Docker 를 이용하여 구성하였습니다. * 온오프라인 수업 : - smartstore.naver.com/momond/products/7198247321 - taling.me/Talent/Detail/10726 * contact : [email protected]
@illiilli2354 29 күн бұрын
0:43 연결끊기 방식으로 로그아웃 후 로그인할때 사용자 client_id 기준으로 다시 정보를 불러와서 바로 로그인 할 수 있게끔 하는걸까요? 이게 맞다면, 이 방식으로 했을때 쿠키와 세션 모두비워도 기존 로그인한 사용자 정보를 가져오길래 어떻게 client_id 를 불러오는건가 해서요
@JamessDev 29 күн бұрын
RestApi 로 로그인을 구현하는 경우 사용자 로그인 이후 인가코드를 통해 토큰을 받아서 사용자 정보 등을 다룰 수 있습니다~
@illiilli2354 28 күн бұрын
@@JamessDev 그렇다면 로컬스토리지나 쿠키, 세션등에 인가코드가 확인이 안되는데 어디 에 남아있다가 로그인시 이용하는지 알 수 있을까요..?!
@JamessDev 28 күн бұрын
@@illiilli2354 문서를 먼저 이해하는 것이 좋을 것 같습니다~ developers.kakao.com/docs/latest/ko/kakaologin/rest-api
@JamessDev 2 ай бұрын
+ Redis 등에 직접 연결하여 사용하는 것을 소개 및 권장하는 영상이 아니며 tcp 통신에 관한 이해를 돕기위한 자료 입니다.
@다람쥐꾸 2 ай бұрын
감사합니다 재밌게 봤어요 유용하네요!🧚🏻
@JamessDev 2 ай бұрын
감사합니다~
@dailykq 2 ай бұрын
안녕하세요. 영상 올려주셔서 감사합니다. 질문이 있습니다. 고유 무거운 허리띠와 가죽 무거운 허리띠를 핑크색으로 보이게 하고 싶은데 어떻게 코드를 수정해야 하는지 알려주실수 있을까요?
@JamessDev 2 ай бұрын
헤드헌터와 마피를 노리시나 봅니다, 무거운 허리띠 Heavy Belt, 가죽 허리띠 Leather Belt, 고유 Unique 아이템 레벨 60이상 ItemLevel >= 60 인 경우 영상과 같이 분홍색으로 나타나도록하려면 아래와 같이 코드를 추가해주시면 됩니다. 테스트까지 진행하였고 저도 적용하여 지도를 돌아볼 생각입니다, 득템을 기원하겠습니다~ Show ItemLevel >= 60 Rarity Unique BaseType "Heavy Belt" "Leather Belt" SetFontSize 45 SetTextColor 255 0 255 255 SetBorderColor 255 0 255 255 SetBackgroundColor 100 0 100 255 CustomAlertSound "3uniques.mp3" 300 PlayEffect Pink MinimapIcon 0 Pink Circle
@dailykq 2 ай бұрын
@@JamessDev 감사합니다. 선생님!!
@raelive85 2 ай бұрын
오.. 이거 맨날 시도해보다가 ㅈㅈ 쳤던 항목이긴 한데... 대체 필터에 색채옵 나오는 신호등템은 이름이 뭘까요;; 의심되는건 몇몇개 있었는데 해봐도 딱히 바뀌진 않더군요.
@JamessDev 2 ай бұрын
판매시 색채의 오브를 받을 수 있는 아이템의 경우 SocketGroup "RGB" 으로 지정되어있어서 해당 내용을 수정하면 다른 표시를 할 수 있는 것을 확인하였습니다~ 예시 ----- Show .... Show ItemLevel >= 1 SocketGroup "RGB" SetFontSize 45 SetTextColor 255 0 255 255 SetBorderColor 255 0 255 255 SetBackgroundColor 100 0 100 255 CustomAlertSound "3uniques.mp3" 300 PlayEffect Pink MinimapIcon 0 Pink Circle .... ----- 필터 내용 상단에 적용해보면 해당 아이템 발견 시 영상과 같이 분홍색으로 나타납니다~
@JamessDev 4 ай бұрын
🔗 AdMob apps.admob.com 🔗 Pub pub.dev/packages/google_mobile_ads 🔗 Code gist.github.com/doyle-flutter/e74deb3a56a94dc6c579e344d6c5db41 * 온오프라인 수업 : - smartstore.naver.com/momond/products/7198247321 - taling.me/Talent/Detail/10726 * contact : [email protected]
@JamessDev 4 ай бұрын
Code 🔗 - Flutter gist.github.com/doyle-flutter/c74857f61ad14c581235564a53607a76 - Node gist.github.com/doyle-flutter/d2b24f6eee2a8b65b4e6e6030ff38d67 Pub 🔗 - HTTP pub.dev/packages/http Npm 🔗 - graphql www.npmjs.com/package/graphql - graphql-http www.npmjs.com/package/graphql-http
@공0-i1u 4 ай бұрын
감사합니다
@JamessDev 4 ай бұрын
* Code gist.github.com/doyle-flutter/94a82fc54a4d7537cf4a84d5682186ec * Pub pub.dev/packages/geolocator
@JamessDev 4 ай бұрын
📌 코틀린 버전 확인 사이트 kotlinlang.org/docs/releases.html#release-details
@Abdullah-2005. 5 ай бұрын
Man, that's so cooooool thx❤
@Steveshp1 5 ай бұрын
앱에는 적용가능한가요
@JamessDev 5 ай бұрын
네 가능합니다~
@Steveshp1 5 ай бұрын
@@JamessDev 제가 찾기 스킬이 부족한지 flutter에 적용 된 글들이 없어서 문의 드렸는데 바로 답글 적어주시고 감사합니다.
@codettype 6 ай бұрын
안녕하세요 flutter로 네이버 맵 띄워서 폴리라인을 그리려고 하는데요 공공데이터에서 허가구역을 json파일로 가져왔는데 제가 앱개발 언어도 처음이고 데이터도 처음 만져봐서 아예 손도 못 대고 있습니다 다른 사이트도 찾아봤는데 자료가 많지가 않아서 못 찾겠습니다.. 여유가 있으시다면 한번 다뤄주실수있을까요..?
@JamessDev 6 ай бұрын
네 폴리라인에대한 영상도 추후 업로드 해보겠습니다~
@codettype 6 ай бұрын
헉 답변주셔서 감사합니다 선생님 근데 네이버맵api로는 주소검색이 불가능할까요
@JamessDev 6 ай бұрын
@@codettype 주소 검색이라는 기능은 어떤 걸 얘기하시는 걸까요 ?? 다음 주소 검색 api 를 네이버 지도를 활용해서 만들고 싶은신건가요?
@codettype 6 ай бұрын
도로명주소로 검색해서 위도경도로 변환한다음 네이버 map에 나타내고싶습니다..!
@JamessDev 6 ай бұрын
@@codettype 방법은 이미 찾으신 것 같습니다, 이제 네이버 api 중 도로명주소를 보내면 위경도로 반환하는 서비스가 있는지, 위경도를 보내면 지도에 표시되는 서비스가 존재하는지 찾아보시면서 네이버에 없다면 다른 서비스와 함께 사용해야하므로 구글,카카오,티맵 등에는 존재하는지를 함께 검색해보시는 과정이 필요합니다. 영상으로는 현재 예정되어있는 항목들을 업로드 한 뒤 다뤄보겠습니다~
@JamessDev 6 ай бұрын
영상과 같이 확장 프로그램의 크기를 조절하려면 project/web/index.html 의 html 태그의 크기를 변경합니다. <!DOCTYPE html> <html style="height: 600px; width: 350px"> <head> ...
@JamessDev 7 ай бұрын
사용자 위치를 추적하며 마커를 표시하는 과정을 진행합니다. 공식 문서 및 패키지 등의 예제 코드를 활용하였으므로 다루기 어렵지 않습니다, 프로젝트에 맞도록 변경하여 적용하시면 됩니다. 강의 자료로 활용되는 영상이므로 관련 개념 및 코드 설명은 운영 중 인 온/오프라인 수업에서 진행합니다. * 공식 문서 - 카카오맵 apis.map.kakao.com/ * 영상 속 코드 및 명령어 등 - Flutter 🔗 gist.github.com/doyle-flutter/02b56f00cf396b20d86a23bed6e9b2d3 - NodeJS 🔗 gist.github.com/doyle-flutter/0a4a336e67d6bb55454f4cb8984d634f - HTML 🔗 gist.github.com/doyle-flutter/ee90d302c0a60710042151db150e0dd7 * 패키지 - geolocator 🔗 pub.dev/packages/geolocator - webView 🔗 pub.dev/packages/webview_flutter * 온오프라인 수업 : - smartstore.naver.com/momond/products/7198247321 - taling.me/Talent/Detail/10726 * contact : [email protected]
@JamessDev 7 ай бұрын
사용자 위치를 추적하며 선을 그리고 마커 표시 및 중심 이동에 대한 테스트 영상입니다. 공식 문서 및 패키지 등의 예제 코드를 활용하였으므로 다루기 어렵지 않습니다, 프로젝트에 맞도록 변경하여 적용하시면 됩니다. 강의 자료로 활용되는 영상이므로 관련 개념 및 코드 설명은 운영 중 인 온/오프라인 수업에서 진행합니다. 해당 내용 구현을 위해 이전 영상을 참고해주세요. 🔗 kzbin.info/www/bejne/mXfFh6lrbbmLq7c * 공식 문서 - 카카오맵 apis.map.kakao.com/ * 영상 속 코드 및 명령어 등 - Flutter 🔗 이전 영상 참고 - NodeJS 🔗 이전 영상 참고 - HTML 🔗 gist.github.com/doyle-flutter/32ceb7a287be8a138063563ea2cd203f * 패키지 - geolocator 🔗 pub.dev/packages/geolocator - webView 🔗 pub.dev/packages/webview_flutter * 온오프라인 수업 : - smartstore.naver.com/momond/products/7198247321 - taling.me/Talent/Detail/10726 * contact : [email protected]
@JamessDev 7 ай бұрын
카카오 로그인(Rest API) 및 로그인 이후 흐름을 만들어가는 방법을 다룹니다. 관련 패키지, SNS 로그인에 대한 개념 설명은 진행하고 있지 않기 때문에 입문자에게 적합하지 않습니다. 최대한 쉽게 이해 할 수 있도록 구성하였으므로 개발하고 있는 프로젝트에 맞추어 내용을 변경하여 사용하시면 됩니다. 굉장히 오랜만에 녹음을하여 설명이 어색합니다... 코드를 보면 충분히 이해 될 것 이라고 믿겠습니다 🤣 관련 기반 지식에 대한 설명은 온오프라인 수업에서 다룹니다. * 공식 문서 - 카카오 로그인 Rest API : developers.kakao.com/docs/latest/ko/kakaologin/common - 로그인 버튼 : developers.kakao.com/docs/latest/ko/kakaologin/design-guide * Code 🔗 - Flutter : gist.github.com/doyle-flutter/c8ad30d487b21df46a05a6b0eb5fbd81 - NodeJS : gist.github.com/doyle-flutter/1508673a6625df67c2ec907952cf7007 * 온오프라인 수업 : - smartstore.naver.com/momond/products/7198247321 - taling.me/Talent/Detail/10726 * contact : [email protected]
@JamessDev 7 ай бұрын
- 영상 내 첫 배포 시 폴더 선택하는 과정이 누락 되었습니다, 폴더 지정 시 app.js 를 포함하고 있는(영상 속 구조에서는 p1) 폴더를 지정하여 배포하시면 됩니다. - 배포 후 URL 을 통해 확인하는 과정에 일부 대기 시간이 필요합니다. 영상에서는 대기 시간을 편집한 점을 참고하여 테스트하시길 바랍니다.
@ipcian 7 ай бұрын
혹시 불러온 이미지파일을 터치한 영역에다가 blur효과를 넣으려면 어떻게해야 하는지 아실까요 ?
@JamessDev 7 ай бұрын
적어주신대로 진행하면 될 것 같습니다. 이미지를 포함하고 있는 위젯을 터치하였을때 좌표를 구하여 영역을 만들고 (참고 kzbin.info/www/bejne/m4jLn4t9n9Wjftksi=cMyfFvA1Dlq06XaX) 해당 영역안에 원하는 방식의 꾸미기 효과(블러 BackdropFilter) 를 적용하시면 될것 같습니다~
@JamessDev 9 ай бұрын
* 마우스 휠 및 터치패드, 위/아래로 드래그하는 경우 페이지가 우측에서 나타나는 내용입니다. 수강생 과제 참고용으로 활용 되는 영상이므로 별도의 설명은 없습니다.
@JamessDev 9 ай бұрын
위 '더보기' 를 통해 영상 내용 및 코드를 확인하실 수 있습니다. *영상에서 설명은 진행하고 있지 않습니다.
@star-riot 9 ай бұрын
님 실력이 너무너무 부럽습니다. 플러터 어느 정도 해야 원하는 기능을 구현할 수 있을까요? 제임스님 온라인 수업은 안하시나요? 지방러라 오프라인수업은 ... ㅠㅠ
@JamessDev 9 ай бұрын
1:1 온라인 오프라인 둘 다 진행하고 있습니다, 아래 링크를 참고해주세요~ jamessdev.notion.site/Flutter-NodeJS-d4d8ce70da4d4498848171d26615ab0f
@star-riot 9 ай бұрын
@@JamessDev 오 감사합니다.
@JamessDev 9 ай бұрын
해당 영상의 도메인 등록이 완료되어 공유합니다. * jamess.site 도메인 등록 방법(수강생 전용) * [일단배포 시리즈 중] 500원에 도메인 등록 및 적용 - Flutter Web cafe.naver.com/flutterjames/31281
@seoul_Jin500 10 ай бұрын
플러터로 앱을 완전히 종료해도 위치 추적을 해서 로직에따라 서버와 통신하는 방법을 쓰고 싶은데 쉽지 않네요. aos, ios 둘다하려니 더욱 ㅎㅎ
@JamessDev 10 ай бұрын
Foreground 를 고려해보시면 될 것 같습니다~
@jaaaaaang 10 ай бұрын
안녕하세요? 좋은 영상 감사합니다!! yolo model과 flutter를 활용해서 object가 감지되었을때 진동이 울리게 하는 app을 구현했는데요, (실행하면 카메라활성화되면서 촬영상태가 됨) 1. mp3는 실행되어도 소리가 나지 않더라구요.. (실패) -- 왜인지 모름. 2. 그래서 진동이 울리게 함. (성공) -- 그런데 이 진동을 watch에서도 같이 울리게 하고싶은데, 혹시 조언해주시면 큰 도움이 될것 같습니다. !!!
@JamessDev 10 ай бұрын
감사합니다! 우선 질문해주신 프로젝트의 구조 및 구성을 알 수 없는 관계로 정확한 답변이 아닐 것 같지만 조금이나마 도움이 되고자 적어보겠습니다. '서비스' 라면 YOLO 를 사용하든 다른 어떤 것을 사용하든 서버를 통해 결과 또는 검증 결과를 받게 될 것이므로 1. 프로젝트에 임의의 페이지를 만들고 임의의 버튼을 생성하여 진동(또는 소리)기능을 적용하였을 때 정상 동작하는지 확인 2. 1번의 과정이 정상적으로 동작한다면, 서버의 결과를 받은 이후 진동(또는 소리)을 적용 3. 만약 클라이언트에서 ML 을 진행하는 경우 진행 한 결과 또는 로그를 서버에 주고 받은 다음 화면에 결과를 나타내게 되므로 그 이후를 완료 된 것으로 간주하고 진동 기능(또는 소리)을 삽입 위 3개의 방법으로 해결 할 수 있을 것으로 보입니다.
@jaaaaaang 9 ай бұрын
@@JamessDev제가 확인이 늦었네요 답변감사합니다. 안타깝게 아직 제가 실력이 부족해서 코드 문제는 아닌듯 한데, 카메라 동작하는 상태에서는 sound를 재생하지 못하고 있습니다. ㅋㅋ 대신 진동은 정상동작하는데, 워치 전송 역시 못하고 있고 ㅋㅋ 대신 폰진동으로 소기 목적은 달성해서 그냥 사용하고 있어요.. 시간되면 좀더 공부해보려고 합니다.
@최연우-v3t 10 ай бұрын
안녕하세요 ! 현재 si업체에서 일하고 있는 개발자인데 이번에 AR 관련 했어 Flutter로 제작을 하고 싶어서 그런데 아무것도 모르는 상태에서 시작하면 얼마나 걸릴까요?
@JamessDev 10 ай бұрын
이미 개발 경력이있다면 Flutter 자체는 쉽기 때문에 문서를 몇 번 보시는 걸로 충분 합니다, 원하는 목표를 알 수 없기에 '얼마나' 라고는 말 할 수 없지만 생각보다는 빠른 시일 이라고는 말 할 수 있을 것 같습니다.
@최연우-v3t 10 ай бұрын
@@JamessDev 감사합니다
@JamessDev 11 ай бұрын
웨딩프렌즈 이용 후 좋은 인상에 앱 간단히 일부 디자인을 구현해보았습니다. * 홈페이지 www.weddingfriendz.com/
@feelgood390 11 ай бұрын
can you share the Arduino sketch?
@JamessDev 11 ай бұрын
github.com/doyle-flutter/FlutterUnoApp
@Kodularturkiye 11 ай бұрын
Why don't you show the necessary file.
@bussync 11 ай бұрын
please provide source code of this
@JamessDev Жыл бұрын
PWA builder(www.pwabuilder.com/)를 추천드리며 vscode extension 을 활용하시면 더욱 수월합니다. 곧 해당 내용에 대한 영상도 업로드 될 예정입니다.
@JamessDev Жыл бұрын
해당 영상은 2023 년도 일부 수정하여 업데이트하였습니다. kzbin.info/www/bejne/g6TKe6yXmap0fdk
@파이-e9x Жыл бұрын
강의 감사합니다.🙌
@k-ottogi Жыл бұрын
혻시 화면 꺼진상태에서 음악이 재생되는것처럼 어플이 계속 실행하게 하려면 어떤 방법이 있는지 가르쳐주세요❤
@JamessDev Жыл бұрын
Foreground 키워드로 채널 영상을 검색해보시길 추천드립니다~
@JamessDev Жыл бұрын
* 23년 8월, Flutter 3.13 업데이트를 참고해주세요. api.flutter.dev/flutter/widgets/AppLifecycleListener-class.html
@memoriesR- Жыл бұрын
Tutorial please 🙏
@star-riot Жыл бұрын
원래 음성이 없는거죠? 소리가 안나와요..
@JamessDev Жыл бұрын
네 대부분 음성없이 영상만 있습니다~
@JamessDev Жыл бұрын
📌참고 codelabs.developers.google.com/codelabs/admob-ads-in-flutter?hl=ko#0 pub.dev/packages/google_mobile_ads/example
@공0-i1u Жыл бұрын
감사합니다🎉
@joonsick-cap Жыл бұрын
와 제가찾던내용이네요. 다들 전역적인 모듈만 언급하지 실개발에서 사용자패키지 다루는 내용은 잘없더라구요.
@JamessDev Жыл бұрын
감사합니다 ~
@최진혁-g7u Жыл бұрын
안녕하세요! intent가 아닌 webview로 해야 ios도 가능한걸까여?
@JamessDev Жыл бұрын
IOS 도 Android Intent 같은 내용이 있는지 찾아보시면 되지만 Webview가 상대적으로 둘 다 다루기 쉽습니다, 하지만 보안 관련 내용이 영상에 빠져있으니 유의하여 봐주세요~
@최진혁-g7u Жыл бұрын
@@JamessDev 답글 감사합니다! webview 문서를 봐도 어떻게 넣어줘야 적합할지 특히 이부분이 'next_redirect_mobile_url' 화면을 띄운다고나와있는데 어떻게 해줘야할지ㅠㅠ
@kimjinbbans Жыл бұрын
감명 받았습니다~ 앞으로도 좋은 강의 부탁 드립니다.
@JamessDev Жыл бұрын
감사합니다!
@JamessDev Жыл бұрын
'코딩 테스트' 라고 부르는 것들을 대비하기 위한 알고리즘은 전혀 진행하지 않습니다. 문제 해결을 위한 노력, 또 다음 문제 해결을 위한 노력, 생각하는 힘을 기르는 정도를 목표로 합니다. 배열에서 무언가 찾고, 정렬하고, 피봇을 옮기고, 빠른 길 찾기라고 풀었던 그 문제들을 Flutter/Dart 로 옮겨서 좀 더 시각화하여 진행해봅니다. '그' 문제들을 해결하기 위한 근본적인 궁금증, 재미를 일으키고 싶습니다. 본 영상은 그러한 재미를 위한 바탕으로 '검색' 기능을 단순히 for /while / indexOf / contains 만 다뤄본 것들을 넘어선 예제입니다. 채널에서는 동작에대한 미리보기 영상만 업로드되며 설명은 카페와 온오프라인 강의를 통해 진행됩니다.