전체 글71

• 

  🌷 3월 달력 에펠탑 배경화면 무료 공유 (PC 데스크탑/ 모바일)🌷 안녕하세요~ 코드그림입니다! 벌써 3월이 왔네요 ㅜㅜ🌸 제 데스크탑에 아직도 12월 배경화면이 적용되어 있어서 ㅎㅎ 3월 배경화면을 만들어봤습니다. 만든김에 무료로 여러분과 공유해요~ 다들 3월 산뜻하게 시작하시길 바래요😊 1. 모바일 3월 달력 배경화면 2. PC/데스크탑 3월 달력 배경화면 ※상업적 이용은 안됩니다. 개인적 용도로만 사용해주세요※ ※불이익시 책임져 드릴수 없어요!※ 그럼 이만~ 오늘도 행복한 코딩디자인 하시고 저는 다음 유익한 콘텐츠로 찾아뵐게요~ 이상 코드그림이었습니다! | 🎨그림 , 디자인 | 2024. 2. 22.

• 

  모바일게임 배포 완료 ! / Save Money 게임설명 안녕하세요~ 코드그림입니다! 이번에 세이브머니라는 게임을 만들게 됐어요. 게임의 UI부터 게임하는 방법까지 하나 하나 차례로 설명해 드릴게요! 1. 게임UI 우선 UI는 이런 시크한 블랙 배경에 귀여운 동전들이 위에서 내려오는 모습입니다. 맵이 세계 대륙으로 나뉘어져 있어요! 아시아, 아메리카, 유럽, 오세아니아, 아프리카로 이루어져 있습니다. 각 대륙에서 랭킹을 갱신할 수 있어요! 2. 게임방법 게임방법은 간단합니다. 어떤 동전이 떨어지는지 위에 표시가 되어 있어요. 그 동전을 어디다 떨어뜨릴지 정한다음 탭해서 동전을 내려주세요. 똑같은 동전이 만나면 더 큰 동전으로 바뀝니다. 큰 동전을 많이 만들수록 점수가 올라가요! 최고점수를 기록하고 친구들과 공유해보세요! 랭킹은 저장되며 대륙의 1인자가 될 수 .. l 🤖 코드 l 2024. 1. 25.

• 

  vite 프로젝트 vercel에서 배포 안될때 / 간단해결✨ 안녕하세요~ 코드그림입니다. 제가 이번에 vite로 프로젝트를 만들었는데 vercel에서 배포가 안됐었거든요 🤣 그래서 해결 방법을 까먹지 않도록 블로그에 적어둡니다 ㅎㅎ 우선 vite는 단일페이지 프로젝트를 빠르게 빌드하도록 도와주는 툴이기 때문에 html 파일이 여러개가 되는 순간부터 에러에 봉착하기 시작하는데요, 그럼 여러개의 html 파일을 어떻게 관리하고 프로젝트 루트를 설정해야 하는지 알려드릴게요! 👇제가 vercel로 배포한 vite 프로젝트 입니다👇(https://jng-3d-project.vercel.app/) 1. html 파일 프로젝트 루트 관리 한개의 폴더 안에 한개의 html파일을 넣는 방식으로 관리한다. 제 프로젝트 루트는 위에 보시는 화면과 같습니다. 보시면 dist 파일 안에.. l 🤖 코드 l 2023. 12. 14.

• 

  유니티 AR 라인드로잉 / 카메라 증강현실 라인드로잉 하는 법 안녕하세요~ 코드그림입니다! 오늘은 유니티로 라인드로잉 하는 법을 정리해 볼게요!! ㅎㅎ 아래와 같이 내맘대로 그림을 그릴 수 있는 앱이에요😃👍 우선 유니티부터 켜주세요~!! 1. 프로젝트 셋팅 1-1. window -> Package Manager 1-2. AR foundation 패키지 매니저 다운로드 상단 +버튼 옆에 packages: Unity Registry로 바꿔주시고 검색으로 com.unity.xr.arfoundation을 검색하시면 금방 착오없이 찾으실 수 있습니다. 그게 아니라면, 스크롤해서 AR foundation을 찾으신 뒤에 다운로드 해주세요😀 2. 유니티에서 프로젝트 에셋 설정해주기 위와 같은 모습으로 파일들을 셋팅해줍니다. 여기서 중요한건 Script 파일을 만들 때 이름을 수정.. l 🤖 코드 l 2023. 11. 22.

• 

  [윈도우/안드로이드스튜디오] 에뮬레이터 실행 안됨 오류 해결 방법! / 안드로이드 스튜디오 핸드폰으로 실행하기! 안녕하세요~ 코드그림입니다! 윈도우 환경에서 안드로이드 스튜디오 사용하시는 분들중에 에뮬레이터 실행 안돼서 답답하신분들 많으시죠? 웹앱 무한로딩 오류, 앱실행 오류들이 코드 오류가 아닌 에뮬레이터 오류일 가능성도 있으니 확인해 보셔요! 제 경우에는 코드상 오류가 없는데 자꾸 무한로딩이 걸리거나 앱실행이 안되더라구요, 근데 맥북에서는 실행이 되길래 하 윈도우는 안되는건가 ㅠㅠ 했는데 찾아보니 에뮬레이터 오류였습니다! 해결법은 physical 에뮬레이터를 활용하는 방법인데요! 실제 디바이스로 실행을 해보는거예요! 설정 및 테스트 방법은 아래와 같습니다. 1. 핸드폰 개발자 도구 실행 (핸드폰 설정 > 개발자 옵션) (개발자 도구가 활성화 되어있지 않은 분들은 아래의 글을 먼저 참고하여 개발자 도구부터 실행시.. l 🤖 코드 l 2023. 11. 4.

• 

  [안드로이드/갤럭시] 핸드폰 개발자 도구 활성화 해서 코드 실행하기 안녕하세요~ 코드그림입니다! 개발하다보면 핸드폰으로 직접실행이 필요한 경우가 많은데요, 오늘은 실제 디바이스에서 코드를 실행시키기 위해 개발자 도구를 활성화 하는 방법을 알려드리겠습니다. 1. 핸드폰 설정으로 갑니다. 2. 휴대전화 정보로 갑니다. 3. 소프트웨어 정보로 갑니다. 4. 빌드번호를 연속 7번을 탭합니다. 5. 설정 맨 하단에 개발자 옵션 탭이 생긴 것을 확인 할 수 있습니다. ㅎㅎ 간단하죠? 이제 개발자 옵션을 활용해 편하게 코드 테스트를 해보실 수 있습니다. 고생하셨어요! 그럼 오늘도 즐겁고 행복한 코딩 하시길 바라면서~ 저는 이만 들어가 보겠습니다! 이상 코드그림 이었습니다! 기타 문의사항은 댓글로 알려주시면 확인하는대로 답글 달아드려요~ l 🤖 코드 l 2023. 11. 4.

• 

  핑크색키보드 3년써본 후기(Cherry MX board 3.0 저소음적축) 안녕하세요~ 코드그림입니다. 오늘은 제가 3년넘게 사용해 온 저의 애착 핑크색 키보드 리뷰를 해보려고 합니다. 저는 기계식 키보드에 처음 입문하고 가성비 좋고 예쁜 키보드를 찾다가 Cherry MX board 3.0를 만나게 됐습니다. 사무실에서 사용할 용도였기 때문에 키감은 좋으면서 소리는 시끄럽지 않은 키보드를 찾게됐어요. 그렇게 꼼꼼하게 비교하고 구매하게 된 키보드! 실물부터 보여드릴게요. 1.외관 풀샷은 이런 모습입니다. 키캡은 다른 키보드들이랑 교환해서 의미있게 섞어서 쓰고있어요 ㅎㅎ 저기 고냥이 발바닥모양🐾 키캡은 알리익스프레스에서 4천원대(배송비포함)로 구매하였습니다. 사무실에 셋팅된 모습은 이런 모습입니다. 업무에 집중할땐 스트레스를 많이 받는데 그나마 핑크를 보면 좀 위안이 되기도 해요... |🦄 직장인 | 2023. 9. 15.

• 

  웹사이트 링크 ->앱으로 (안드로이드 스튜디오 초기설정 및 웹뷰설정) 안녕하세요~ 코드그림 입니다! 오늘은 안드로이드 스튜디오에서 웹뷰를 통해 웹사이트 링크를 앱으로 만드는 방법에 대해 알려드리겠습니다! 1.안드로이드 스튜디오 실행 일단 안드로이드 스튜디오를 열어주시고 Empty Activity를 눌러주세요. Next 누르시고 다음화면에서는 아래와 같이 설정해 주세요. Name: 앱네임 영어로 설정 Package name: com.회사이름(혹은 프로젝트 이름).앱이름 Save location: 편한 루트로 설정하시되 새폴더를 생성해서 내부에 아무것도 없는 폴더를 설정해주셔야 됩니다. Minimum SDK: API 24로 설정해주세요! finish를 눌러줍니다. 2.xml파일 설정 프로젝트가 켜졌다면 좌측 폴더트리에서 app오른쪽 클릭 New -> xml -> Layout .. l 🤖 코드 l 2023. 9. 10.

• 

  웹사이트 링크 -> 앱으로 만들기 (웹앱만들기/EXPO웹뷰) 간단버전 안녕하세요~ 코드그림입니다! 오늘은 웹사이트 링크 하나로 앱을 만드는 방법을 공유합니다. 그럼 바로 실행해 볼게요! ※준비사항: C드라이브에 바로 새폴더를 하나 생성합니다.(프로젝트의 루트가 될 폴더입니다.) 1.Expo CLI설치 먼저 터미널에서 아래의 명령어를 입력해 주세요. npm install -g expo-cli 2.Expo 프로젝트 생성 다음 명령어를 입력해 주세요. expo init my-project (my-project는 내 프로젝트 영문으로 입력) 3.프로젝트 경로로 이동 cd my-project로 경로를 이동해주세요. cd my-project 4.웹뷰설치 npx expo install react-native-webview 5.App.js파일 수정 프로젝트 경로에 웹뷰까지 설치했다면 아.. l 🤖 코드 l 2023. 9. 6.

• 

  Expo go 실행안될때 / 명령어 한 줄이면 해결! 안녕하세요~ 코드그림입니다! 윈도우 환경에서 EXPO GO를 실행했을 때 파란창과 함께 "something went wrong" 이라는 문구가 뜨거나 무한 로딩에 걸리는 에러를 많은 분들이 마주하실 텐데요. 그때 해결책! 명령어 한 줄! 터미널창에 npx expo start --tunnel 이라고 치시면 됩니다. 제가 이 에러로 4시간을 무한 구글링과 기타 다른 소프트웨어 설치 삭제를 반복했었는데요 ㅠㅠ 부디 이 글을 빨리 읽으시고 야근없이 즐코딩 하시길 바랍니다. 코드그림이었습니다~! l 🤖 코드 l 2023. 9. 6.

• 

  코코스 크리에이터 웹으로 내보내고 자동 반응형 설정하기 안녕하세요~ 코드그림입니다! 최근에 코코스 크리에이터로 게임을 개발했어요. 처음부터 웹/앱 동시 제작 계획이었던 프로젝트라서 디자인부터 모바일 사이즈로 제작했습니다. 나머지 여백은 자동 검은색 배경이 들어가더라구요. 모든 설정은 웹으로 내보낸 후에 다시 css로 변경할 수 있습니다. 그럼 우선 만들어둔 게임을 웹으로 내보내는 것 부터 해볼게요. 1. 빌드한 게임 코코스 크리에이터 에디터에서 웹으로 내보내기 상단 프로젝트 버튼 > 빌드 버튼을 눌러줍니다. 에디터 창 제목 설정해 주시고 플랫폼은 web desktop으로 설정해 줍니다. 빌드버튼을 클릭하면 저렇게 주황색 창이 로딩되면서 completed되는 화면을 보실 수 있습니다. 2. 빌드 후 html 파일 커스텀하기 빌드된 파일 경로로 들어가서 vs코드.. l 🤖 코드 l 2023. 8. 29.

• 

  여러개 버튼 소리 한번에 넣기/ 코코스 크리에이터 ✨코드그림 안녕하세요~ 코드그림입니다. 코코스 크리에이터에서 버튼 여러개에다 한번에 사운드 적용하는 방법을 알아보겠습니다. 1. 노드트리에서 빈 노드를 만든다. 2. 노트를 buttons라고 명명하고 노드안에 버튼들을 다 넣는다. 3. Buttons_sound라는 자바스크립트 파일을 생성한다. //버튼소리 설정 파일 cc.Class({ extends: cc.Component, properties: { btn_sound: { default: null, type: cc.AudioClip } }, onLoad: function () { var buttons = this.node.children; for (var i = 0; i < buttons.length; i++) { var button = buttons[i].get.. l 🤖 코드 l 2023. 7. 25.