크레이의 최신컨텐츠입니다.
- 플러터 체험기 5. 갤러리 사진 뷰어 스마트폰으로 사람들이 가장 많이 하는 것은 무엇일까요? 전화통화가 원래 주목적이겠지만 어떤 사람들은 사진을 찰영하기도 합니다. 휴대용 카메라이기도 한 스마트폰의 또 다른 용도인 카메라로 찍은 사진은 갤러리에 보관되지요. 걸러리에 보관한 사진을 꺼내 보면서 흐뭇~한 과거와 추억을 회상하기도 합니다. 오늘은 갤러리에 보관한 사진을 열어 보는 간단한 뷰어를 연습해 보았습니다. 실용앱은 아니고 그냥 단순한 기능 테스트용 예제이며 생각보다는 코드가 짧다고 느껴지는데, 여러분 생각은 어떨지 모르겠네요. ※ 2024. 2. 25일 테스트하였습니다. 그럼 오늘도 '심심하면 지는거다'라는건 아니고~ 지루하지 않게 CCM 뮤직 하나 들어어보시면서 렛츠 고우하시면 어떨까요~ ^O^ 이미지 피커를 이용한 대략적인 구상 갤러리.. 더보기
- 플러터 체험기 4. 초간단 카메라 앱! 코틀린에서 카메라 앱을 만드는 부분을 따라해 본적이 있었는데요. 앱의 기본 카메라 앱을 연결해 쓰는 부분까지는 시도해 성공해 보았지만, 앱에 카메라를 내장해서 띄우는 부분은 복잡한 설정으로 인해 아직 오리무중입니다. 🦆🦆🦆... 그런데 플러터 공식사이트의 샘플들을 이것저것 보다 보니 카메라 앱 샘플이 있지 뭡니까? 따라해보니 글쎄 한번에 성공을 해버리더라는! (*゚ロ゚) 최근 작동 확인은 2024. 2. 18일입니다. 방법도 꽤 간단해서 오늘은 관련 경험을 공유드립니다. 그럼 찬양 유튜브 영상 하나 공유드리니 심심하면 틀어 놓고 렛츠 고우~ 샘플 소~우스 우선 플러터 공식 사이트의 관련 예제 URL은 아래와 같은데요. https://docs.flutter.dev/cookbook/plugins/pictur.. 더보기
- 플러터 체험기 3. 탭바 뷰 - 크롬 시뮬 작동 알아내다! 설 연휴 때 플러터 위젯 중 탭바 뷰(TabBarView) 사용법에 도전해 보았습니다! 관련 내용 공유드립니다. 탭바 뷰는 여러 페이지를 담고 있는 페이지 목록인데요. 상단 또는 하단 탭 버튼을 터치하면 마치 동기화되듯 탭바 뷰 페이지도 덩달아 따라서 이동하는 위젯입니다. 사용법이 좀 까다로와 헤메였습니다. 까다로운 조건 몇가지를 정리하면 아래와 같은데요. 1) 탭바 뷰는 항상 탭바와 함께 사용해야 합니다. 2) DefaultTabController 라는 걸 사용하거나, TabController 라는걸 생성해서 사용해야 합니다. 3) 탭의 갯수는 아래 3가지 항목 3박자가 모두 일치해야 합니다. 3-1) TabController 의 length 갯수 3-2) TabBar 위젯의 자식 요소 갯수 3-3) .. 더보기
- 플러터(flutter) 체험2, 설치 없이 개발을? 앱 개발 도구를 설치하지 않고도 앱 개발 연습을 할 수 있다면 믿어 지시나요? :) 플러터 공식 사이트에는 플러터 위젯을 소개하는 예제들이 많이 있는데요. 특히 'cookbook' 이라는 페이지에 접속하면 바로 예제를 만나보실 수 있습니다. '요리책'이라니 제목을 재미있게 지었네요 :) https://docs.flutter.dev/cookbook 이 쯤에서 크레이가 좋아하는 기독교 유튜브 음악 하나 공유드립니다. 배경음악으로 들으시면 지루하지 않으실 거예요. ( ㅎ_ㅎ ) 그런데 이거 따라 해보라는 수준이 아니라.. 그냥 웹페이지에서 바로 에뮬처럼 실행을 할 수가 있더라구요. 웬만한 간단한 건 다 해볼 수 있습니다. 재미있는 예제가 있더라구요. 요리 목록과 손님목록이 있는데 요리를 드래그해 손님에 놓으면.. 더보기
- 플러터(flutter) 체험기, 와- 이런것도 돼? 앱 개발 도구 플러터(flutter)가 최근 각광받고 있습니다. 그 이유는 1) 개발이 쉽고 2) 네이티브 앱처럼 속도가 빠르기 때문이라고 하는데요. 크레이는 PC프로그램과 웹서버 개발 전문이라 앱 개발은 현업 경험이 없어 얼마나 차이가 있는지는 모르겠습니다. 흥미로운 것은 동일한 소스로 안드로이드, iOS, 웹 페이지를 모두 커버할 수 있다는 점이지요. 어느 시기에는 플러터만으로도 모든걸(앱, 웹) 개발할 수 있는 환경이 마련될것 같기도 합니다. 코틀린을 일부 학습한 경험이 있기에 플러터 쪽을 약간 체험해 보고, 우와~ 이런것도 돼? 라는 말이 나오기도 하더군요. 그래서 크레이의 짧은 경험을 공유드리고자 합니다. 튜토리얼 글은 아니기에 개발 관련보다는 경험 위주로 설명드릴 겁니다. 아직 크레이도 학습자.. 더보기
- 페이스북(메타) OAuth 웹 로그인 페이스북이 메타로 상호를 변경한지 꽤 되었습니다. OAuth 로그인은 대부분 비슷한지라 한 유형을 연동하면 그 외에는 비스무리한데요. 그래도 설정과정이나 SDK 설치가 그리 쉽지 않아 헤메이게 마련이지요. 페이스북도 메타로 상호를 변경한 후 설정 화면이 약간씩 변경되었고, 최근 PHP8에서는 SDK 오류가 발생하기 때문에 해당 부분까지 다뤄보겠습니다. 참고로 이 게시글은 2024. 1. 25일 테스트 기준으로 작성하였습니다. 내 PC에 XAMPP 로 PHP8이 설치된 상태를 가정하며, XAMPP 와 OAuth에 대한 개념은 이전 게시글을 참조해 주세요. https://itadventure.tistory.com/653 구글 OAUTH 2.0 웹 로그인 구글 웹 로그인을 구현할 일이 앞으로 있어 집에서 미리.. 더보기
- 구글 OAUTH 2.0 웹 로그인 구글 웹 로그인을 구현할 일이 앞으로 있어 집에서 미리 연습해 보았습니다. 이상하게도 인터넷 예전 소스들은 제대로 작동되는게 없어서 =_=.. 최근에 구글 API가 업데이트된 것 때문인지도 모르겠네요. 참고로 이 테스트는 2024. 1. 20일에 수행하였습니다.해외 소스를 하나 확인하여 공유드립니다. 뭐 크레이도 나중에 한참 헤메지 않고 바로 사용해 먹으려는(?) 의도이기도 하지요 ㅎㅎ본 게시글은 개인 PC에서 XAMPP 를 설치한 상태에서의 연동과정을 진행하고 있습니다. 써머리! ( 요약 ) OAuth 란 Open Authorization 의 준말인데요. 한국어로 '오픈인증'입니다. 영어 발음으로 '오어쓰'인데요. 뭐 익숙한 방식대로 부르셔도 무방할것 같습니다 :) 구글 로그인, 카카오 로그인, 네이버.. 더보기
- 구글코랩 + 스테이블 디퓨전 도전기 최근 구글 코랩에서 AI를 이용, "실사 이미지를 무료로 생성"하는 방법을 알아보았습니다. 오늘은 해당 방법을 최대한 간단하게 사용하는 방법을 공유드립니다. 특히 "횟수 무제한", 내가 생성한 이미지를 "타인에게 공개하지 않는" 장점이 있는데요. 보통 많은 생성 횟수를 사용하거나 이미지를 비공개하려면 여러 AI 이미지 생성 사이트들은 유료 결제를 해야 합니다. 사용법은 약간의 학습이 필요하지만 위의 장점을 생각해본다고 할 때 충분히 학습할 만한 가치가 있는데요. 익히는 양의 부담도 그리 크지 않고 사용법도 그다지 어렵지 않습니다. 여기에 추가적인 파이썬 코딩 학습을 한다면 더 놀라운 것도 만들어 낼수가 있지요. 뭐 이 부분은 독자 여러분의 학습 역량에 맡겨 두도록 하겠습니다 :) 그냥 글만 읽으면 심심하.. 더보기
- 구글코랩에서 sqlite 파일 생성! ( 파이썬 ) 구글 코랩을 이것 저것 다루어보던중 sqlite db 파일을 다루는 기술이 있어 공유 차원에서 글을 적습니다 :) 뭐 나중에 크레이가 참조할 목적이기도 하지요 ㅎㅎ 소형 Database 인 sqlite 를 간이형식으로 아주 간단하게 다룰 수 있어 유용하네요. 설명은 주석으로 대체합니다. 아무 것도 설치하지 않아도 잘 동작하더라구요. import sqlite3 try: # SQLITE 데이터베이스를 연결 또는 없으면 자동 생성합니다. sqliteConnection = sqlite3.connect('상품.db') # SQLITE 를 제어할 핸들을 가져옵니다. cursor = sqliteConnection.cursor() # 데이터베이스 내에 테이블을 생성합니다. cursor.execute ("""CREATE.. 더보기
- 2024 Happy New Year ( Count Down ) 2024년을 맞이하여 픽사베이 영상을 조합, 카운트 다운 영상을 준비하였습니다. 방문하시는 모든 분들 새해 복 많이 받으세요! :) 더보기
- 구글 인공지능 GEMINI PRO API 오늘은 chatGPT 의 숙적, 구글의 인공지능 GEMINI(제미나이)의 "API 사용법"에 대한 간단한 예시를 다뤄보겠습니다. 블로그 게시글에 PHP를 활용한 API 사용법을 공개하는건 국내 최초가 아닐까 나름 기대해보는 크레이입니다 :) 우선 제 개인 홈페이지에 마련된 아래 URL에 접근하시면 예시를 보실 수 있는데요. http://dreamplan7.cafe24.com/gemini/ 아래와 같이 테스트하면 됩니다. 1) 빈칸에 GEMINI 인공지능에게 부탁할 내용을 입력. "커피를 좋아하는 검은 고양이에 대한 이야기를 써줘" 2) 오토바이 버튼을 클릭하면 답변을 주는데요. 글 내용이 아주 가관입니다. 멋지지 않나요? 이런 chatGPT 비슷한 기능 외에도 이미지를 분석해서 설명해주는 기능도 있긴 한.. 더보기
- 유니티3D의 UI Toolkit (8) - 버튼 마우스 오버, 클릭 효과 지난번 게시글을 작성할 때는 날씨가 너무 따뜻해서 난리였었는데요. 그런데 어떻게 일주일만에! 이렇게 추워질 수 있는지 너무 큰 기후 변화 폭을 겪습니다. 하기사 '추워야 겨울'이라고 이제야 겨울에 걸맞는 느낌이 들긴 하네요 :) 눈 내리는 크리스마스에 어울리는 경쾌하고 신나는 크리스마스 음악 하나 공유드립니다. 들어놓고서 보시면 지루하지는 않으실 겁니다 ㅎㅎ 지난 게시글에서는 UI Toolkit 을 이용해 처음부터 새로 구성, 아래 화면을 완성하는데까지 이르렀는데요. https://itadventure.tistory.com/646 이번 시간에는 이 버튼 위에 마우스를 갖다 대거나 클릭하면 버튼의 배경색과 테두리 색상, 테두리 굵기 등이 바뀌는 부분을 진행하겠습니다. 이 방법이 웹개발자, 특히 퍼블리셔분 .. 더보기
- 한국형AI 뤼튼 전면 무료화! 12월 20일부터! ChatGPT를 활용하는 한국형 뤼튼 AI 가 무료화를 선언했습니다! 뤼튼 (wrtn.ai) 뤼튼의 요금 무료 전면제를 안내하는 웹페이지 URL는 아래와 같은데요. https://wrtn.circle.so/c/announcement/free 뤼튼이 모두에게 한도 없는 AI를 제공하는 이유 | WRTN Community 인공지능은 발전을 거듭하고, 생성 AI의 영향력은 산업의 경계를 넘어 우리 일상의 모든 측면에 스며들고 있습니다. AI의 등장으로 우리는 반복적이고 지루한 업무에서부터 해방되어 창의성과 wrtn.circle.so 특히나 한글로 모든게 제공되어 더욱 훌륭합니다! 한번 아래와 같은 질문을 던져 볼까요? "맛있는 샐러드를 만드는 방법에 대해 친근한 말투로 알려줘." 그러니 기특하게도 답변을 쭉쭉.. 더보기
- 유니티3D의 UI Toolkit (7) - XML과 스타일 시트 다시 봄이 오려나 봅니다 :) 최근 이상 기온 때문인지 12월에 포근한 날씨를 경험하네요. 점점 계절의 경계가 불명확해져가는 것 같습니다. 생뚱맞지만 봄 분위기(?) 의 경쾌한 CCM 하나 올려드립니다. 이런 날씨라면 어울릴것 같기도 하네요. 취향에 맞으시면 틀어놓고 보셔도 좋을것 같습니다 :) 과거에 홈페이지 수주를 받아 제작하는 일을 했었는데요. 협업 개발이라서 저는 개발 파트을 담당했습니다. 당시 어떤 발주처에서 홈페이지 전체적인 디자인을 사계절마다 자동으로 바뀌는 기능을 요청해서 작업한 적이 있는데요. 기능단에서 날짜를 체크하여 봄, 여름, 가울, 겨울 계절마다 각각 색상과 이미지를 다르게 적용하도록 구현한 적이 있습니다. 요새 다크 테마와 비슷한 컨셉이기도 하지요. 당시에는 css 기술이 지금처.. 더보기
- 유니티3D의 UI Toolkit (6) - 스크롤 UI + C# 지난 시간에는 '흥부가 기가 막힌' 일들이 일어났었지요 :) 그래서 UI ToolKit 의 스크롤뷰 창을 아래와 같이 채워보았습니다. 흥부의 형 놀부도 질세라, 본인도 기가 막히다고 말하는군요. 그런데 놀부는 흥부처럼 한땀 한땀 Label(레이블)을 수작업으로 넣는게 아니라, C# 스크립트를 이용해서 자동으로 스크롤뷰를 채우는군요. 아무래도 놀부가 처세술이 더 나은가 봅니다 :) 어떻게 하는지 보도록 할까요? 이제 성탄 시즌이니만큼 경쾌한 찬양곡 공유 드립니다. 취향 맞으시면 들어보시면서 읽어내려가는 걸 강추드립니다 :) ScrollView(스크롤뷰)의 이름 명명 먼저 스크롤뷰의 이름을 지어주어야 합니다. UI Builder(빌더) 창를 열어1) ScrollView 화면요소를 선택, 2) Inspecto.. 더보기
- 유니티3D의 UI Toolkit (5) - 스크롤 UI 유니티 3D 의 UI Toolkit 에는 아래와 같은 스크롤 화면을 구성할 수 있는 UI 가 있는데요. 오늘은 해당 부분을 알아보도록 하겠습니다. 크리스마스 시즌이 다가오는 군요. 신나는 CCM 성탄 음악 영상 하나 공유드립니다. 글만 읽기 지루하다면 음악과 함께 들어보시면 어떨까요? 독자 여러분의 깊은 영혼의 샘을 회복하는데 도움을 드릴 것입니다 :) Scroll View ( 스크롤 뷰 ) 사용하기 적은 공간에 많은 요소를 표시하는데 있어서 Scroll View 만한 것이 없지요. Scroll View 란 스크롤바가 포함된 화면 요소를 말하는데요. 우선 UI Toolkit으로 배경창을 배치하는 부분은 적용했다고 보고 시작하겠습니다. UI Toolkit 에서 배경창 배치하는 부분은 아래 게시글을 참고해 .. 더보기
- 유니티3D의 UI Toolkit (4) - 버튼 클릭 이벤트 오늘은 지난 게시글에 이어 버튼 클릭시 이벤트를 발생, 텍스트 글자가 바뀌는 부분을 다뤄보겠습니다. https://itadventure.tistory.com/642 유니티3D의 UI Toolkit (3) - 배경창에 UI 배치하기 한글 폰트가 아쉬워, 유니티의 UI 툴킷을 살펴보는 중 한가지 아쉬운 소식을 전해드리자면, 미려한 예쁜 한글 폰트가 제대로 적용이 안된다는 것입니다. ( 유니티 2022. 3. 9f1 버전 기준 ) 물론 아직 itadventure.tistory.com 그리 다룰 부분은 많지는 않은데요. 짧게 마치도록 하겠습니다 :) 네이밍이 필요해 스크립트로 UI 요소를 제어하려면, 각 UI 요소마다 이름을 붙여 주어야 합니다. 배경창에 Popup 이라고 이름 지어주었듯이, Label(레이블).. 더보기
- 유니티3D의 UI Toolkit (3) - 배경창에 UI 배치하기 한글 폰트가 아쉬워, 유니티의 UI 툴킷을 살펴보는 중 한가지 아쉬운 소식을 전해드리자면, 미려한 예쁜 한글 폰트가 제대로 적용이 안된다는 것입니다. ( 유니티 2022. 3. 9f1 버전 기준 ) 물론 아직 알아내지 못한 것일수도 있지만요. 유니티에는 Font Asset Creator 라는 폰트를 이미지로 생성하는 도구를 사용할 수 있는데요. 이 도구를 이용하면 미려한 한글 폰트를 이용하는 방법은 있습니다만, UI Toolkit 에서는 이를 100% 활용할 수 없다는 점입니다. UI에서 사용하는 한글의 글자수가 적은 경우는 문제가 없으나, 사용하는 글자수가 조금만 많아지면 한글전체가 나오지 않는 것으로 보아 아직 영어 외에는 제대로 폰트 지원이 안되는 문제가 있는 것 같습니다. 그 점 고려하셔서 실무 .. 더보기
- 유니티3D의 UI Toolkit (2) - 한글 사용하기 UI 편집을 마치 비주얼 툴처럼~ 마치 HTML처럼~ 지난 게시글에 이어 UI 툴킷에서 한글을 사용하는 방법을 알아보겠습니다. https://itadventure.tistory.com/632 유니티3D의 UI Toolkit (1) - 기본세팅과 '배경 창' 꾸미기 유니티 엔진의 UI 툴킷 ! UI 편집을 마치 비주얼 툴처럼~ 마치 HTML처럼~ 편집하는 기술이 있어서 흥미로와 조사해 보았습니다. 아직은 완전 편하지는 않지만 기능이 발전하기를 기대하며 말이지요 itadventure.tistory.com UI Toolkit 은 기본적으로 초기 설정에 영문만 사용이 가능한데요. 한글을 사용하려면 UI Toolkit 의 uss 스타일 시트를 사용해야 합니다. Unity 의 css 라는 의미에서 uss 라는 이름.. 더보기
- 검은 모양의 디지털 시계 그려줘! ChatGPT4에게 부탁하니 와우- 예술작품이 나왔네요? 매직키워드중 검은 모양이란게 있는 거 같습니다 :) 더보기
- ChatGPT4, 이제 인공지능과 대화하는 시대 채팅의 영역을 넘어선 인공지능, ChatGPT4 ChatGPT4 가 그림도 알아보고 목소리도 알아듣고 보이스 채팅에 그림까지 그려준다니 이제 정말 인공지능 시대가 아닌가 생각되네요. 가장 쉽게 접근할 수 있는 방법 간단히 알아보겠습니다. ChatGPT4 유료 사용자가 아니어도 마이크로 소프트의 빙 검색 엔진에서 인공지능을 만나볼 수 있는데요. 참고로 예전에 ChatGPT4 는 마이크로 소프트 엣지 브라우저에서만 사용이 가능했었는데 이제는 크롬 브라우저에서도 사용 가능합니다만, 약간 치사하게(?) 연속 대화에 제한을 걸었네요. 엣지 브라우저에서는 연속대화가 30회까지 가능하나, 크롬 브라우저에서는 5회까지만 가능합니다. 뭐 그 점을 알고 편하신 브라우저로 사용해 주시면 될것 같습니다 :) 먼저, 아래 빙 .. 더보기
- 웹 파이썬, 파이스크립트 비기[1] ( 실시간 모듈 설치 ) ※ 이번 게시글은 난해한 내용을 포함하고 있습니다. 코딩 공부중이시면 이해하지 못해도 조금도 좌절 않으셔도 됩니다. 그냥 이런게 있구나 참고만 해주시고 복붙해 응용만 하셔도 상당히 잘하시는 겁니다 :) 파이스크립트에는 일반적으로 알려지지 않은 시크릿 코드가 존재합니다. 그 중 하나를 소개해 드리자면 '실시간 모듈 설치' 기능인데요. 파이스크립트는 기본적으로 사용할 모듈을 ... 태그에 넣어야 사용할 수 있습니다. 이를테면 numpy 와 matplotlib 모듈을 사용하려면 아래 태그를 적어주어야 하는데요. packages = ["numpy", "matplotlib"] 이 태그를 적어주면 웹페이지를 로딩할 때마다 모듈을 설치합니다. 매번 로딩시마다 새로 설치하기 때문에 페이지 로딩이 느린 것이지요. 문제는.. 더보기
- ♬비오면 우울모드? 낭만CLIP으로 극복~♬ https://www.youtube.com/watch?v=U2wKvVKQfmg 일상을 다룬 세번째 영상입니다. 크레이는 빗소리를 좋아합니다. 매번 유튜브에서 들어보기만 하다가 만들어 보니 느낌이 남다르네요. 빗소리의 낭만에 흠뻑 젖어보는건 어떠신가요 :) 빗소리, 배경 음악과 영상은 픽사베이, 픽셀스의 무료 컨텐츠를 활용하였습니다. https://pixabay.com https://www.pexels.com 더보기
- 웹 파이썬, 파이스크립트의 그래프와 바다 ASMR 유튜브 최근 ASMR 영상 만들기에 취미가 붙어 하나 더 만들어서 공유합니다. 시원한 파도소리를 들으며 내용 읽어보셔도 좋을것 같습니다 :) https://www.youtube.com/watch?v=2rJyU7YKLyM 웹에서 실행하는 파이썬! 파이스크립트도 그래프를 그릴수 있습니다. 바로 넘파이(numpy)와 맷플롯 라이브러리를 이용한 방법인데요. 일부 내용만 제외하면 파이썬과 똑같습니다. 우선 전체 소스와 출력결과를 공개하도록 하겠습니다. packages = ["numpy", "matplotlib"] import numpy as np import matplotlib.pyplot as plt arr = np.array([5, 3, 4, 1, 2]) plt.plot(arr) plt display(plt, tar.. 더보기
- 빗소리 ASMR - 유튜브 ( 자작 ) 편안한 잠자리에 들게 하는 ASMR, 크레이도 한번 만들어 보았습니다. 자바스크립트로 만든 버전은 있지만 사운드가 좀 빈약해서, 유투브 버전으로 만들어 보았는데요. 편집 프로그램으로는 베가스(Vegas)를 사용하였습니다. https://www.youtube.com/watch?v=ZSM3EximsIY 잠 못 이루는 그대(?)에게 선물해 드립니다 :) 플레이해보세요~ 더보기
- 게임하는 뇌, 완전 반전인데? 게임이 뇌에 미치는 영향에 대한 서적과 소개 영상이 있어 공유드립니다. 전문적인 내용을 설명하고 있어 흥미로운데요. 특히나 게임이 자기 통제력을 향상시키는 기회를 주는 관점이 새롭습니다. 크레이의 생각도 비슷합니다. 원래부터 자기 통제력이 부족한 사람은 게임을 하든 하지 않든 자기 통제력이 부족하기 때문에 큰 사고를 칠 수 있지만, 이런 사람들이 게임으로 자기 통제력을 차츰씩 길러나간다면 최소한의 비용으로 큰 사고를 방지하게 되는 점이지요. 게임중독이란 말은 잘못되었다고 합니다. 마약과 같은 도파민이 크게 분비되지 않는 것이 바로 그 특징인데요. 자녀가 게임에 빠져 있어 고민이신 학부모님들께 어파치 자녀분들이 몰래 숨어서 할텐데 그것보다는 게임에 대한 유익한 방향으로 자녀들을 이끄는게 어떨까 생각되어 소.. 더보기
- 새로와진 웹 파이썬, 파이스크립트 파이스크립트가 알파 버전을 벗어나 정식(?) 버전이 나온 요즘, 사실 정확한 출시 시기를 밝히지 않아 어중간하나 어느 정도 기반은 갖춰진 것 같습니다. 파이스크립트가 뭐냐구요? 공개 웹페이지에서 작동하는 파이썬입니다. 정말? 바뀐 파이스크립트, 기본부터 살펴볼까요? 우선 HTML 기본 소스는 아래와 같습니다. 파이 스크립트를 입력하는 영역 이제 "파이 스크립트를 입력하는 영역"란을 채우면 되는데요. 아래 구구단을 출력하는 파이썬 스크립트를 입력하면, for i in range(2, 10): for j in range(1, 10): display ( str(i) + " x " + str(j) + " = " + str(i*j) ) 웹페이지에서 바로 이런 결과가 나오는 것이지요. 최종 소스는 아래와 같습니다... 더보기
- 유니티3D의 UI Toolkit (1) - 기본세팅과 '배경 창' 꾸미기 유니티 엔진의 UI 툴킷 ! UI 편집을 마치 비주얼 툴처럼~ 마치 HTML처럼~ 편집하는 기술이 있어서 흥미로와 조사해 보았습니다. 아직은 완전 편하지는 않지만 기능이 발전하기를 기대하며 말이지요 :) 사실 원래부터 이 기능은 있었는데요. 별도로 패키지를 설치해야 사용 가능했지만 유니티 2022년 3월 버전은 이 기능을 내장하고 있어 더 이상 패키지를 추가 설치할 필요는 없습니다. ( 2022.3.9f1 버전 기준 ) 거두절미하고 바로 살펴볼까요 ? 레엣취- 고우~ ※ 이번 내용은 유니티 기본 도구는 다룰수 있다는 가정하에 진행됩니다. UI 준비! 사실 UI 를 편집하기 위한 첫 준비가 약간 복잡합니다. 익숙해지면 문제는 없지만요 :) 먼저 UI Document ( UI 도큐먼트 ) 라는 걸 씬에 배치.. 더보기
- 윈도우 + PHP 8 + unity ( 4편, 유니티와 웹소켓하라! ) 독자님들 안녕하세요~ 크레이입니다. 이번 시간에는 지난 시간 다루었던 PHP 웹소켓에 이어서 ( 아래 링크 ) https://itadventure.tistory.com/629 유니티3D 게임엔진과 PHP 웹소켓 서버가 소통(통신)하는 법을 다뤄볼텐데요. 이번 내용은 유니티3D 사전 지식이 필요합니다. 유니티3D에 대한 지식을 쌓고 싶으신 분은 아래 게시글 모음의 유니티3D 영역을 참조해 주세요. https://itadventure.tistory.com/611 그럼 한 단계씩 시작해볼까요? 레엣츠 코우~ 이번 소스는 해외 유튜버 Nava 님의 게시글을 참조하여 일부 개조하였습니다. https://www.youtube.com/watch?v=4kWCo-rE8HY&t=1s ※ 주의 : Websocket 와 So.. 더보기
- 영단어 공부도 하고 간식비도 버는 Memoryword 추천인코드 영어공부 앱 하나 추천 드립니다 :) 앱이 나온지 얼마 안되서 그런지 캐시를 많이 주는 편이더군요. 특히 추천인을 입력하면 1000캐시를 주는데 추천인 글을 올린 분이 없어 크레이가 대표로 올려드립니다. 크레이의 추천코드는 아래와 같습니다 3FEZQ 앱의 링크는 아래와 같구요. https://play.google.com/store/apps/details?id=com.specupad.memoryword&hl=ko-KR 메모리워드 - 영어 단어 외우면 돈버는 영어 퀴즈 앱 - Google Play 앱 매일 10개 영단어 퀴즈 풀고 돈버는 영어퀴즈 앱 기초·여행·토익 등 내 실력에 맞는 영단어 공부 하고 기프티콘 받아가는 돈버는앱 play.google.com 바탕화면에서 문장에 단어를 채워 넣는 문제가 출제되.. 더보기
- 윈도우 + PHP 8 ( 3편, 웹소켓 통신 래칫 Ratchet ) 안녕하세요. 개발 기술을 익혀가며 공유해 나가는 크레이입니다 :) 지난 시간, MYSQL 에 한글과 이모티콘을 저장, 출력하는 샘플을 다뤘었는데요. https://itadventure.tistory.com/628 오늘은 윈도우 환경의 PHP8에서 웹소켓을 다뤄보겠습니다. 웹소켓은 웹 기반에서 실시간 통신을 하는 기술입니다. 채팅방은 물론이고 오목이나 바둑같은 실시간 대전게임에서도 활용 가능한데요. node.js 에서 주로 쓰는 기술이지만 php에서도 가능하더라구요. 그럼 알아보러 갈까요? 레츠 고우~ 컴포저 설치는 기본 php 확장 기능 대부분은 컴포저(Composer)라는 걸 먼저 설치해야 사용할 수 있습니다. 컴포저가 뭐냐구요? 간단하게 표현하자면 확장 기능 인스톨러(설치 프로그램)인데요. 정확한 말.. 더보기
- 윈도우에 PHP 8 설치 (2편, MYSQL 한글과 이모티콘 사용) 지난 게시글에서는 윈도우에 PHP8 과 MYSQL 설치, MYSQL 연결 샘플까지 다뤄보았습니다. https://itadventure.tistory.com/627 윈도우에 PHP 8 설치 + MYSQL 연결 예제 ( APM 설치 - 2023. 9. 1기준) 오늘은 윈도우에서의 PHP(피에이치피) 설치에 대해 알아보겠습니다. 2023. 9. 1 기준 최신 PHP 버전은 8.2 인데요. 8.3 버전이 있긴 한데 아직 알파 버전(실험 버전)이라 논외입니다. PHP 설치시 아래 2가 itadventure.tistory.com 그런데 한가지 문제가 있다고 말씀드렸지요? MySQL 패스워드가 설정되지 않았기 때문에, 해커가 그 빈틈을 타고 들어와 여러분의 컴퓨터를 트로이목마와 같은 해킹 기술로 침투! 할 수 있다는.. 더보기
- 윈도우에 PHP 8 설치 + MYSQL 연결 예제 ( APM 설치 - 2023. 9. 1기준) 오늘은 윈도우에서의 PHP(피에이치피) 설치에 대해 알아보겠습니다. 2023. 9. 1 기준 최신 PHP 버전은 8.2 인데요. 8.3 버전이 있긴 한데 아직 알파 버전(실험 버전)이라 논외입니다. PHP 설치시 아래 2가지도 세트로 설치하는게 일반적인데요. Apache(아파치), MySQL(마이에스큐엘) 이 모두를 '한방에 설치!' 하는 방법이 있습니다. 바로 아파치프랜즈의 XAMPP 설치 프로그램을 이용하는 방법이지요. 그럼 설치하러 가볼까요? 렛추 고우~ 아파치 프랜즈 ( apachefriends ) 에서 설치프로그램 설치 먼저 아래 아파치 프랜즈 사이트에 접속해 주세요. https://www.apachefriends.org/download.html 윈도우용 설치 프로그램을 다운받아 주시면 되는데,.. 더보기
- 코린이 FOR 파이썬#3, 구글시트 읽기 여러분 안녕하세요~ 오늘은 구글 코랩에서 구글 시트를 읽는 방법 에 대해 알아보겠습니다. 코린이 여러분도 손쉽게 접근하실 수 있을 겁니다 :) 단, 엑셀 표 정도는 무난하게 꾸밀수 있다는 전제조건은 있지만요. 구글시트 URL : https://docs.google.com/spreadsheets/ 오늘의 흥미를 돋울 양반 친구 "한라봉"님께서 다시 등장해주실테니 많은 환영(?) 바랍니다 :) 구글 시트가 뭔가? 한라봉 : "흠, 반갑네, 거 잘 있었나?" 크레이 : "오랜만입니다. 오늘도 참석해주셔서 감사합니다." 한라봉 : "뭐.. 배움의 길에 함께 해주는 자네가 내게 고맙지." 크레이 : "그렇게 생각하신다니 감격입니다. 오늘은 구글 코랩에서 구글 시트를 읽는 방법을 다뤄보려 합니다." 한라봉 : "구.. 더보기
- 코린이 FOR 파이썬#2, 구글 코랩에서 코딩! 여러분 안녕하세요~ 요새 글쓰기의 감격을 다시 찾아 가는 크레이입니다 :) 아무래도 크레이는 개발자 + 글쟁이가 적성에 맞나 봅니다. 구글 코랩 사이트 : https://colab.research.google.com/?hl=ko 지난 시간에는 파이썬 공식 사이트에서 파이썬 코드를 체험했었지요? 오늘은 그보다 성능이 좋은 '구글 코랩' 에 대해 알아보겠습니다. 흥미를 더하기 위해 우리의 코딩 모험에 함께할 양반 친구 "한라봉"과 함께 여행을 떠나 볼까요? 그러면 구글 코랩하러 렛츠 고우~ 구글 코랩 사이트 한라봉 : "엣헴, 오늘은 어디로 나를 인도할 작정이오?" 크레이 : "연구소로 모시도록 하겠습니다." 한라봉 : "연구소? 연구소 이름이 무엇이오?" 크레이 : "코랩(Colab) 이라는 곳입니다. 코.. 더보기
- 코린이를 위한 파이썬#1, 코딩 시작! 2023년 컴퓨터 코딩 언어 트랜드는 뭐니 뭐니해도 파이썬(PYTHON)입니다. 파이썬 공식 사이트 : https://www.python.org/ 무엇보다도 '인공지능' 개발에 사용하는 언어이고 그 외 매우 많은 것을 실현하는데 사용 가능한 언어이기 때문이지요. 파이썬의 DJango 라이브러리를 사용하면 웹사이트도 개발 가능하다고 합니다. 뭐 게임도 만들수 있다 하더라구요. 예전에 웹브라우저용 파이스크립트를 다뤄보긴 했으나 대중성이 떨어지기도 해서 크레이도 정식으로 파이썬을 다뤄보기로 하였습니다. 그러면서 코딩입문에 힘든 코린이(코드 + 어린이의 준말) 여러분들께 도움을 드릴수 있을것 같아 글을 적기 시작하려 합니다. 쉽게 쉽게 말이지요 :) 침고로 크레이는 암기 위주가 아닌 이해 위주를 지향합니다. 파.. 더보기
- 빙으로 chatGPT4 하기 마이크로 소프트 빙에서 'chatGPT4' 를 사용할 수 있습니다. 그게 무슨소리냐구요? 말 그대로입니다. 아래는 마이크로 소프트 포탈 사이트의 공식 기사인데요. 링크 ChatGPT-4 AI integrated into Microsoft's Bing for more customised, human-like responses (msn.com) 영어로 된 기사입니다만. 제목을 번역하면 아래와 같습니다. ChatGPT-4 AI integrated into Microsoft's Bing 쳇GPT-4 인공지능이 마이크로 소프트 빙에 통합되었습니다. for more customised, human-like responses. 그 이유는 보다 맞춤화된, 사람같은 응답을 위해서입니다. 그냥 해당 사이트에 가셔서 마우스.. 더보기
- chatGPT3, 빙이 이미지 인식을... 카카오톡 AskUp도 ?! 대체 왜?? 어제 chatGPT4 가 출시된 것으로 떠들썩 한데요. chatGPT 4는 이미지를 인식하고 그 맥락을 파악할 수 있는 것으로 유명합니다. openai.com 에서 월 20달러를 지불하는 유료 사용자라면 바로 사용해 볼 수 있는데요. 지르려다 또 새로운게 나올까해서 참아 보았습니다. 그.. 런... 데! 기존의 무료로 사용할 수 있는 chatGPT 3.5나 빙 검색 엔진의 챗봇도 이미지를 인식하는 희안한 상황이 벌어졌네요. 이걸 뭐라 설명해야 할지... 그냥 직접 보시죠! chatGPT 도 bot이기 때문에 아무데서나 이미지를 긁어올 수는 없습니다. 블로그나 사이트에서 봇 접근 차단 세팅을 해놓으면 이미지든 글이든간에 무엇이든 가져갈 수 없는데요. 티스토리도 마찬가지입니다. 기본적으로 봇이 글이나 그림을.. 더보기
- 추억의 IQ1000,2000 MSX 에뮬레이터 오늘은 X세대 분들 중 8비트 컴퓨터 MSX 기종을 다룬 분들에게 친숙한 내용입니다 :) 64비트 컴퓨터를 사용하는 현 시대에 8비트 컴퓨터를 논하다니 크레이가 어떻게 된 것은 아닌가 싶지만, 크레이에게는 최초로 접한 추억의 컴퓨터입니다 :) 크레이는 대우에서 나온 1983년형 IQ1000 오락실용 컴퓨터를 학습용으로 다뤄보았습니다. 당시 이 8비트 컴퓨터로 게임 만드는 방법을 찾아다니느라 서점을 쏘다녔지요. 16비트 컴퓨터가 나오기 전까지는 당시 MSX IQ1000, MSX2 IQ2000 등의 컴퓨터가 한국에서 인기 몰이를 했었는데요. 재미있는 것은 16비트 컴퓨터가 처음 나왔을 당시 모니터 화면은 흰색과 검은색만 표시하는 흑백인 반면, 그 전의 이 8비트 컴퓨터는 알록 달록한 칼라 화면이었다는 점입니.. 더보기
- 카카오 GPT?! 'AskUp'이 나왔어요 드디어 올것이 왔습니다. 한글로 물어봐도 답변을 금방 척척, 소스 코드도 금방 짜주는 카카오톡 챗봇, AskUp 이 등장했습니다! 카카오톡에서 채널을 추가하면 되는데요. 채널 추가는 휴대폰에서만 가능하지만, 채팅은 PC에서 해도 됩니다. 역시 크레이의 최대 관심사는 코딩이라 대화를 시도해보았습니다. [크레이] 반가워요 [AskUp] 저도 반가워요. 이 그룹에서 새로운 사람들을 만나게 되서 좋아요. [크레이] chatgpt처럼 능력이 출중하다는 소문을 듣고 왔어요 [AskUp] 감사합니다! 저는 최선을 다해 노력하고 있어요. 그리고 이 그룹에서 다른 사람들과 함께 대화하면서 더욱 더 배워가고 있어요. [크레이] 소스코드 생성능력을 테스트해봐도 괜찮을까요? [AskUp] 네, 물론이죠! 제가 최대한 잘 할 .. 더보기