크레이의 최신컨텐츠입니다.
-
바빌론JS - 내 진짜 정체를 알려주지. 지난 시간 카메라 주도권 쟁탈전을 벌이던 NPC군은 자신의 이름을 밝혔는데요.https://itadventure.tistory.com/698 바빌론JS - NPC, 내 이름은 케이!지난 시간 엄청난 기술들을 선보이며 1위 자리를 다시 탈환한 미니 자동차,https://itadventure.tistory.com/697 바빌론JS - 미니자동차의 마을 탐방지난 시간에는 마을을 돌아다니는 NPC가 주인공이었지만itadventure.tistory.com그게 전부가 아니라 자신에게는 엄청난 비밀이 있다고 합니다.출생의 비밀일까요? :)소스 정리NPC 케이군의 정체를 밝히기 전에 소스를 정리하고 들어가겠습니다.일부 변수를 전역변수로, 그리고 기능들을 대부분 함수화한 main.js 소스입니다.main.js 를 아래 .. 더보기
-
바빌론JS - NPC, 내 이름은 케이! 지난 시간 엄청난 기술들을 선보이며 1위 자리를 다시 탈환한 미니 자동차,https://itadventure.tistory.com/697 바빌론JS - 미니자동차의 마을 탐방지난 시간에는 마을을 돌아다니는 NPC가 주인공이었지만,https://itadventure.tistory.com/696 바빌론JS - 경로 우대? 경로 따라 걷는 NPC지난 시간에는 한자리를 빙글 빙글 돌며 걷는 NPC를 만들었는데요.움itadventure.tistory.com우리의 NPC군도 가만 있을순 없다고 하네요. 그러면서 본인의 이름을 밝히는데요..본 게시글은 바빌론 공식 튜토리얼로 시작했다가 점점 안드로메다로 가는 크레이의 입맛에 맞는 게시글입니다 :)관심받고 싶은 NPC미니자동차의 활약에 NPC군, 카메라의 주도권을 본인.. 더보기
-
바빌론JS - 미니자동차의 마을 탐방 지난 시간에는 마을을 돌아다니는 NPC가 주인공이었지만,https://itadventure.tistory.com/696 바빌론JS - 경로 우대? 경로 따라 걷는 NPC지난 시간에는 한자리를 빙글 빙글 돌며 걷는 NPC를 만들었는데요.움직임이 좀 단순하지요?https://itadventure.tistory.com/695 바빌론JS - 이동하는 NPC지난 시간에는 마을을 달리는 미니 자동차에 대해itadventure.tistory.com미니자동차도 질세라 더 재미있는 것으로 인기를 찾겠다고 하네요.어디 한번 구경해볼까요? :)미니 자동차 다시 준비 미니 자동차도 직진만 하는 동작에 식상했는지 코스를 돌고 싶다고 합니다.코스를 도는 시스템은 앞방향 이동이라는 동작이 필요한데요.__root__ 라는 녀석을 불.. 더보기
-
바빌론JS - 경로 우대? 경로 따라 걷는 NPC 지난 시간에는 한자리를 빙글 빙글 돌며 걷는 NPC를 만들었는데요.움직임이 좀 단순하지요?https://itadventure.tistory.com/695 바빌론JS - 이동하는 NPC지난 시간에는 마을을 달리는 미니 자동차에 대해 다뤄보았습니다.https://itadventure.tistory.com/693 미니자동차 마을을 달리다이번 시간에는 지난 시간에 이어 https://itadventure.tistory.com/692 바빌론JS -itadventure.tistory.com이번 시간에는 경로를 따라 걷는 NPC를 다뤄보겠습니다.튜토리얼을 참고하긴 했지만 세컨드라이프에서 익혔던 크레이 나름의 기술을 활용하였습니다.레이저를 쏴라! ( 좌표 조사 )경로란 캐릭터가 이동하는 길을 의미하는데요. ( 아래 파.. 더보기
-
바빌론JS - 이동하는 NPC 지난 시간에는 마을을 달리는 미니 자동차에 대해 다뤄보았습니다.https://itadventure.tistory.com/693 미니자동차 마을을 달리다이번 시간에는 지난 시간에 이어 https://itadventure.tistory.com/692 바빌론JS - 때깔나는 미니자동차, 달려봐지난 시간에는 미니자동차 외형을 구성하는 모델을 만들었는데요.https://itadventure.tistory.com/6itadventure.tistory.com한방향으로만 달리는 자동차라니 좀 심심한 것 같아 이동하는 NPC 를 추가하겠습니다 :)이 컨텐츠는 공식 튜토리얼의 내용을 소화하여 크레이 입맛에 맞게 재구성하였습니다.캐릭터 준비!바빌론 공식 튜토리얼에 기본 제공 NPC가 있긴 한데요.직접 캐릭터와 걷기 애니메이.. 더보기
-
로우 폴리 만들어봄 ( 블랜더 ) 민규쌤님의 유튜브 강좌를 따라 블랜더로 로우 폴리를 만들어 봤습니다 :)https://www.youtube.com/watch?v=4ut9qOpPe2Q웬지 마음에 드네요 ㅎㅎ요새 학습하는 바빌론JS에서 자바스크립트 코드로 마을 광장에도 세워보았는데요. 괜찮네요 :)BABYLON.SceneLoader.ImportMeshAsync( "", "./", "character00.glb", scene).then((result) => { var mesh = result.meshes[0]; mesh.scaling = new BABYLON.Vector3(0.08, 0.08, 0.08); mesh.position.y = 0.5; mesh.rotate( BABYLON.Axis.Y.. 더보기
-
미니자동차 마을을 달리다 이번 시간에는 지난 시간에 이어 https://itadventure.tistory.com/692 바빌론JS - 때깔나는 미니자동차, 달려봐지난 시간에는 미니자동차 외형을 구성하는 모델을 만들었는데요.https://itadventure.tistory.com/691 바빌론JS - 미니자동차어릴적 장난감 자동차를 붕붕 소리내어 가지고 놀아보신 적이 있나요?적어도itadventure.tistory.com미니자동차가 실제 움직이는 연출을 하겠습니다.본 가이드는 공식 튜토리얼의 내용을 소화하여 크레이 입맛에 맞게 재구성하였습니다.미니 자동차 저장계속 공회전하는 자동자의 바퀴, 웬지 에너지가 아깝다는 생각이 들어이제는 자동차가 앞으로 직진하는 장면을 연출해볼텐데요.그 전에 자동차를 마을을 저장한 것처럼 gld 파일로.. 더보기
-
바빌론JS - 때깔나는 미니자동차, 달려봐 지난 시간에는 미니자동차 외형을 구성하는 모델을 만들었는데요.https://itadventure.tistory.com/691 바빌론JS - 미니자동차어릴적 장난감 자동차를 붕붕 소리내어 가지고 놀아보신 적이 있나요?적어도 필자의 어릴적 기억으로는 큰 장난감 자동차를 가진 친구를 어느정도 부러워 했던것 같습니다.추억을 회상하며 가itadventure.tistory.com그다지 모양이 나지 않아 에이~ 이게 뭐야 하신 분들도 계실겁니다.그랬던 미니 자동차가 오늘 새롭게 탄생합니다!바로 무늬빨을 입고 말이지요 :)이 내용은 공식 튜토리얼의 내용을 소화하여 크레이 나름대로 재구성한 것입니다.텍스쳐의 힘!3D 그래픽은 모델에 입히는 텍스쳐에 따라 느낌이 상당히 달라지는데요.미니자동차에 텍스쳐를 입혀 갖고 싶은 장.. 더보기
-
바빌론JS - 미니자동차 어릴적 장난감 자동차를 붕붕 소리내어 가지고 놀아보신 적이 있나요?적어도 필자의 어릴적 기억으로는 큰 장난감 자동차를 가진 친구를 어느정도 부러워 했던것 같습니다.추억을 회상하며 가상 공간에서 만들어보는 장난감 자동차의 세계로 떠나볼까요? :)이 게시글은 공식 튜토리얼을 소화하여 크레이의 입맛에 맞게 재구성하였습니다.지난 게시글에서는 마을을 저장하고 불러오는 부분을 진행했었는데요.이번 시간에는 그 연속이긴 하나 당장은 마을을 불러오지는 않을 겁니다.https://itadventure.tistory.com/690 바빌론JS - 마을 저장 & 열기지난 시간에는 멋진 마을을 꾸며 보았습니다.https://itadventure.tistory.com/689 바빌론JS - 마을 꾸미기지난 게시글에는 집을 만들고 표.. 더보기
-
바빌론JS - 마을 저장 & 열기 지난 시간에는 멋진 마을을 꾸며 보았습니다.https://itadventure.tistory.com/689 바빌론JS - 마을 꾸미기지난 게시글에는 집을 만들고 표면을 꾸며보았지요.https://itadventure.tistory.com/688 바빌론 JS - 집의 벽 표면 지대로.지난 게시글에서는 집을 만들어 보았었는데요.https://itadventure.tistory.com/687 바빌itadventure.tistory.com그런데 소스량이 만만치가 않습니다.이렇게 만든 마을을 장면 파일로 저장하면 관리하기 편리한데요..glb 장면 파일로 저장하는 법을 알아보고 파일을 불러오는 부분도 다뤄보겠습니다.장면 저장 cdn 설정사실 지난 게시글에 장면을 저장하는 부분을 다뤄보았습니다.https://itad.. 더보기
-
바빌론JS - 마을 꾸미기 지난 게시글에는 집을 만들고 표면을 꾸며보았지요.https://itadventure.tistory.com/688 바빌론 JS - 집의 벽 표면 지대로.지난 게시글에서는 집을 만들어 보았었는데요.https://itadventure.tistory.com/687 바빌론JS - 땅위에 집 만들기 ( 자바스크립트로 )오늘은 공식 튜토리얼의 집 짓기(영문)편을 크레이가 소화한 내용을 재itadventure.tistory.com이번 시간에는 만들어진 집을 이용하여 마을을 꾸며보겠습니다.박스와 지붕 합치기다양한 위치에 집을 배치하려면 박스과 지붕을 합쳐놓는 것이 좋습니다.그래서 하나의 house 라는 모델을 다루는 것이 편리한데요.두개의 모델을 합치는 명령은 BABYLON.Mesh.MergeMeshes 입니다.지난번 .. 더보기
-
바빌론 JS - 집의 벽 표면 지대로. 지난 게시글에서는 집을 만들어 보았었는데요.https://itadventure.tistory.com/687 바빌론JS - 땅위에 집 만들기 ( 자바스크립트로 )오늘은 공식 튜토리얼의 집 짓기(영문)편을 크레이가 소화한 내용을 재구성한 집 만들기편을 진행하겠습니다.비주얼 스튜디오 코드로 진행할텐데요. 지난 게시글의 아래 코드를 참조해 주세요.itadventure.tistory.com벽면을 보면 뭔가 이상한게 있습니다.벽돌의 방향이 한쪽 면은 가로 방향으로 맞게 보이는데,다른 면은 방향이 세로인걸 볼 수 있는데요.이 문제를 해결하려면 faceUV를 사용해야 합니다.우선 아래와 같이 코드를 변경하는 것만으로 위 문제는 해결됩니다.const faceUV = [];var box = BABYLON.MeshBuild.. 더보기
-
바빌론JS - 땅위에 집 만들기 ( 자바스크립트로 ) 오늘은 공식 튜토리얼의 집 짓기(영문)편을 크레이가 소화한 내용을 재구성한 집 만들기편을 진행하겠습니다.비주얼 스튜디오 코드로 진행할텐데요. 지난 게시글의 아래 코드를 참조해 주세요.지난 게시글 : https://itadventure.tistory.com/686 바빌론JS 를 vscode 에서 쉽게 - 코드스니펫 목록비주얼 스튜디오에서 바빌론JS의 플레이 그라운드처럼 코드 자동 완성 기능이 있으면 좋을텐데..생각해 보셨나요? 있더라구요 :)바빌론JS 코드 익스텐션 설치비주얼 스튜디오의 extension 확장 프itadventure.tistory.com가상공간에 그림같은 집을 짓고 거기서 걱정없이 살 수 있다면 좋겠지만,세상은 그렇게 우리를 여유롭게 내버려 두지는 않지요 :)그냥 상상의 나래를 펼쳐 잠깐 .. 더보기
-
바빌론JS 를 vscode 에서 쉽게 - 코드스니펫 목록 비주얼 스튜디오에서 바빌론JS의 플레이 그라운드처럼 코드 자동 완성 기능이 있으면 좋을텐데..생각해 보셨나요? 있더라구요 :)바빌론JS 코드 익스텐션 설치비주얼 스튜디오의 extension 확장 프로그램에서 babylon 을 검색하시면 babylon.js Snippet 이 나오는데요.이걸 설치해 주시면 됩니다.바빌론JS 기본소스 자동 완성바빌론JS 의 익스텐션 기능은 확장자 .js 와 .ts 파일에서만 작동하기 때문에,HTML 파일과 JS 파일, 각 1개씩 생성해 주어야 하는데요.HTML 페이지를 생성하여 오픈한 다음,Ctrl + Space 키를 누르면 코드 스니펫 목록이 나옵니다.HTML scene 이 바빌론JS 기본 소스이므로 선택하면,아래와 같이 HTML 소스가 완성됩니다./main.js 를 스크.. 더보기
-
바빌론JS - 웹개발 기본형 지난 게시글 장면 처리편에 이어서 오늘은 웹 개발 기본형에 대해 다뤄보겠습니다.https://itadventure.tistory.com/684 바빌론JS - 장면에서 모델 불러오기지난 시간에는 장면을 생성하고 이를 뷰어에서 불러오는 방법을 살펴보았습니다.https://itadventure.tistory.com/683 바빌론JS - 장면 만들고 뷰어로 불러오기지난 게시글에 바빌론JS를 이용하여 재미난itadventure.tistory.com 플레이 그라운드는 편리하긴 하지만, 가끔 접속이 안되기도 하고 무엇보다 서버와의 실시간 인터렉션에는 한계가 있습니다.아마도 대부분의 웹 개발자분은 플레이 그라운드가 아닌 백앤드 서버와 통신이 가능한 자신만의 웹환경에서 바로바로 소스를 수정해가며 개발을 원하실 수 있는데.. 더보기
-
바빌론JS - 장면에서 모델 불러오기 지난 시간에는 장면을 생성하고 이를 뷰어에서 불러오는 방법을 살펴보았습니다.https://itadventure.tistory.com/683 바빌론JS - 장면 만들고 뷰어로 불러오기지난 게시글에 바빌론JS를 이용하여 재미난걸 만들어보았었는데요.https://itadventure.tistory.com/680 바빌론js - 3차원 웹!평소 취미 활동대로 이것 저것 다양한 코드의 바다를 순항하던 중 아주 흥미로itadventure.tistory.com하지만 플레이 그라운드에는 장면 파일을 업로드하는 기능이 없습니다.그래서 이번에는 플레이 그라운드에서 제공하는 기본 장면 컨텐츠를 가지고 놀아보는 시간을 가져 보겠습니다.집 2채 장면 ( both houses scene ) 소개바빌론JS에는 초보자를 위한 연습용 .. 더보기
-
바빌론JS - 장면 만들고 뷰어로 불러오기 지난 게시글에 바빌론JS를 이용하여 재미난걸 만들어보았었는데요.https://itadventure.tistory.com/680 바빌론js - 3차원 웹!평소 취미 활동대로 이것 저것 다양한 코드의 바다를 순항하던 중 아주 흥미로운 걸 발견했습니다.바로 babylon JS(바빌론JS) 라는건데요.얼마전 다루었던 Three.js와 비슷한 라이브러리로서 웹(Web)에itadventure.tistory.com원리를 모르고 진행했기 때문에 신기하긴 했지만 어떻게 그런건지 이해가 어려울 수 있습니다.오늘은 그 원리를 하나씩 밝혀 보고자 합니다 :)기초코드가장 기본적인 코드는 아래와 같습니다.scene 와 camera 는 필수로 제공되어야 하는데요scene 은 가상공간을, camera 는 카메라를 의미합니다. 상세 .. 더보기
-
블로그에 스케치팹 3D 장면 넣기 이제는 유튜브 뿐만 아니라 3D 장면도 블로그에 넣을 수 있는 시대가 왔습니다.스케치팹(Sketch Fab)이 바로 그러한데요.아래 평온하게 잠들어 있는 친구 도그(Dog)를 마우스로 이리 저리 잡고 움직이거나 돌려보거나마우스 휠을 확대해 보세요. 스마트폰이라면 두손가락으로 확대/축소/이동해보세요. 여지껏 본적이 없으셨다면 신세계이실 겁니다 :) Dog by sv.stats on Sketchfab스케치팹의 이러한 장면은 마치 유튜브처럼 블로그 본문에 넣을 수 있는데요.티스토리 기준으로 설명드리겠습니다.거두절미하고 바로 시작해 보죠, 스케치팹으로 이동!https://sketchfab.com/화면 위 검색창에 영어로 검색하시거나딱히 단어가 떠오르지 않으면 Explore 메뉴에 마우스를 대면 선택할 수.. 더보기
-
바빌론js - 3차원 웹! 평소 취미 활동대로 이것 저것 다양한 코드의 바다를 순항하던 중 아주 흥미로운 걸 발견했습니다.바로 babylon JS(바빌론JS) 라는건데요.얼마전 다루었던 Three.js와 비슷한 라이브러리로서 웹(Web)에서 3차원 그래픽을 다루는 자바스크립트입니다. 도입부를 시도해보니 어라? 잠깐 투자한 시간 대비 멋진 결과물을 보여줄 수 있어 나름 만족스럽네요.오늘은 해당 부분을 공유드리고자 합니다.본 내용은 공식 문서의 튜토리얼 내용을 소화하여 크레이 나름대로 재작성하였습니다.https://doc.babylonjs.com/journey/theFirstStep플레이 그라운드! 놀이터로 가볼까?바빌론JS는 실시간으로 코드를 작성, 결과를 볼 수 있는 3차원 플레이 그라운드(PlayGround)를 제공합니다.일종의.. 더보기
-
워드 편집하는 PHP, 음? 오늘은 재미난걸 소개해드리려 합니다.바로 PHP 가 MS-WORD 를 실행해서 문서를 작성하는 건데요.폰트크기를 지정하거나 밑줄을 긋기도 하고 심지어 문서를 열어 놓은채로 두거나 저장도 할 수 있습니다.이를 위해 2가지 전제조건이 필요한데요.첫째 윈도우 PC 환경에 XAMPP 를 설치하고,둘째는 윈도우에 MS-WORD 가 설치되어 있어야 합니다.XAMPP 설치는 아래 게시글을 참조해 주시면 됩니다.https://itadventure.tistory.com/627 윈도우에 PHP 8 설치 + MYSQL 연결 예제 ( APM 설치 - 2023. 9. 1기준)오늘은 윈도우에서의 PHP(피에이치피) 설치에 대해 알아보겠습니다. 2023. 9. 1 기준 최신 PHP 버전은 8.2 인데요. 8.3 버전이 있긴 한데 .. 더보기
-
리눅스( CentOS )에서 C# 바로 실행! 오늘은 리눅스 팁을 공유드리고자 합니다.바로 리눅스에서 씨샵(C#) 프로그램을 실행하는 방법인데요.CentOS7을 기준으로 하고 있습니다만 CentOS8에서의 설치 방법도 적어놓도록 하겠습니다.테스트는 못 해봤네요 :)리눅스 터미널 정도는 사용하실 줄 아신다는 기준에서 시작합니다.심심하실까봐 CCM 음악하나 공유드립니다. 들으면 기분이 좋아 지실 거예요 :)설치방법관리자(sudoer) 권한이 있는 사용자로 로그인 한 다음 설치해주시면 되는데요.먼저 아래 명령을 실행한 다음,sudo rpm -Uvh https://packages.microsoft.com/config/centos/7/packages-microsoft-prod.rpm아래 명령을 실행해주시면 됩니다.sudo yum -y install dotne.. 더보기
-
사이드 프로젝트 : "유튜브 배경 영어학습" PHP + Jquery 사이드 프로젝트 공개!현충일과 지난 주말에 개발하긴 했는데 이제야 공개합니다 :)3일 가량 소요된것 같네요.예전에 웹사이트 배경으로 커다란 동영상이 나오는 사이트를 보았던 적이 있는데요.유튜브 배경으로 영상이 나오면서 영어퀴즈를 풀 수 있는 사이트가 있으면 좋을것 같아 만들어 보았습니다.URL 주소 : http://dreamplan7.cafe24.com/english/처음 사이트에 접속하면, Rain 이라는 타이틀과 'Click Any Place' 문구가 뜰텐데요.그 때부터 간단한 문제 풀이가 시작됩니다.특징을 말씀드리면 페이지 전환시 새로 고침이 어보기에 동영상의 재생이 끊기지 않는 다는 점이고,페이지 전환시 FadeIn, FadeOut 효과가 합성되어 화면이 오버레이 된다는 점입니다.이 후 추가한 기.. 더보기
-
파이썬과 PHP의 콜라보! PHP웹에서 그래프 그리기 ( Matplotlib - pyplot ) 파이썬 웹서비스하면 장고(Django)가 유명하지요.그런데 재미 있는 걸 알아 냈습니다.파이썬과 PHP 가 만나면 PHP 에서 파이썬 그래프를 그릴수 있다는 걸 말이지요 :)이건 엄청난건데요. PHP 를 웹서비스를 하면서 파이썬도 할 수 있다는 거거든요.원리는 간단합니다.1) 파이썬에서 그래프를 그립니다.2) 그래프를 stdout 로 출력합니다.3) PHP에서 stdout로 출력한 내용을 받아옵니다.4) base64 img 태그를 이용해 화면에 출력합니다.거두절미 하고 바로 소스를 보겠습니다.파이썬으로 그래프를 그리는 소스를 구성합니다.pyplot.py#!/usr/bin/python -uimport matplotlib.pyplot as pltimport sysplt.rc('font', family='Ma.. 더보기
-
자바 - 백앤드 학습 #4. 스프링-JDBC 네이버에서 제공하는 부스트코스 강좌 "웹 백앤드 심화" 과정에서자바의 JDBC에 대한 기본 학습을 진행하였습니다.https://www.boostcourse.org/web326/lecture/58973?isDesc=false자바와 PHP 차이점을 살펴보니..잠깐 자바와 PHP를 비교해보며 느낀 점을 적어보겠습니다.PHP 의 편리한 개발 방식에 비해, 자바는 매우 불편하다는 느낌을 받았습니다.PHP에서는 1~2줄이면 끝날 코드를 JDBC 는 이런 저런 객체를 가져다가 정확히 일치시켜 주어야 하거든요. 그 과정에 코드가 많아집니다. 그나마 데이터베이스를 다루면서 JDBC를 사용하지 않으면 코드가 더욱 많아집니다.하지만 비록 불편함을 감수하며 얻을 수 있는 이로움은 테이블 필드명을 잘못 기재해 발생하는 문제와.. 더보기
-
구글시트 - 노랑색 셀만 합산?! 구글 시트에서 배경색이 특정색인 셀만 합산하는 기능이 있을까요?확장 프로그램에 있습니다 :)먼저 파워 툴(Power Tools) 확장 프로그램을 설치해야 하는데요.1) 확장 프로그램2) 부가기능 3) 부가 기능 설치 메뉴를 선택 후,4) 검색창에서 Power Tools 를 검색하고5) 아래 이미지와 동일한 이미지를 선택, 설치를 진행해주시면 됩니다.이제 구글 시트 오른쪽에 Power Tools 도구상자가 노출되었을 텐데요. 혹여라도 X 아이콘으로 닫았더라도,1) 확장 프로그램2) Power Tools3) Start 메뉴를 선택하여 다시 띄우실 수 있습니다.이제 시트를 아래와 같이 꾸몄다고 가정합시다.여기서 1행부터 5행까지 노랑색 배경의 갯수 또는 합계를 구하려는게 목적인데요.파워 툴의1) 통계 아이콘 .. 더보기
-
자바 - 백앤드 학습 #3. 부스트코스 프로젝트 A 변형 제작 부스트 코스의 자바 백앤드 심화과정 학습을 하면서 '과제'란게 있어서"엇? 이런것도 있네?" 하고 도전의욕을 불태우며(?) 내심 기대했다가..아쉽게도 과제 제출 서비스는 종료되었더라구요.원본 게시글 : https://www.boostcourse.org/web326/project/205/content/164?isDesc=false#summary뭐.. 어파치 기술을 익히기 위한 용도이기 때문에..약간 아쉽긴 하지만 기왕 하는 김에 제시된 '명함관리 프로젝트' 대신 이를 약간 흉내낸 '마트 상품 관리 프로젝트'를 개발해 보았습니다.일부 소스만 채워 넣는게 아니라 전체 소스를 재구성해야 해서 난이도는 약간 더 높긴 하지만29년의 개발 노하우가 있지 않습니까? :) 4시간 정도 투자해 끝마쳤습니다.해당 부분을 공.. 더보기
-
Three.js - Reading constructor 에러 해결 방법 자바스크립트 3차원 라이브러리 Three.js 가 버전이 점점 변화됨에 따라 이제 과거에 개발했던 소스들은 작동이 되질 않습니다.Three.js 의 CDN URL 이 바뀌었을 뿐 아니라,3차원 모델을 불러오는 방법이 약간 바뀌었기 때문인데요.오늘은 과거에 크레이가 개발한 '무한 돈 뽑기 기계'페이지가 오류가 발생해서 해결한 사례를 공유드리고자 합니다.CDN URL이 바뀌다!우선 과거에 CDN 주소를 통해 three.js 를 불러오는 방법이 아래와 같았었는데요.이제 이렇게 사용해야 합니다.아무쪼록 필요하신 분에게 도움이 되셨으면 합니다.이상 크레이의 짧은 팁이었습니다!three.js 를 본격적으로 학습해 보고 싶으시다면 아래 상품 정보를 참조해 주세요."이 포스팅은 쿠팡 파트너스 활동의 일환으로, 이에 따.. 더보기
-
자바 - 백앤드 학습 #2. 이클립스 + 메이븐 webapp ( 2024. 5월 기준 ) 부스트 코스의 백앤드 학습을 하면서 메이븐(Maven)이라는 약간 복잡한 부분을 진행해보았는데요.이클립스에서 메이븐을 사용하는 방법인데 이클립스 버전도 바뀌었고 설정이 그리 쉽지 않습니다.해당 부분 공유드리겠습니다. 역시나 크레이도 나중에 제 글을 보고 도움을 받으려는 의도이지요 :)원본 강의 게시글 : https://www.boostcourse.org/web326/lecture/58938?isDesc=false프로젝트생성이클립스 2024. 3 버전을 설치하셨다면 별 다른 플러그인 설치 없이 바로 Maven 프로젝트를 만들 수 있는데요.이클립스를 시작하여 File - New - Maven Project 메뉴를 선택하고,아래 화면에서는 Next 버튼 클릭,아래 화면에서는 Artifact Id 값이 mave.. 더보기
-
자바 - 백앤드 학습 #1. 톰캣, 이클립스, JDK설치 ( 2024. 5월 기준 ) 요즘은 네이버 부스트 코스 자바 백앤드 강의를 수강 중에 있는데요. 무료라서 좋습니다 ㅎㅎ크레이는 JSP 는 잠깐 접해본적 있지만 서블릿(Suvlet)이라든가 스프링(Spring)은 사실 해본적이 없어 익혀보기로 했습니다.기왕이면 중간 중간 정리해서 미래의 제가 봤을 때 금방금방 기억을 떠올리고, 또 다른 누군가에게도 도움이 되시길 바라면서 말이죠 :)이 글의 정리 시점은 2024. 5. 15일입니다.강의대로 따라하면 설치 부분에서 화면이 전혀 달라 막히는 부분들이 있는데요. 그래서 크레이가 알아낸 부분을 정리하였습니다.강의 내용은 너무 좋은데 진행을 못하는 경우가 아까워서요 :)본 강의 URL은 아래와 같습니다. 상세한 내용은 이 곳을 참조해 주세요.https://www.boostcourse.org/w.. 더보기
-
개발 무료 인강 '부스트 코스' 부스트 코스라는 사이트를 알게 되었습니다.https://www.boostcourse.org/네이버나 구글아이디로 가입하여 로그인할 수 있구요.부스트 캠프는 모든 강의가 무료입니다.'자바'라든가 '파이썬' 등의 키워드로 검색하면, 아래와 같이 강의 리스트가 주루룩 나오는데요.크레이는 자바를 다뤄본적이 없습니다.그래서 자바 기초를 좀 익히고자 '쉽게 배우는 자바1'강좌를 신청, 청강하였는데요.강사님의 아주 상세한 설명이 머리에 쏙쏙 박히더군요.난이도는 뭐 기초과정인지라 현업인 저에게는 매우 쉬웠습니다. 2일만에 패스~진도체크, 중간 중간 퀴즈풀이 등의 과정이 있어 동기부여도 되는 이점이 있습니다.특히 주목할 만한 부분은 '수료증'을 발급해준다는 점인데요.본 강의의 경우 500점 만점, 100%강좌를 수강하면.. 더보기
-
파이썬 - 장고 - 투표하기 공식 튜토리얼 따라하기 #4 지난 게시글에 이어 튜토리얼 따라하기는 계속됩니다 :)이번에는 정식으로 투표에 참여하는 부분을 다루게 됩니다. 파이썬 - 장고 - 투표하기 공식 튜토리얼 따라하기 #3지난 게시글에 이은 장고 공식 튜토리얼 투표하기 따라하기 3편입니다 :)역시 크레이 입맛(?)에 맞게 일부 가감한 부분이 있습니다.지난 게시글 : https://itadventure.tistory.com/665 파이썬 - 장고 - 투itadventure.tistory.comhttps://docs.djangoproject.com/en/5.0/intro/tutorial04/투표 기능 구현설문 페이지 detail.html 템플릿 파일을 아래와 같이 수정하고,polls/templates/polls/detail.html {% csrf_t.. 더보기
-
나더러 주여 주여 하는 자와 심령이 가난한 자 "나더러 주여 주여 하는 자마다 천국에 다 들어갈 것이 아니요 다만 하늘에 계신 내 아버지의 뜻대로 행하는 자라야 들어가리라" - 마태복음 7:21 -"심령이 가난한 자는 복이 있나니 천국이 그들의 것임이요" - 마태복음 5:3 -산상수훈 내용이 기록된 마태복음 7:21 말씀은 본문에 나열된 수 많은 말씀들을 모두 지켜 '하늘에 계신 내 아버지의 뜻대로 행하는 자'여야 천국에 들어간다는 말씀으로 해석되는 듯 합니다.하지만 산상수훈에서 예수님께서는 아래 말씀으로 첫 마디를 시작합니다."심령이 가난한 자는 복이 있나니 천국이 그들의 것임이요"앞뒤 내용이 상반되는 것 같아 보이지 않나요? 다르게 해석한다면 심령이 가난한 것이 아버지의 뜻을 행하는 것일까요? ‘심령이 가난한 자’는 누구를 말하는 것일까요?본문에.. 더보기
-
파이썬 - 장고 - 투표하기 공식 튜토리얼 따라하기 #3 지난 게시글에 이은 장고 공식 튜토리얼 투표하기 따라하기 3편입니다 :)역시 크레이 입맛(?)에 맞게 일부 가감한 부분이 있습니다.지난 게시글 : https://itadventure.tistory.com/665 파이썬 - 장고 - 투표하기 공식 튜토리얼 따라하기 #2지난 게시글에 이은 장고 공식 튜토리얼 투표하기에 대한 따라하기의 다음 편입니다 :)한국 상황에 맞게 일부 수정한 부분, 그 외 크레이가 나름대로 일부 가감한 부분이 있습니다.https://itadventuritadventure.tistory.comhttps://docs.djangoproject.com/en/5.0/intro/tutorial03/상세 페이지 URL 만들기지금까지는 첫페이지 주소만 만들었습니다.http://127.0.0.1:80.. 더보기
-
파이썬 - 장고 - 투표하기 공식 튜토리얼 따라하기 #2 지난 게시글에 이은 장고 공식 튜토리얼 투표하기에 대한 따라하기의 다음 편입니다 :)한국 상황에 맞게 일부 수정한 부분, 그 외 크레이가 나름대로 일부 가감한 부분이 있습니다.https://itadventure.tistory.com/664 파이썬 - 장고 - 투표하기 공식 튜토리얼 따라하기 #1지난 게시글에서 파이선 장고를 설치, 홈페이지 첫 화면을 구성하는 방법을 살펴보았는데요.https://itadventure.tistory.com/663 파이썬 - 장고, 초간단 웹서버 구축오늘은 윈도우에서 파이썬으로 웹 서itadventure.tistory.comhttps://docs.djangoproject.com/en/5.0/intro/tutorial02/그럼 시작해볼까요? 렛츠 꼬우~한글 설정config/se.. 더보기
-
파이썬 - 장고 - 투표하기 공식 튜토리얼 따라하기 #1 지난 게시글에서 파이선 장고를 설치, 홈페이지 첫 화면을 구성하는 방법을 살펴보았는데요.https://itadventure.tistory.com/663 파이썬 - 장고, 초간단 웹서버 구축오늘은 윈도우에서 파이썬으로 웹 서비스를 다루는 장고(django)에 대해 알아보았습니다.파이참(PyCharm - 2013.1 버전) 프로그램으로 진행했는데요.장고 설치파이참 프로그램은 이미 설치되어 있는itadventure.tistory.com홈페이지는 보통 첫 화면으로만 구성되지 않지요.이제 서브 페이지를 만들어 볼 차례인데요.장고 프로젝트 공식 사이트의 튜토리얼(영문)을 따라서 진행해 보았습니다.https://docs.djangoproject.com/en/5.0/intro/tutorial01/ 장고 프로젝트 기본 .. 더보기
-
파이썬 - 장고, 초간단 웹서버 구축 오늘은 윈도우에서 파이썬으로 웹 서비스를 다루는 장고(django)에 대해 알아보았습니다.파이참(PyCharm - 2013.1 버전) 프로그램으로 진행했는데요.장고 설치파이참 프로그램은 이미 설치되어 있는 상태에서 장고 설치부터 진행하겠습니다.파이참 프로그램의 좌측 하단에 터미널 버튼을 선택하면 터미널 창이 열리는 데요.그곳에 아래 명령을 입력하여 장고를 설치하면 됩니다.pip install Django이어서 웹 서비스를 구성하는 프로젝트를 설치합니다.django-admin startproject config .이 2줄만으로 장고 웹서비스는 모두 설치한 셈입니다.장고 실행이제 장고 웹 서버를 실행해보겠습니다.아래 명령어를 입력하면,python manage.py runserver장고 웹서버가 실행되며, U.. 더보기
-
HQ9+ 문제 풀이 - 파이썬(PYTHON) CodeUp? 크레이는 처음 보는 코딩 사이트인데요.도전 욕구를 자극하는 문제가 있어 풀어보았습니다.사이트 : https://codeup.kr/문제URL :https://codeup.kr/problem.php?id=1808문제의 상세 정보는 URL 찾아가서 보시면 됩니다 :) 문제의 설명이 처음 풀어보는 개발자에게는 다소 어려울 수 있어 보충설명을 덧붙이자면 아래와 같습니다.우선 HQ9+ 라는 언어의 소스코드가 입력됩니다.소스코드는 각각 1글자 단위로 이루어져 있으며 'H', 'Q', '9', '+'라는 4가지 코드로만 구성되어 순서는 랜덤으로 입력됩니다.그래서 각 코드(글자)에 대해 처리를 하면 되는 데요.입력은 아래와 같이 자유분방하게 주어질 수 있습니다.'HQ9+''QH+9''HQHQQQ+9HQ9'.. 더보기
-
코파일럿, 노래 만들어줘! 묻지도 따지지도 말고 들어보기! 허허.. 이제 인공지능이 노래를 만드는 시대가 왔네요. 그것도 엄청 쉽게 말이죠. Edge 브라우저만 있으면 사용법은 간단합니다. 1. Edge 브라우저 실행, 우측 코파일럿 아이콘 클릭! 2. 화면 우측, 플러그인 선택, Suno 를 사용 활성화해주세요. 3. 어떤 노래를 지어 달라고 코파일럿에게 채팅으로 대충 부탁합니다. "애완동물 초코와 함께 푸르른 공원을 함께 뛰어다니는 밝고 경쾌한 장르의 분위기곡을 만들어줘" 4. 잠시만 기다리시면 되는데요. 코파일럿이 알아서 가사말과 노래를 모두 작곡해 줍니다. 바로 플레이해보시거나 다운로드하실 수 있어요 :) 친구에게 전할 메시지를 노래로 만들어 보내는 것도 좋겠지요 ? :) 흥미로우셨나 모르겠네요. 오늘도 방문해주신 모든 분.. 더보기
-
플러터 SIDE 프로젝트. 바이블 마인드 #1 요즈음 바이블 마인드라는 사이드 프로젝트 앱을 개발중입니다. 주말에 잠깐 틈내 하는거라 진도는 느린 편이나 나름 뿌듯하네요 ㅎㅎ 규칙은 간단합니다. 빈칸이 군데 군데 뜷여 있는 성경 말씀이 주어지면 해당 빈칸에 들어갈 글자들을 맞추는 건데요. 주관식이면 어려울 수 있어. 화면 아래 보기가 주어집니다. 앞에서부터 빈칸에 들어갈 글자를 차례대로 선택해 나가는 건데요. 한글자씩 정답을 맞추면 점수가 오르지만 틀리면 하트 하나를 소진합니다. 5개의 하트를 모두 소진하면 더 이상 문제를 풀 수 없지만 일정 시간 후 다시 충전이 되지요. 뭐 대략 이런 구도입니다. 글자를 다 맞추면 다음 문제가 이어서 출제됩니다. 1회용 플레이로 국한되어 있어 앱을 다시 시작하면 점수가 0점부터 시작하는 단점이 있는데요. 차후 사용.. 더보기
-
플러터 체험기 5. 갤러리 사진 뷰어 스마트폰으로 사람들이 가장 많이 하는 것은 무엇일까요? 전화통화가 원래 주목적이겠지만 어떤 사람들은 사진을 찰영하기도 합니다. 휴대용 카메라이기도 한 스마트폰의 또 다른 용도인 카메라로 찍은 사진은 갤러리에 보관되지요. 걸러리에 보관한 사진을 꺼내 보면서 흐뭇~한 과거와 추억을 회상하기도 합니다. 오늘은 갤러리에 보관한 사진을 열어 보는 간단한 뷰어를 연습해 보았습니다. 실용앱은 아니고 그냥 단순한 기능 테스트용 예제이며 생각보다는 코드가 짧다고 느껴지는데, 여러분 생각은 어떨지 모르겠네요. ※ 2024. 2. 25일 테스트하였습니다. 그럼 오늘도 '심심하면 지는거다'라는건 아니고~ 지루하지 않게 CCM 뮤직 하나 들어어보시면서 렛츠 고우하시면 어떨까요~ ^O^ 이미지 피커를 이용한 대략적인 구상 갤러리.. 더보기