an_4_gel의 등록된 링크

 an_4_gel로 등록된 네이버 블로그 포스트 수는 99건입니다.

[블책 8주 차]'독학'개발자 주간 일기 [내부링크]

매주 역대급 날씨를 느낄 수 있는 여름이다. 차를 타서 온도계를 보니 41도가 찍혀있는게 보였다. ㄷㄷㄷ 그래도 구름이 항상 이뻐서 기분은 좋았다. 이번주는 Unity 게임 개발에 시간을 좀 쏟아봤다. 1. Unity 개발 일지 연금술을 바탕으로 맵을 돌아다니는 게임으로 탈을 좀 바꿔봤다. 불이 불을 만나 에너지가 되고, 에너지와 물이 만나 수소가 되는 게임이다. 본래 재료공학을 10년을 했던터라 전공을 살려서 제작해보았다. (참고로 필자는 재료 공학 4년, 배터리 석사 2년, 연료전지 3년 연구소) 현재 47개의 조합까지 레시피를 만들었고, 계속 추가할 예정이다. 이번에 작업하면서 좀 새로운 것들을 알게되었다. 데이터를 좀더 편하게 저장하는 방법과 엑셀 데이터를 json형식으로 가져와 유니티에 적용하는 방법이다. 세상이 좋아지긴 했나보다.

[블책 9주 차]'독학'개발자 주간 일기 [내부링크]

이번주는 비가 자주 와서, 자전거를 한 번 밖에 못탔다. 가는 길에 꽃이 활짝 폇길래 한 번 찍어봤다. 이번 주도 비가 겁나 쏟아진다하니, 자전거를 못 탈꺼같다.... 가는길에 구름을 보니 공룡 같아서 한 컷 1. 유니티 개발 일지 전체 맵은 시약병 처럼 구성해 봤다. 맵을 돌아다니며 재료를 모아 조합을 하는 게임이다. 재료를 구해 조합하고 추출하여 주기율표를 채워 볼 수 도 있다. 물로 시작해 어디까지 갈 수 있을지 알아보자. 완성되고 이제 구글에 올릴 준비 중이다. 2. Vue 개발 일지 이상적인 기후에 사회적으로 기여를 하고 싶어 만들어 본 웹사이트다 우리가 컴퓨터를 하면 CO2가 얼마나 생산되는지 경각심을 줄 수 있기를 바란다. 무더운 날씨로 굉장히 지치고, 앞으로 나아가기 힘든 하루하루다. 특히 이번주는 데이터를 서버에 저장하고 불러오는 걸 좀 다뤘는데, 쉽지가 않아 스트레스가 잔뜩이다. 시간이 되면 몽고DB 사용하는 법을 한 번 정리해 보겠다.

[Vue/CompositionAPI] Cookie에 데이터 저장하고 불러오기, vue-cookies 사용법 [내부링크]

웹 개발자라면 쿠키에 대해 알고 사용할 줄 알아야합니다. 쿠키는 서버에 저장되는 것이 아니라 사용자의 브라우저에 저장됩니다. 1분만에 알아보고 바로 사용하여 봅시다. 1. 설치 vue-cookies A simple Vue.js plugin for handling browser cookies. Latest version: 1.8.1, last published: 3 months ago. Start using vue-cookies in your project by running `npm i vue-cookies`. There are 185 other projects in the npm registry using vue-cookies. www.npmjs.com https://www.npmjs.com/package/vue-cookies 그냥 아래 명령어 입력해서 설치를 해줍니다. 아래 명령어를 입력해 설치해 줍시다! npm i vue-cookies 2. 기본 문법 import VueCook

[블책 10주 차]'독학'개발자 주간 일기 [내부링크]

이번 주는 비가 어마 무시하게 내려서 하늘이 무너져 내리는 줄 알았다. 비가 너무 와서 운동하러 가기도 귀찮고 계속 집에만 있어 더니 살만 뒤룩뒤룩 쪄버렸다. 1. 게임 출시 드디어 완성해서 출시하려 하는데 안 보이던 오류들이 보이고 자꾸 수정해 나아가다 보니 시간이 많이 지체되어서 이제 출시했다. https://play.google.com/store/apps/details?id=com.DefaultCompany.game Alchemy - Periodic Table - Apps on Google Play Explore to get materials, combine them to create new substances. play.google.com 게임은 전체 맵을 시약병처럼 구성해 봤다. 맵을 돌아다니며 재료를 구해 조합하고 추출하여 도감, 주기율표를 채워 볼 수도 있다. 물, 불, 공기, 흙으로 시계를 만들어보았다. 비도 그치고 나서 날씨도 많이 풀린 거 같다 지난주만큼은 덥지 않

[블책 11주 차]'독학'개발자 주간 일기 [내부링크]

이번주에 큰 비가 온다 했지만 생각보다 하늘은 맑았고 비는 오지 않았다. 구름이 뭉게뭉게 있는게 이뻐서 한 컷! 1. 게임 출시 우리를 알리고 게임을 소개할 홈페이지를 개설했다. Vue로 개발을 했고, heroku로 배포를 시작했다. (혹시 궁금하신 분은 방문해보셔도 좋습니다.) https://afternoon-river-12350.herokuapp.com/ SaveEarth 시작 - 2021.08.01 까치울에 사는 형제가 결성함 게임하로 가기 첫 출시 - 2021.9.13 '모여라 햄스터' 게임하로 가기 두번째 출시 - 2021.10.07 '진짜 계단은 어디' 게임하로 가기 세 번째 출시 - 2021.10.10 '터치 햄스터' 게임하로 가기 네 번째 출시 - 2021.10.24 '행성 부수기' 게임하로 가기 다섯 번째 출시 - 2021.11.21 '전구를 부숴라' 게임하로 가기 여섯 번째 출시 - 2021.12.07 '60초 게임' 게임하로 가기 일곱 번째 출시 - 2022.06

[블책 5주 차]'독학'개발자와 '햄스터'의 주간 일기, 개발자 주간 일기 [내부링크]

이번 주에 아쉬운 부분 다 고치고 구글 콘솔에 지금까지 만든 햄스터 게임을 출시했다. 단순한 터치 게임이라 금방 마무리할 줄 알았지만 오류 수정하고 아쉬운 부분 고치다 보니 이제야 마무리 지었다(우리가 모르는 오류가 남아있을지도??...ㅎㅎ) 1. 출시 완료 우리 뉴 앙금이를 주인공으로 만든 터치 게임을 출시해서 지금 구글플레이스토어에 등록된 상태이다 아직 코딩 실력이 좋은 게 아니라 부족한 면이 많이 보인다. 이 게임으로 수익이 나온다면 우리 앙금이 간식이나 더 사줘야겠다. 2. 까치 브라의 한주 볶음밥과 카레 뿐이더 식단에서 새롭게 보급된 음식으로 조금 더 풍족한 삶을 보냈다 점점 다양한 맛을 맛보며 혀가 살아나고 있다. 집 근처 하천(베르네 천)에서 산책하다 보면 한주에 대한 고민과 걱정들이 눈 녹듯이 사라지고 하천에 가끔씩 물고기와 오리 두루마리 등이 보이는데 볼 때마다 힐링이 된다.

[Unity] 유니티 쉽게 플레이어 따라다니는 카메라 만들기 (Cinemachine) [내부링크]

쉽고 빠르게 복잡하게 코딩할 필요 없이 카메라가 플레이어를 따라니게 만들어 보겠습니다. 1.시네머신 임포트하기 유니티에서 Window > Package Manager > Unity Registry 이동한 다음 시네머신(Cinemachine) 선택해서 임포트 해줍니다. 2. 2D용 카메라 만들기 상단에 시네머신(Cinemachine) > Create 2D Camera 선택해줍니다 가상 카메라(CM vcam1)를 만들어지고 씬에서 처음으로 가상 카메라를 만든 경우 메인 카메라에 Cinemachine Brain 컴포넌트도 추가됩니다. 2.생성된 가상 카메라 안의 CinemachineVirtualCamera > Follow 에다가 플레이어를 추가 시켜줍니다. 3.필요에 따라 직교,바디 설정해줍니다. 3. 카메라 범위 주기 1. Project에서 confiner 검색후 Cinemachine Confiner을 가상카메라(CM vcam1)에다가 추가시켜줍니다. 2. 게임오브젝트 하나 생성해준후

[Unity] 유니티 빌드 안하고 바로 모바일로 실시간 테스트하는 방법, (Unity Remote) [내부링크]

안녕하세요 이번에는 유니티 오래 기다려 빌드할 필요 없이 바로!!! 핸드폰으로 테스트 할 수 있는 방법을 알아보겠습니다. 1.핸드폰에 Unity Remote5 설치하기 Remote 어플을 설치 해주시고 이제 어플을 실행시키고 PC에 연결하면 되는데 ※ 그전에 스마트폰은 개발자모드에 디버깅모드가 켜져있어야 합니다. ※ 2.개발자모드,디버깅 모드 켜기 먼저, 개발자모드를 어떻게 키는 방법은 스마트폰을 켜시고 설정-> 휴대전화 정보-> 소프트웨어 정보 들어가시면 '빌드 번호' 가 보이는데, '빌드 번호'를 계속 터치를 하시면 '개발자 옵션 4단계' '개발자 옵션 3단계' '개발자 옵션 2단계' '개발자 옵션 1단계 라는 문구가 차례로 나온뒤 비밀번호 입력 창이 나오면 비밀번호 입력 하시면 개발자 옵션이 활성화가 될것입니다. 그럼 다시, 설정화면으로 돌아가서 제일 하단에 '개발자 옵션'이라는 항목이 추가 되어있습니다. 개발자 옵션에서 'USB 디버깅'을 허용합니다. 이제 모든 설정이 끝났습

[블책 6주 차]'독학'개발자와 '햄스터'의 주간 일기, 개발자 주간 일기 [내부링크]

비가 점점 그치고 날씨고 너무 좋아져서 나들이 하고 싶었지만... 너무 더운관계로 ㅎㅎ 카페에 가서 평화롭고 여유로운 한주를 보냈다. 1.카페 이번주 평일에는 여유롭게 혼자 카페에가서 책도읽고 공부도 하면서 많은 시간을 보냈다. 2.시골 방문 오랜만에 시골집에 방문 했는데 옛날보다 닭이 많이 늘어났다. 귀엽고 쪼끄만하던 강아지가 지금은 아주 그냥 늠름하게 자랐다. 너무 오랜만에 와서 그런지 나를 못 알아보는 거 같다. 3.깜짝방문 덥다고 피신해온 도도 귀여워서 사진 찍을라고 핸드폰 들었는데 딱 눈이 마주쳐서 바로 그냥 눈싸움 시전!!

[Vue3/Err] vue : 이 시스템에서 스크립트를 실행할 수 없으므로, Vue 설치 오류, 에러 해결하기 [내부링크]

컴퓨터 포멧 한 번하고, 다시 Vue.js를 설치해보니 말썽이다. Vue 설치시 흔하게 발생하는 오류를 해결해보자. 원인 설명 이런거 다 제외하고 해결법만 제시하겠다! 1. PowerShell 관리자로 실행 2. Set-ExecutionPolicy RemoteSigned 입력 "Y" 입력 후 엔터 3. Get-ExecutionPolicy 입력 RemoteSigned가 뜨면 성공! 4. 결과 잘 설치됬고, 버전까지 확인이 되었다!

[Unity] 유니티 무한 맵 만들기(translate, AddForce) [내부링크]

무한 맵, 무한 배경 계속 반복되는 맵을 만들어 보자 1. 배경 생성 자연스럽게 스프라이트를 연결한 다음 Collider 2D 생성해 줍니다. GameoObject("Ground") 생성해 준 후 스프라이트들을 넣어 줍니다. 그리고 반복하게 될 맵들을 관리할 GameObject("GameManager") 생성해 줍니다. tirgger 사용을 위해 GameManager에다가 스프라이트 Collider 2D 똑같은 사이즈로 만들어주고 한 칸 띄고 연결해 줍니다. Rigidibody 2d 추가해 주고 Body Type은 Kinematic 설정해 줍니다. 2. 태그 추가 inspector ->Tag -> Add Tag... 태그 이름은 원하는 이름 설정하시면 됩니다. 저는 "Ground"로 설정했습니다. 스크립트 작성 3.Translate GameObject Ground; float Speed; Rigidbody2D rb; private void Start() { Ground = GameO

[블책 7주 차]'독학'개발자 주간 일기 [내부링크]

이번주는 날이 무척이나 맑았다. 그리고 또한 덥고 습한걸 보니 여름은 여름인가보다. 문득 '에어컨 발명하신 분은 천사일까' 라는 생각이 들었다. 더운 날씨, 아니 이상 기후가 여기 저기서 발생한다는 뉴스가 들렸다. 그래서 이번에 Vue로 무언가 사회에 기여할 수 있는 앱을 만들고 싶었다. 1. Vue 개발 일지 VS Code로 작성을 하고있다. 컴퓨터가 포멧을 한 상태여서 Vue를 사용하기 위해 설정을 다시 해줬어야했다..... 흠.... 처음에는 뭐지 했지만, 기억을 더듬은 결과 지난번에도 겪은 오류여서 쉽게 해결했다. 혹시 같은 오류를 겪는 분들을 위해 글을 정리해 두었다. 일단 지구 온난화의 주범 CO2버튼만 맛보기로 올려보겠다. 아이디어는 간단하지만 서버와 연결을 해야해서 작업이 조금은 어려울 듯하다. 몽고DB를 이용해서 서버를 연결할 계획인데, 중요한 것은 처음이라는 것! ㅠㅠ 완성이 되면 서버 연결하는 법도 정리해 보겠다. 2. Unity 개발 일지 요즘 개발하고 있는 R

[Unity] 유니티 2021버전에서 볼트 사용하기, Visual scripting 사용하기 [내부링크]

2020 이전 버전에서 볼트를 잘 사용하다 2021 버전에서 볼트가 안보이죠? 이름이 바뀌었습니다. 0. 영상으로 보러가기 영상은 40초! 글은 10초? 1. 빈오브젝트 생성 빈 오브젝트 생성 후 'Inspector'창에 'Add Component'를 눌러주세요! 맨밑에 'Visual Scripting'을 눌러주세요! 2. 볼트 사용할 때와 똑같이 설정 후 켜기 볼트 때와 조금 디자인이 다르네요! 그래도 사용하는데는 아무 문제가 없습니다!

[블챌 4주 차] '독학'개발자와 '햄스터'의 주간 일기, 개발자 주간 일기 [내부링크]

이번주에 비가 많이 와서 테라스가 무너졌다..... 시멘트를 사다 보수를 했다. 땡뼡에 공구리를 치니 꽤 고생을 했다. 이제 방수 코팅을 해야하는데... 걱정이 많다. 아무튼 이번주에는 개발 스트레스보다, 집 수리 스트레스가 많은 한 주 였다.ㅠ 1. 프로젝트 완료 출시했지만, 뭔가 아쉬움과 놓친부분이 있었다. ㅠ 출시 전에는 몰랐는데, 출시하고 나니 이상한 점들이 마구 보인다... 자꾸 광고 창이 게임을 가려버려서, UI창과 카메라 각도를 수정했다. 코딩 중 도도가 자꾸 문을 열고 들어온다.... 나중에 기회가 되면 찍어보겠다... 수시로 문을 두들겨 보고, 얼굴을 비집고 들어온다ㅋㅋ 가만히 두면 내 옆까지도 온다 ㅋㅋ 이번주는 강의 영상을 제작 중인데, 처음 찍어보기에 생각보다 시간이 많이 걸렸다. ㅠㅠ 다음주는 좀더 코딩을 더 많이 해야겠다.

[Unity] 유니티 RPG 게임에서 사용하는 인벤토리 기본 구조 만들어보기 [내부링크]

이번에는 유니티에서 RPG 게임에서 자주 사용되는 인벤토리 틀 간단하게 만들어보겠습니다. 1. 슬롯 만들기 Canvas → Image → Panel 순으로 생성해 줍니다. Panel 하위에다가 Panel 하나 더 생성한 다음 이름을 Contant라고 변경해 준 다음 아이템을 담기 위해 Add Component 클릭 후 Grid 'Layout Group' 추가해 줍니다. Padding 레이아웃 그룹 에지의 패딩입니다. Cell Size 그룹의 각 레이아웃 요소가 사용할 크기입니다. Spacing 레이아웃 요소 간의 간격입니다. Start Corner 첫 요소가 위치하는 코너입니다. Start Axis 요소를 따라 배치할 주축을 지정합니다. Child Alignment 레이아웃 요소가 사용 가능한 공간을 전부 사용하지 않는 경우, 사용할 얼라인먼 방식입니다. Constraint 자동 레이아웃 시스템을 지원하기 위해 격자 무늬의 행렬 수를 제한합니다. Contant 안에 버튼들을 집어넣으

[동영상 편집] 5초만의 알아보는 무료로 동영상 길이/크기 자르기 하자 [내부링크]

영상이 너무 길거나 필요한 부분만 잘라서 보여주고싶으시다면 초 간단 무료로 동영상 편집 사이트 'Adobe Express' 1.사이트 들어가기 https://www.adobe.com/kr/express/feature/video/crop 무료 온라인 동영상 자르기 | Adobe Express 자르기 도구로 무료로 쉽게 동영상을 자르세요. 동영상 자르기 앱으로 쉽고 빠르게 원하는 종횡비로 자르고 YouTube 채널, Twitter 포스트, TikTok 계정 등에 업로드할 수 있습니다. www.adobe.com 2.동영상 편집하기 1.동영상 업로드 클릭 편집하고싶은 영상 선택하기(동영상 최대 길이는 1시간입니다.) 2.편집하기 동영상 크기 자르기 종횡비를 고르거나 자유롭게 선택하신 다음 자르기 핸들로 조절해서 자르세요 동영상 자르기 도구로 중요한 부분으로 넘어가세요. 핸들바를 사용해 조절하거나 시작과 끝 칸에 정확한 시간을 입력해 정확한 위치를 잘라내세요. 3.다운로드 끝!~

[Unity] 유니티 코루틴(Coroutine) 사용법에 관하여!! [내부링크]

이번 시간에는 코루틴(Coroutine) 사용방법에 대해서 알아보겠습니다. 1.코루틴 언제 쓰이는가? 코드가 반복적으로 실행되기 위해 Update 문을 사용하지만 특중 구간에서만 반복을 원하는 코드가 있다면 원하든 원하지 않든 매 프레임 반복적으로 실행되고 있어 매우 비효율적으로 볼 수 가있다. 이럴 때 사용되는 게 코루틴(Coroutine) 원하는 순간에만 코루틴(Coroutine)을 사용하게 되면 필요한 순간에만 반복하고 필요하지 않을 때는 사용하지 않아서 매우 매우 굳! 반복뿐만 아니라 코루틴(Coroutine)함수는 일정 시간 동안 멈춰있다가 실행시킬 수도 있다. 2.코루틴 사용방법 IEnumerator 함수이름(){ yield return ~~; //함수 } 1. 코루틴은 IEnumerator라는 반환형으로 시작해야 한다. 2. 반환 시 return 이 아닌, yield return으로 돌려주어야 합니다 (yield return 뒤에는 반환 시간을 명시해 줍니다.) yiel

[unity] 유니티 사진 한 장으로 애니메이션 만들기 (유니티 리깅 이용, 뼈 사용) [내부링크]

게임을 만들다 보면 캐릭터 애니메이션을 사용하는 경우가 많다. 근데 그때마다 다 그려줄 수는 없다.... 그래서 사진 한 장으로 뼈를 심어 애니메이션을 만들어보자! 0. 영상으로 보러 가기 - YouTube YouTube에서 마음에 드는 동영상과 음악을 감상하고, 직접 만든 콘텐츠를 업로드하여 친구, 가족뿐 아니라 전 세계 사람들과 콘텐츠를 공유할 수 있습니다. youtu.be 글은 5분! 영상은 7분! 1. 포토샵 작업하기 포토샵이 없는 분들은 무료 포토샵 포토피아를 이용하시면 됩니다. Photopea | Online Photo Editor Photopea: advanced image editor Free online editor supporting PSD , XCF , Sketch , XD and CDR formats. ( Adobe Photoshop , GIMP , Sketch App , Adobe XD , CorelDRAW ). Create a new image or ope

[Unity] 유니티 Canvas에 동영상 넣기, 유니티 영상 첨부하기 [내부링크]

영상을 넣고 싶은 적이 있나요? 게임 제작하다 보면 영상같은거 넣어본 적이 없는데, 그래도 가끔 한 번씩 넣었으면 좋겠다 싶은 순간 들이 있습니다! 1분만에 배워볼까요? 0. 영상으로 보러가기 영상은 1분짜리! 블로그 글은 30초짜리! 1. Video Player 만들기 먼저,자신이 원하는 영상을 준비해주세요. 저는 롤에서 자주 볼 수 있는? 승리 영상을 넣어볼께요!. Hierarchy창에서 Canvas를 만들고 Video -> Video Player을 넣어주세요. Project 공간에 마우스 오른쪽 버튼 클릭 후 Creat -> Render Texture을 만들어 줍니다. 그 후 처음에 만든 Video Player의 Inspector창으로 가줍니다. Video Clip -> 준비한 영상 Target Texture -> 방금 만든 New Render Texture 을 넣어줍니다. 2. 보여줄 위치 정하기 Canvas에 Raw image를 넣어줍니다. 사이즈와 위치는 자신이 원하는 대

[Unity] 유니티 직접 움직이는 애니매이션 그리고 만들기 [내부링크]

유니티를 사용하다보면 필요한 그림을 그려야 할 때가 있죠? 직접 그려보고 애니매이션까지 만들어봅시다. 0. 영상으로 보러가기 영상은 보는데 2분 글은 읽는데 40초 1. Pixel art 그리기 Piskel - Loading your piskel ... www.piskelapp.com 픽셀 아트를 그릴 수 있도록 지원해주는 사이트 입니다. 무료이니 마음껏 사용하셔도 됩니다! 인터페이스가 상당히 직관적으로 되어있어 그리는 건 어렵지 않습니다. 하얀상자와 검정상자를 그렸습니다. 이 상자를 깜빡이도록 만들어보겠습니다. 그림을 그리고 사진에 표시된 '산 그림' 클릭 후 '다운로드'하시면 PNG로 그림이 저장됩니다. 2. Sprite Editor 사용하기 추출된 PNG 파일을 드래그하셔서 Project에 넣습니다. 그 후 클릭하시면 오른쪽에 'Inspector'창이뜹니다. 'Sprite mode'를 'Multiple'로 변경하신 후 'Sprite Editor'를 클릭합니다. 왼쪽 상단에 'S

[블챌 3주 차] '독학'개발자와 '햄스터'의 주간 일기, 개발자 주간 일기 [내부링크]

어렵다 어려워.... 이번 주는 개발된 게임을 이용해 실시간 방송을 하기 위해, 아두이노와 유니티를 연동하는 작업을 좀 했다. 1차 목표는 아두이노로 데이터를 받아오면 유니티로 UI를 구성해, 실시간 방송 디자인을 하려 했다. 계획대로 되지 않는 게 인생이던가.... 계획대로 되는 세상이었다면, 세상은 좀 더 부유했겠지? 화성도 개발되고 자동차도 날아다니고.... 각설하고 아무튼 잘 안됐다는 말을 돌려 했다 ㅠㅠ 아두이노와 유니티를 연결해서 데이터를 받아오는 게 쉽지가 않았다. 결국 성공을 했다. 1. 뉴 앙금들이의 한 주 이번 주는 코드를 좀 수정해서 RPM을 좀 더 정확하게 카운트하도록 했다. (코드는 곧 공개하겠다.) 과연 바뀐 코드로 어떤 결과가 나왔을까?? 흠 차이는 굉장했다. 지난번 코드로 측정할 경우 평균 2만 번 이상 돌리지만, 수정 후에는 14,000번밖에 못 돌린다. 햄스터가 빠르게 돌다 내려오면 관성 때문에 열 바퀴 이상도 도는 경우가 허다하다. 그런 것들을 제거

[Inventor] 햄스터 달리기 측정기 (feat. arduino, unity), 유니티 아두이노 연동 [내부링크]

햄스터를 키우는 입장에서 그런 생각이 든다. 내 햄스터는 밤새 얼마나 달릴까? 단순한 질문을 시작으로 측정해보기로 한다. 1. 설계 '자기센서'를 이용해 한 바퀴 돌릴 때 마다 신호를 받는다. 햄스터가 내려도 관성때문에 돌아가기 때문에, 일정 RPM 밑으로는(햄스터가 사라지면 RPM 급격히 감소) 신호를 받지 않는다. 신호를 시간과 횟수로 받아서, 계산을 통해 RPM과 속도를 구하고 이동거리를 계산해준다. 받은 데이터를 화면에 나타내기 위해서 '유니티'를 이용해 처리했다. 쳇바퀴에는 자석을 붙이고, 자기센서를 뒤에 고정시켜두면 자석이 한 바퀴 돌아 센서로 오면 감지가 되는 대충 그런 과학이다. 받아온 데이터를 유니티로 처리해서 상태창을 띄우겠다. 2. 아두이노 데이터는 아두이노로 받아온다. attachInterrupt라는 함수를 이용해 한 바퀴 도는 시간과 횟수를 받아왔다. 따라할 분들이 별로 없을꺼 같아, 주석은 안달았다. 혹시 궁금하신 분은 댓글 달아주세요. int oldtime

[크롬/Chrome]크롬 버전 빠르게 확인하는 방법 [내부링크]

크롬 버전을 빠르게 확인하는 방법 알려드리겠습니다. 우측상단 '크롬 맞춤설정 및 제어' 도움말 Chrome 정보 끝!

[Unity] 아두이노와 유니티 연동하기, 아두이노 데이터 값 유니티에서 받기(Arduino, Unity) [내부링크]

외부에서 받은 데이터를 유니티에서 처리하고 싶나요? 아두이노를 이용해 센서 값을 받아서 유니티에서 한 번 다루어봅시다. 0. 영상으로 보러 가기 영상은 4분! 글은 3분! 영상은 원테이크로 해서 쉽게 따라 하실 수 있습니다. 1. 아두이노에서 작업 void setup() { Serial.begin(9600); } void loop() { Serial.println("1"); } 아두이노에서 위에 코드를 복붙합니다. 간단히 시리얼 통신을 열어 준 후, 1(string)을 출력하는 코드입니다. 이렇게 출력된 1(string)을 유니티에서 읽어보겠습니다. 시리얼 모니터에 1이 잘 출력되는 것을 확인 후 '툴' 탭에 들어가서 포트 넘버를 확인합니다. 2. 유니티에서 작업 유니티 C#스크립트 유니티에서 'C# 스크립트'를 만들어서 아래 코드를 복붙해줍니다. using System.Collections; using System.Collections.Generic; using UnityEngin

[프로젝트 1] 햄스터 대통령 만들기 - 게임 제작 [내부링크]

나는 햄스터를 기른다. 근데 내 햄스터는 진짜 귀엽다. 내 햄스터에 무언가 해주고 싶다는 생각이 깊이 든다. 1. 기획의도 어느 날 집에서 코만 내밀고 숨을 쉬는 걸 보니, 너무 귀엽다는 생각이 들었다. '귀여운 걸로 순위를 매긴다면, 앙금이(햄스터 이름)는 대통령감이다.'라는 생각으로 시작했다. 간단한 터치 게임을 만들면 사람도 햄스터도 동시에 즐길 수 있지 않을까? 우리 햄스터 리즈시절 지금은 다들 성장해서 따로따로 살고 있다ㅠㅠ 이름은 '뉴 앙금이'들이다. 어쨌든 햄스터도 할 수 있을 만큼 쉬운 게임을 만들어 보자는 생각으로 프로젝트를 진행하게 되었다. 2. 프로젝트 기간 약 3주간 작업하였다. 제일 어려웠던 것을 뽑으라면 햄스터 그리는 작업이었다.... 그래도 내 눈에는 귀엽게 잘 뽑힌 거 같다. 모션까지 모두 그렸고, 나름 내 인생 작이다. 절찬리(자화자찬)에 판매 중이니, 제가 유명해지기 전에 구매해두는 것도 나쁘지 않은 생각이라 사려됩니다. (틈새 광고 ㅎㅎ) Pixel

[NFT 조합하기] 그림 조합해서 대량 생성하기, 5분 만에 따라 하기 [내부링크]

NFT를 보면 그림들을 조합하여 대량으로 미팅하는 사람들이 많다. 이번 시간에는 레이어를 이용해 그림들을 조합하여 대량 생성 하는 방법에 대해서 알아보겠습니다. 0. 이미지 준비 진행하기 전! 반드시 준비해 주세요~ 조합할 이미지(ex: 몸, 머리, 장신구, 배경...) 레이어들을 준비해놓습니다. 1. 비주얼 스튜디오, 노드 다운 아래 링크를 통해 비주얼 스튜디오 다운로드해 줍니다. https://code.visualstudio.com/ Visual Studio Code - Code Editing. Redefined Visual Studio Code is a code editor redefined and optimized for building and debugging modern web and cloud applications. Visual Studio Code is free and available on your favorite platform - Linux, macOS, and

오픈씨 NFT 대량 자동 민팅 하기, 보안 -로봇이 아닙니다. 해결까지!!! [내부링크]

마우스 클릭 하나까지 세세하게 보실 분들은 영상을 추천합니다. 영상 12분 이번에는 NFT 대량으로 자동 민팅하는 방법에 대해서 알아보겠습니다. 그리고 오픈씨 자동민팅 문제점 중 보안-I'm not a robot 해결까지 해보겠습니다. 0. 사전 준비 - 오픈씨에서 컬렉션 생성 - 밑에 링크를 통해 컬렉션 생성까지만 해줍니다. [NFT] 5분만에 NFT 만들고 판매하기, 오픈씨(OpenSea) NFT생성(민팅) 가스비 무료!! 폴리곤(Polygon) 판매까지 요즘 NFT가 인기가 많은데 왜 인기가 많은걸까? 일단 나도 만들어보면 우연찮게 누군가 사지 않을까? 사... blog.naver.com - 이미지 대량 생성- [NFT 그림 만들기] 그림 조합해서 대량 생성하기 nft를 보면 그림들을 조합하여 대량으로 민팅하는 사람들이 많다 이번시간에는 레이어를 이용해 그림들을 ... blog.naver.com - 깃허브 - 밑에 링크를 타고 들어가도 됩니다. GitHub - infotrex/

크롬 5초만에 다운로드 경로 설정 [내부링크]

인터넷에서 무언가 다운하다보면 C드라이브 금방 꽉찬다... 경로 설정으로 용량 관리를 해보자! 1. 5단계로 알아보는 설정 1. 3점클릭(우측상단) 2. 설정 3. 고급(좌측사이드바 ) 4. 다운로드 5. 원하는경로설정 아래 GIF을 보며 따라해보자!

[Coding] 코딩이란 무엇인가? [내부링크]

요즘 여기저기서 코딩 얘기가 들리고, 비전공자들도 코딩에 많이들 뛰어든다 한다. 그렇다면 우리도 시대의 흐름에 뛰어들어보자! '컴퓨터가 이해 할 수 있는 언어로 정확하고 분명하게 명령을 내리는것' 컴퓨터에게 명령을 안내린다면 어떻게 될까? 컴퓨터는 명령(코드)이 없다면 마우스를 아무리 딸깍거려도 반응이 없다. 마우스가 딸깍거릴 때 구독이라는 명령어를 코드로 심어줘보자. 그러면 컴퓨터는 이해하고 실행 한다. 그렇다면 명령을 내리는 언어는 무엇일까? 우리는 일상에서 자음 14자와 모음 10자로 모든것을표현한다. (지금 이 글도 24자로 구성 되어있다.) 소설을 읽고 대화를하고 모두 24자로 할 수 있다.(한국에서) 그렇다면 컴퓨터에게도 한글로 명령을 내리면 될까? 대답은 'No' 컴퓨터는 0과 1만 이해 할 수 있다. 하지만 0과 1로만 대화를 하면 우리가 너무 힘들 것이다. (실제로 옛날 사람들은 0과 1로만 코드를 짯다.) 그래서 프로그래머들은 사람의 언어와 비슷하도록 고급 언어를

[Unity/오답노트] 유니티 스크립트 실행 시 무한 로딩 (Hold on) [내부링크]

유니티 허브를 새로 설치 했더니, 비주얼 스튜디오를 실행 할 때 마다 무한 로딩에 빠진다.... Hold on.... 주구장창 기다려봐도 해결되지 않는다... 1. 원인 여러 원인 중 필자에게 해당된 원인은, 유니티 허브 버전이 여러개여서 발생한 것이다. 이전 버전이 지워지지 않고, 새로운 버전을 받아 버려서 그런 것이다. 2. 해결 필자의 경우 C:\Program Files\Unity\Hub\Editor에 버전들이 있었다. (혹시 이 경로가 아니라면 설치된 경로를 추적해보세요.) 여기서 최신 버전 빼고 전부 삭제하면 해결!

[Unity] 유니티 자식, 부모 오브젝트 접근하는 방법, 하위 오브젝트 개수 구하기 [내부링크]

유니티에서 자식 오브젝트 접근 부모 오브젝트 접근하는 방법 자식 오브젝트 개수를 세어보는 방법에 대해서 알아보겠습니다. 1. 자식 오브젝트 접근하기 1-1 gameObject.tranfome.GetChild(Int index) gameObject에서 index 번째 자식 오브젝트에 접근하기 private void Start(){ Debug.Log(transform.GetChild(0)); } 부모 오브젝트인 "pa" 에다가 스크립트를 넣어준 후 실행해 보시면 자식 오브젝트 중 0번째 "GameObject"가 콘솔 창에 뜨는 걸 확인해 보실 수 있습니다. 1-2 gameObject.tranform.FindChild(String str) gameObject에서 str이라는 이름을 찾아 접근하는 방법입니다. private void Start(){ Debug.Log(transform.FindChild("Ch")); } 부모 오브젝트인 "pa"에다가 스크립트를 넣어준 후 실행해 보시면 자식

[Unity] 유니티 다른 오브젝트 컴포넌트, 스크립트 변수 접근하기 [내부링크]

유니티에서 다른 오브젝트 컴포넌트 접근해서 정보 가져오기 컴포넌트 접근을 통해 다른 스크립트 접근해서 변수 가져오는 방법에 대해서 알아보겠습니다. 1. 컴포넌트 접근 gameObject.GetComponent<Type>(); gameObject에서 원하시는 Type(ex:Text, tranform, animator,.....) 컴포넌트를 가져옵니다. 2. 컴포넌트 접근을 통해 다른 스크립트 변수 접근하기 gameObject.GetComponent<Class>().var; 접근할 스크립트 Class 입력해 주신 다음 접근할 변수 var 입력해 줍니다. 저는 원하는 오브젝트에서 <Transform>이라는 컴포넌트 접근 후 포지션 값과 <Tes>라는 스크립트에서 변수 a를 가져오는 스크립트를 작성해 보았습니다. public class Test : MonoBehaviour { public GameObject Ob; public Vector3 vec; public int i; private

[아두이노] 적외선 센서(HAM4311) 사용해 출력하기, IR 센서 이용 [내부링크]

적외선은 생활에서 많이 쓰인다. 이번 시간엔 그걸로 무언가를 감지해 보자! 1. 준비물 2. 적외선 센서란? IR 송신부에서 적외선을 쏘면, 송신부로 반사되어 오는 적외선 양을 측정합니다. 이때 전압을 측정해 일정 이상이면 물체를 감지(감지하면 Low 출력)를 합니다. 입력 전압 3.3 ~ 5 V 감지 거리 2 ~ 30 cm 감지 각도 35 º 3. 회로 구성 VCC (주황) +5 GND (검정) GND OUT (청록) 7 4. 코드 작성 void setup() { Serial.begin(9600); pinMode(7, INPUT); } void loop() { delay(1000); Serial.println(digitalRead(7)); } 5. 결과 센서 왼쪽 하단을 보면, 손가락이 다가갔을 때, 불이 켜진다. 또 디지털 신호를 출력하도록 코딩했기에, 감지하면 0(Low) 없으면 1(High)가 출력된다.

[AI 2탄] 머신러닝에 대해 알아보자 [내부링크]

지난 시간 AI, 머신러닝, 딥러닝 차이에 대해 알아봤는데 오늘은 머신러닝을 알아보겠습니다. 1. 머신러닝이란? 규칙을 일일이 프로그래밍 하지 않아도 자동으로 데이터에서 규칙을 학습하는 알고리즘을 연구하는 분야입니다. 통계학과 컴퓨터 한 분야가 상호작용하면서 발전하고 있으며, 최근에는 이론보다 경험을 바탕으로 발전하는 경우도 많습니다. 2. 활용 - 고객 행동 예측 기업은 소비자 구매 패턴을 분석하여 제품 및 서비스 라인의 발전 방향에 대한 통찰력을 얻을 수 있습니다. - 지속적인 데이터 입력 정확성 가장 지루한 작업은 데이터 입력인데 이러한 반복적인 작업에서 오류가 발생할 가능성이 높은데 머신 러닝은 데이터 입력이 오류가 없이 정확하고 신속하게 완료 되도록 합니다. - 가상 비서 강화 업무 보조를 하여 직장에 근무 효율성을 높일 수 있습니다. 3. 분류 알고리즘은 머신러닝의 전체 구조와 성장의 기초입니다. 이러한 알고리즘은 다음의 네 가지 주요 범주로 나눌 수 있습니다. (1) 지

[AI 3탄] 딥러닝에 대해 알아보자, 딥러닝이란 무엇인가? [내부링크]

딥러닝이란 머신러닝의 한 종류로 인간 뇌의 신경세포를 따라 한 학습법에서 발전했으며 주로 기계가 '특징'을 자동으로 정의한다. 1. 작동원리 4단계 1. 인공 신경망(ANN) 딥러닝은 특정 형식의 인공 신경망을 사용하며, 우선 샘플 데이터를 통한 훈련 작업이 필요합니다. 그 이후에는 훈련된 인공신경망을 해당 작업에 사용하는 데 이것을 '추론'이라고 합니다. 추론이 진행되는 동안 인공 신경망은 학습된 규칙에 따라 제공된 데이터에 대한 평가 결과를 다시 보고 합니다. 이러한 평가 결과는 입력 이미지에 결함이 있는지 또는 오류가 없는 객체를 나타내는지에 대한 추정 등이 될 수 있습니다. 2. 뉴런, 계층 및 연결 인공 신경망은 서로 연결된 '뉴런' 계층으로 구성됩니다. 이 계층은 입력 계층과 출력 계층으로 구성됩니다. 뉴런과 연결은 매트릭스에 비유할 수 있습니다. 링크 매트릭스는 입력 매트릭스 개별 값과 결과 매트릭스의 값 사이의 연결을 포함합니다. 연결 매트릭스의 값에는 각 연결의 가중

[블챌 2주차] '독학'개발자와 '햄스터'의 주간일기, 개발자 주간일기 [내부링크]

한 주를 돌아보면 나는 4가지 행동을 햄스터 쳇바퀴 돌 듯 반복했다. 기상 - 운동 - 밥 - 코딩 × 7 생각보다 오류들을 잡는데 시간이 꽤나 걸렸다. (왜 A를 수정하면 B가 말썽을 부리니....) 결국 출시 버전까지 완성이 되었고, 햄스터 전용 게임기구까지 만들었다. 금요일 오후 21:00 1. 뉴 앙금이의 한 주 개발된 게임을 햄스터가 할 수 있도록 장치를 만들었다. 쳇바퀴를 돌리면 자동으로 터치하도록 만든 후 게임을 터치하도록 시켰다. 꽤나 빠르게 터치한다..... (내가 터치하는 것 보다 빠른듯) 요일 일 월 화 수 목 금 토 회전수 21,344 22,966 21,854 18,485 18,302 20,984 22,314 이동 거리(km) 14.72 15.84 13.57 12.75 12.62 14.47 15.39 2주 정도 돌려보니, 약간의 기계적 오류가 있는 듯 하다. 햄스터가 돌리고 난 후 관성 때문에 쳇바퀴가 추가적으로 더 돌아간다. 관찰 결과, 햄스터가 쳇바퀴를 돌리

[AI 1탄] AI, 머신러닝 그리고 딥러닝 차이를 알아보자 [내부링크]

AI, 머신러닝, 그리고 딥러닝 일상에서 많이 접하지만 세 개가 똑같다고 대부분 생각한다. 사실은 다르다. 이번 시간에 알아보고 아는체해보자! 1. 인공지능(AI) Ai는 사람처럼 학습하고 추론할 수 있는 지능을 가진 컴퓨터 시스템을 만드는 기술이다. 한 마디로 인간과 같은 지능을 실현하려는 기술! 'AI'는 가장 넓은 의미이며, 그 안에 '머신러닝'을 포함하고 그 머신러닝의 하나로 '딥러닝'이 있다. 2. 머신러닝 '머신러닝'부터는 단어에서 느껴지겠지만, 컴퓨터도 이제 학습을 할 수 있다. 'AI'의 한 종류로 학습을 통해 특정 업무를 실행할 수 있습니다. 학습할 때는 주로 사람이 '특징'을 정의한다. 규칙을 일일이 프로그래밍하지 않아도 자동으로 데이터에서 규칙을 학습하는 알고리즘을 연구하는 분야입니다. 지능을 구현하기 위한 소프트웨어를 담당하는 핵심 분야입니다. 특징 - 주목할 정보 3. 딥러닝 '머신러닝'의 한 종류로 인간 뇌의 신경세포(뉴런)를 따라 한 학습법에서 발전했다.

[블록체인] 블록체인 특징, 유형에 대해서 알아보자 [내부링크]

블록체인 가상화폐나 NFT를 보면서 많이 보게 된 용여'블록체인' 블록체인 특징, 유형 블록체인이 무엇인지 알아보겠습니다. 0. 블록체인이란 블록 + 체인의 합성어로 암호화된 데이터 ' 블록'들이 '체인'형태로 묶여있는 집합이다. 정보의 전부 또는 일부를 P2P 방식으로 전 세계 여러 컴퓨터에 복사하여 분산 저장, 관리하는 기술입니다. P2P: Peer to Peer의 줄임말로 중앙 서버를 거치지 않고 클라이언트 컴퓨터끼리 직접 통신하는 방식을 통칭한다. 1. 블록체인 특징 신뢰성: 블록 체인에 기록된 데이터는 해시 함수로 변환되어 암호화된 형태로 저장되는데 기록된 데이터 중단한 글 자만 바뀌어도 다른 해시값이 나오고 해 신트리 구조로 데이터를 관리하기 때문에 해킹을 통한 위변조가 불가능하기 때문에 누구나 신뢰할 수 있다. 안정성: 블록체인에 기록된 데이터는 분산 저장이기 때문에, 특정 노드에 대한 디도스 공격, 랜섬웨어 공격 등으로 블록체인 네트워크에 참여하는 특정 노드를 공격하여

[블챌] '독학' 개발자와 '그의' 햄스터에 관한 일지, 개발자 주간일기 [내부링크]

동생들과 함께 게임을 개발하고 있는 '비전공자 개발자'이다. 재료만 10년째 공부해오다, 어찌어찌 하다 보니 개발자의 길에 나서게 되었다. 꽤나 돌아돌아 왔지만, 그래도 후회가 많지는 않다. 늦게 배운? 코딩 질의 밤새는 줄 모른다더니 독학으로 공부하며, 시간이 지나다 보니 어느덧 게임 출시를 앞두고 있다. 게임 출시를 앞둔 '까치 브라'들의 개발 주간 일지를 남겨보려 한다. 1. 뉴 앙금이의 한 주 개발 중인 게임의 모티브이자 주인공이다. 이것저것 만들기를 좋아하다 보니, 햄스터에 태코미터를 달아줬다. 그 후 매일 아침 6시에 활동량을 체크한다. 요일 일 월 화 수 목 금 토 회전수 19,255 25,114 21,854 20,014 19,541 23,421 21,121 이동 거리(km) 13.28 17.32 15.07 13.08 13.48 16.16 14.57 보통 저녁 9시부터 활동을 시작해 내가 잠들기 시작하면 오지게 쳇바퀴를 돌린다. 월요일 쳇바퀴를 평균 1m/s로 25,11

[Chrome/크롬] 5초만에 방문 기록 및 캐시 삭제 하기 [내부링크]

방문 기록과 캐시를 삭제해 주는 것은 브라우저 속도를 향상시킬 수 있고, 개방된 컴퓨터에서 브라우저를 이용한 경우 개인 정보 보호를 할 수 있는 쉽고도 좋은 방법이다! Ctrl + H(단축키 누르기) -> 인터넷사용기록 삭제 (좌측 사이바) -> 인터넷 사용 기록 삭제 (파란색 버튼) -> 끝 * 단축키가 안먹히거나 사용할 수 없는 경우에는 좌측 상단 X 버튼 밑에 있는 '삼점' 클릭 후 방문 기록 클릭

[JavaScript] 깔끔하게 코딩하는 꿀팁 3가지 (변수편) [내부링크]

지저분한 코딩 코딩을 하다보면 쓰는 경우보다 읽는 경우가 더 많다. 남의 코드를 읽을 때 보기 편한 것과 불편한 것들이 있다. 과연 보기 편한 코드는 어떻게 작성되었을까? qkraudghgh의깃헙을참고하였습니다. (https://github.com/qkraudghgh/clean-code-javascript-ko) 1. 변수 선언시 [ ] 대괄호를 이용 두코딩은같은기능, 같은역할을한다. 하지만작업자는더빠르게작업할수있고, 독자들은코드를한눈에볼수있어읽기편하다. 2. 다른사람도 알 수 있도록 변수명 짓기 이 코드를 처음 보는 사람은 3600000이 뭔 지 모른다. 왜 3600000일까 생각하게 된다. 독자들을 편하게 하기 위해 숫자의 의미를 변수명으로 선언해주자. 처음엔 남을 위한 것 이지만 결국 나중에 내가 유지 보수 할 때 큰 도움이된다. 3. if보다간단한변수선언 if를 이용해 변수 값을 조정하기 보다, 변수 선언시 논리 연산자를 이용해 간단히 해보자. 깔끔한 코딩 나중에 유지 보수를

[Inventor] 햄스터 쳇바퀴 RPM 측정기 만들기, 타코미터 제작 [내부링크]

햄스터는 쳇바퀴를 얼마나 빨리 돌릴까? 문득 그런 생각이 들어 제작해 봤다. 우리 햄스터가 하루에 쳇바퀴를 20,000번 돌린다면 믿겠습니까? 한번 제작해 측정해 보겠습니다. 1. 준비물 2. 모식도 그림을 그리면서도 어이가 없었지만, 쳇바퀴에 그냥 굴러다니는 자석 하나 붙여주면 90% 끝났다. 3. 제작 쳇바퀴 뒤에 자석을 잘 붙여준다. 그리고 자기 홀 센서를 근접하게 붙여준다! (비접촉) 그리고 LCD를 적절히 연결해 주면 제작 끝! 4. 코드 #define CUSTOM_SETTINGS #define INCLUDE_TERMINAL_SHIELD #include <Wire.h> #include <LiquidCrystal_I2C.h> LiquidCrystal_I2C lcd(0x27,16,2); float count; float rpm; float oldtime=0; float time; void isr() //interrupt service routine { time = millis(

Processing 설치 부터 예제 파일 실행까지 알아보자!, 아두이노 시각화 [내부링크]

Processing에 대해서 간략히 설명하고 설치, 예제 파일 실행까지 알아보겠습니다. 0. Processing이란? 'Processing'은 프로그램 초보자와 디자인 전공생이 쉽게 미디어 시각화 프로그램 개발할 수 있도록 설계되었습니다. 기본적으로 JAVA를 기반으로 하고 있지만, 문법은 자바보다 더 간결합니다. 또한 외부 인터페이스 지원이 가능하므로 아두이노 센서 데이터를 serial로 전송받아 시각화로 표현이 가능합니다. 1. 설치하기 1) 홈페이지 접속 아래 링크를 타고 사이트 방문하기 Welcome to Processing! Processing is a flexible software sketchbook and a language for learning how to code within the context of the visual arts. Since 2001, Processing has promoted software literacy within the visual ar

[100일 운동] 10일차 걷기, 헬스(feat.SuperWalk) [내부링크]

헬스 완료!! 오늘은 짧게 40분 헬스장까지 걸어서5.8키로??? 왠지..힘들더라.. 그래도 오운완!!

[NFT] NFT에 대해 알아보자, 대체 불가능 토큰, 왜 살까? [내부링크]

우리 엄마까지 알고 있는 NFT 이게 뭐고, 사람들은 왜 사는 걸까? NFT를 입문해보자! 1. NFT란??? 대체 불가능 토큰(Non-fungible token, NFT)의 약자로, 디지털 자산의 주인을 증명하는 가상(사이버)의 토큰이다(블록체인 기술을 이용). 그림,사진, 영상 등 디지털 파일 자산에 복제 및 위조가 불가능한 암호를 증명서로 붙임으로써 고유한 원본성과 소유권을 나타내는 용도로 사용된다. 2. NFT붐!! 2021년 초부터 NFT에 대한 관심이 높아지면서 NFT를 디지털 아트에 대한 저작권의 징표로 사용하는 시도가 늘어나게 되었다. NFT 붐이 일게 되면서 초기 작품인 크립토 펑크, 또한 다시 주목을 받게 되는데, 미국의 유명인들이 크립토 펑크를 트위터 프로필 사진으로 하면서 NFT를 프로필 사진으로 하는 것이 유행을 하게 된다. 여기서 중요한 점!! 이때까지 NFT는 현실세계와 접점이 없었거나 단순히 소유권의 징표만으로 사용되었는데 NFT를 프로필 사진으로 사용을

[아두이노] 스마트폰 이용해서 조도 감지, 스마트폰 센서 사용하기(feat.1Sheeld+) [내부링크]

스마트폰에 센서들을 아두이노로 가져올 수 있다?? 그걸 가능하게 해주는 1sheeld를 이용해서 조도 감지를 해보겠습니다! 0. 사전 준비 아두이노를 1sheeld와 연결하고 진행해 주세요! (이미 연결했다면 바로 넘어가 주세요) https://blog.naver.com/an_4_gel/222750286810 [아두이노] 아두이노랑 스마트폰 연결하기, 핸드폰 연동하기1sheeld+ (22.05.28 최신) 현대인의 필수품 '스마트폰' 이걸 아두이노랑 연결할 수 있을까? 1sheeld+를 이용하면 쉽게 연결... blog.naver.com 1. 준비물 조도센서는 스마트폰에 내장되어 있는 걸 사용할 거예요! 2. 회로 구성 쉴드가 장착된 상태에서 구성해 주세요! 3. 코드 작성 #define CUSTOM_SETTINGS #define INCLUDE_LIGHT_SENSOR_SHIELD #include <OneSheeld.h> int ledPin = 13; void setup() { One

[CSS] Button, 버튼 중앙에 정렬하는 법 (margin: 0 auto; 적용) [내부링크]

버튼을 중앙에 두고 싶은데 잘 안된다? 간단한 거 같지만 이상하다. 3초 만에 알아보자! 1. 중앙 정렬, margin: 0 auto; 중앙에 정렬할 때 가장 많이 쓰이지만, "버튼"에 사용하면 꿈쩍도 하지 않는다? 2. 원인 display(태그 화면에 어떻게 보이는지)에는 'block', inline-block', 'inline' 세 가지 속성 값이 존재한다. 버튼의 기본 속성값은 'inline'이다. 'inline' 요소들은 'margin: 0 auto;'가 적용이 안된다. 그래서 버튼의 속성값을 'block'로 바꿔줘야 한다. 그 후 'margin: 0 auto;' 사용하면 된다. 3. 해결법 돌이켜보면 자잘 한 것인데, 이런 것들이 발목을 잡는다.... 속상해하지 말고 더 공부해서 앞으로 나아가보자.

[아두이노] 홀 자기센서 모듈(A3144) 사용하기(3핀과 4핀), 자석 감지 센서(Hall sensor module), [내부링크]

자기(자석)를 감지하는 센서 자석이 근처에 있는지 감지하는데 이게 어디에 쓰일 수 있을까? 1. 준비물 2. 홀 자기 센서란? 홀 효과를 이용한 센서, 간단하게 설명하면 '전류가 흐르는 도체에 자석을 가까이 대면(자기장을 걸면) 전류와 자석에 전압(수직 방향)이 발생' 쉽게 한 줄 요약하면 '자석이 다가오면 감지한다' 3. 회로 구성 4핀일 경우 (A0, D0, GND, VCC), 3핀일 경우 (GDC, OUT, VCC) (4핀의 'D0'와 3핀의 'OUT'은 같다 생각하면 된다.) 여기서는 4핀을 이용해서 Digital 값(0, 1)을 받아 오겠다. (홀센서 A0핀을 아두이노 보드 A0로 꽂아서 아날로그 값을 받아 올 수도 있음) VCC 5V GND GND D0 7 A0 - 4. 코드 작성 void setup() { Serial.begin(9600); pinMode(7, INPUT); } void loop() { delay(1000); Serial.println(digitalRea

[HTML] 자주 쓰이는 기본 태그, 다 외우지 말고 필수적인 거만 외우자 [내부링크]

통계에 따르면 대부분의 웹사이트들은 32개의 태그들로 구성되어 있다 한다. 그럼 우리도 32개만 알면 충분히 웹사이트를 만들 수 있지 않을까? 1. 많이 쓰이는 태그 순위 통계를 보면 대부분의 사이트는 32개의 태그를 이용해서 만들어졌다. 우리는 이 중에서도 외우고 있으면 좋은 태그 12개를 외워보자! (사실 html을 좀 만하다 보면 저절로 외워지지만 그래도 한 번 더 체크해 보자!) 2. 외우면 좋은 12개 태그 1 - 타이틀 태그 <title> · 타이틀 바(페이지 맨 위)에 새길 글자를 적는 태그 · 검색 엔진에서 태그를 웹페이지의 제목으로 인식한다. 2 - 제목 태그 <h> · 제목을 표현할 때 쓰는 태그 · <h1> ~ <h6>까지 있고, 숫자가 커질수록 글자 크기 감소 코드 실행 결과물 3 - 문단 태그 <p>, 줄바꿈 태그<br> · 문단을 구분하는 태그, 자동 줄 바꿈이 됨 · 문단 안에서 줄 바꿈 <br> 코드 실행 결과물 4 - 링크 태그 <a> · 하이퍼링크를

[Vue3/Composition API] 반응형 변수로 만들기, 변수 선언하기 [내부링크]

Vue는 계속 업그레이드가 되면서 Vue3에서는 script 작성법이 3가지나 된다. 그중 함수 재사용이 쉽고 많은 장점을 가진 Composition API에 대해서 변수 선언해 보자! 1. 변수 선언하기 <template> <div> {{name}} </div> </template> <script> export default { setup(){ const name = "까치브라" const birth = 12.25 return{ name, birth, } } } </script> 출력 결과물 setup( ){ }중괄호 안에 변수를 선언을 해준 후, return{} 중괄호 안에 선언한 변수를 다시 적어준다. 기존 보다 간단하게 변수 선언을 한 것 같다. 이렇게 선언 시 변수는 웹 페이지에서 반응하지 않는다. 동적으로 반응하기 위해서는 추가적인 작업이 필요하다. 2. 변수를 반응형으로 만들어 주기 반응형으로 만들기 위해 'ref'와 'reactive' 가 있다. 하지만 'ref' 하나

[실험] 5V 서보모터는 얼마나 강력할까?, 여자친구와 대결을 통해 파워를 알아보자 [내부링크]

흔하게 사용하는 '5V 서보모터' 스펙을 보면 토크는 1.8 kg/cm이라 나와있다. 하지만 감이 안온다. 그래서 실험을 해봤다. 여자친구가 특별히 출연해주었다. 0. 영상 링크 https://youtu.be/9R4s2Bgo9n8 1. 준비물 2. 실험 방법 국수를 못 부술 때까지 추가하여, 누가 많이 부수나 대결 3. 시작 한 개는 기계와 여자친구 둘 다 무난히 성공! "3개는 이제 좀 누르는 거 같네"라 하며 무난히 성공 생각보다 기계도 잘 부순다. 그의 능력은 어디까지일까? 가늠하기 힘들다. 기계는 12개에서 멈추고 말았다. 1.8 kg/cm 토크는 여기서 멈추고 말았다. 갑자기 나뭇가지 교훈이 생각나는건 기분 탓일까? 그렇다면 여자친구는 얼마나 강력할까? 바로 12개를 도전해 본다. 역시 강.력.하.다. 17개 부터 약간 힘겨운 듯 한 번에 부수지 못했다. 20개를 올리자 그녀의 한계가 보였다. 최소 기계보다 2배는 쌔다. 서보 모터 스펙상으로는 1.8 kg/cm이다. 이 수

[Vue/compositionAPI] 컴포넌트(Component) 간단하게 만들기, 작성하는 법, 사용하기 [내부링크]

Vue는 component에 최적화되어있다. 그래서 이걸 어떻게 사용하느냐에 따라 효율과 가동성이 차이 난다. 천 리 길도 한걸음 기본적인 사용법에 대해서 짚어보자! 0. 작업환경 Vue-Cli Vue3 vuetify 3.0 (이것은 없어도 됩니다.) 1. component 만들기 컴포넌트는 원하는 대로 만들어 보자. (Hello world만 써도 된다) 필자는 vuetify를 이용해서 작업해 보았다(보기 편하라고). 복붙하실분은 <v-container>를 통째로 지우고 주석을 풀어주면 된다. <template> <v-container> <v-btn @click="nameChange()">{{name}}</v-btn> </v-container> <!-- 따라하실분은 위에꺼 지우고 밑에 있는거 주석을 풀어주세요 --> <!-- <button @click="nameChange()"> {{name}} </button> --> </template> <script> import { ref }

[아두이노] 스마트폰 연동해서 패턴 사용하기, 카메라 사용하기, 사진 찍기 (feat.1Sheeld+) [내부링크]

스마트폰에 있는 카메라와 패턴을 이용하여 아두이노를 조작해 봅시다. 0. 사전 준비 먼저 스마트폰과 실드 연결한 상태에서 시작하겠습니다. (이미 연결했다면 바로 넘어가 주세요) https://blog.naver.com/an_4_gel/222750286810 [아두이노] 아두이노랑 스마트폰 연결하기, 핸드폰 연동하기1sheeld+ (22.05.28 최신) 현대인의 필수품 '스마트폰' 이걸 아두이노랑 연결할 수 있을까? 1sheeld+를 이용하면 쉽게 연결... blog.naver.com 1. 준비물 2. 버튼 누르면 카메라 찍기 2-1회로 구성 1sheeld를 장착한 상태에서 진행한다. 2-2 스케치 작성 #define CUSTOM_SETTINGS #define INCLUDE_CAMERA_SHIELD #include <OneSheeld.h> int buttonPin = 12; int ledPin = 13; void setup() { OneSheeld.begin(); pinMode(bu

[Vue/Composition API] Prop - 부모가 자식에게 데이터 보내기, Parent -&gt; Child [내부링크]

Vue는 Component 기반이라 데이터를 주고받는 상황이 많다. 이 시간 부모가 자식에게 데이터를 넘겨줘보자 0. 작업환경 Vue-Cli Vue3 vuetify 3.0 (이것은 없어도 됩니다.) Composition API 1. Props란? 부모가 자식에게 data를 전달하는 단방향 전달 방식. (Emit - 자식 -> 부모 데이터 보내기는 아래 링크) https://blog.naver.com/an_4_gel/222754225780 [Vue3/composition API] 'emit' - 자식이 부모에게 data 보내는 법, child -> parent 부모와 자식이 데이터를 교환할 때 '주는놈이 누구냐'에 따라 명령어가 달라진다. 부모 -> 자... blog.naver.com 2. 부모 컴포넌트에서 작업 자식 컴포넌트에서 'v-bind'혹은 ':' 키워드를 이용하여 전달합니다. (여기서는 ':'를 이용) :(넘겨줄 이름을 선언해 준다) = "(넘겨줄 데이터)" <templat

[Vue] 반응형 웹 Vue와 React 비교해 보자, Vue 추천 이유 [내부링크]

대표적인 반응형 웹 페이지 제작 프로그램 Vue와 React 빠르게 비교해 보자 대표적인 '반응형 웹' 제작 프로그램 Vue와 React 빠르게 비교해 보자 0. Intro 필자는 Vue3를 사용 중이며, Vue를 추천하기에 Vue의 장점을 부각해서 소개하겠다. 1. '프레임 워크'와 '라이브러리' (자유도) 공식 홈페이지에 들어가 보면 React는 '라이브러리', Vue는 '프레임 워크'라 명시되어 있다. '라이브러리'와 '프레임워크'차이를 간단하고 예시로 설명하면 라이브러리 = 드라이버, 망치, 스패너 프레임워크 = 자동차, 비행기, 오토바이 라이브러리로 작업을 하면 도구들로 자기가 원하는 자동차를 만들고 사용할 수 있어서 자유도가 높지만, 프레임워크는 이미 만들어진 자동차를 사용하기에 정해진 조작법과 규칙을 숙지해야 합니다. 그렇기에, 자유도가 없기 때문에 vue를 추천합니다. 이것이 무슨 말이냐, 만약 당신이 내일 서울에서 부산으로 이동해야 한다면, 드라이버와 쇠망치 여러 도

[100일 운동]8일차 가벼운 달리기 오운완(feat. SuperWalk) [내부링크]

오늘은 가벼운 달리기만 ㅎㅎ 오운완

[아두이노] 아두이노 이용해서 전화 걸기, 문자 보내기 (feat. 1Sheeld+) [내부링크]

스마트폰과 연결시킬 수 있는 1sheeld+를 이용해서 형한테 전화를 걸어 보겠습니다. 0. 사전 준비 먼저 스마트폰과 쉴드 연결한 상태에서 시작하겠습니다. (이미 연결했다면 바로 넘어가 주세요) https://blog.naver.com/an_4_gel/222750286810 [아두이노] 아두이노랑 스마트폰 연결하기, 핸드폰 연동하기1sheeld+ (22.05.28 최신) 현대인의 필수품 '스마트폰' 이걸 아두이노랑 연결할 수 있을까? 1sheeld+를 이용하면 쉽게 연결... blog.naver.com 1. 준비물 2. 회로 구성 1sheeld+ 쉴드를 낀 상태로 진행합니다. pull-up 회로를 이용해 간단히 꾸며보았습니다. 3. 스케치 작성 #define CUSTOM_SETTINGS #define INCLUDE_PHONE_SHIELD int SMSbts =8; int CALLbts =12; #include <OneSheeld.h> void setup() { OneSheeld.b

세계 최초 대한민국 '구글갑질방지법'에 대해서 알아보자,법안 시행 후 변화는? [내부링크]

작년 8월 31일 최종 통과된 구글 갑질 방지법은 과연 무엇일까? 1. 구글 방지법이란? 구글의 강제 인앱 결제(자사 앱에서의 결제), 강제 정책을 막는 전기통신사업법 개정안을 말하며, 2021년 8월 31일 대한민국 국회에서 최종 통과됐다. 최초로 구글과 애플이 수수료를 강제로 받지 못하도록 막은 것인데 법은 2022년 3월 15일 시행됐지만, 사실상 달라진 거는 없고 더 악화되었다. 2. 법안 시행 후 구글의 변화 (1) 결제 시스템 변화 법안 통과 후, 구글은 자체 결제 시스템뿐만 아니라 제 3자 결제 시스템으로도 선택할 수 있도록 선택권을 줬습니다. 하지만 개발사가 구글에 지급해야 할 인앱 결제 수수료는 무려....... ㄷㄷㄷ 결제 시스템 수수료 인앱 결제 30% 제 3자결제 26% 구글이 제3자 결제에 대해서도 최대 26%의 수수료를 가져가기 때문에 인앱 결제 30%와 별 차이가 없어서, 있으나마나입니다. 게다가 개발 비용과 함께 결제대행업체(PG)‧카드수수료를 고려하면

[100일 운동] 7일차 달리기,헬스 오늘 하루도 힘냈다! (feat.SuperWalk) [내부링크]

헬스장에서 가볍지 않은 무게로 한 시간 정도 운동 완료! 'Super Walk'앱을 키고 집에서 헬스장 갈때랑 돌아올때 달린것만 측정 했더니 3.4키로정도 달렸네요 오늘 하체했는데 집 도착하자마자 바로 쓰러질뻔 ㄷㄷ 과연.. 몸무게는?? 다시 돌아왔네요 ㅎㅎ.... 오운완!!

[Vue3/composition API] 'emit' - 자식이 부모에게 data 보내는 법, child -&gt; parent [내부링크]

부모와 자식이 데이터를 교환할 때 '주는 놈이 누구냐'에 따라 명령어가 달라진다. 부모 -> 자식 일 때는 'Props' 자식 -> 부모 일 때는 'Emit Vue3-Composition API에서 'Emit'을 사용하는 법을 3단계로 1분 만에 알아보자! 1. Emit 이란? 자식 컴포넌트에서 부모로 이벤트를 전달하기 위한 명령어로, 이벤트를 통해 데이터 값을 전달한다. (부모 -> 자식은 'Prop' 아래 링크) https://blog.naver.com/an_4_gel/222754685761 [Vue/Composition API] Prop - 부모가 자식에게 데이터 보내기, Parent -> Child Vue는 Component기반이라 데이터를 주고받는 상황이 많다. 이 시간 부모가 자식에게 데이터를 넘겨줘보자... blog.naver.com 2. 자식 컴포넌트에서 작업 - 오늘의 작업 - 자식 컴포넌트에 버튼을 누르면 부모에서 Hello(자식 데이터)를 출력한다. - 먼저 em

[Unity]반복문 while, do~while, for문 사용법 사용법 [내부링크]

while, do~while, for 반복문에 대해서 알아보자. 반복문 반복문은 일정한 조건을 만족하면 지정된 명령을 반복 처리합니다. while, do~while문은 반복 횟수를 정확히 예측하기 어려운 경우 사용하고, for문은 반복 횟수가 정해진 경우 사용합니다. 1.while문 while문은 먼저 조건을 비교하고 참인 경우에만 while 블록을 처리합니다. 만약 while 문의 조건이 참일 때 수행하는 문장이 한 개뿐이라면 중괄호({ })를 생략할 수 있습니다. int i =0; while(i<10){ Debug.Log("while"+i); i++; } while(조건식){ 문장; ... } 2.do~while문 do~while문은 문장을 실행한 다음에 조건을 비교합니다. 결국 조건이 거짓이어도 문장을 최소한 한 번은 수행합니다. do~while문과 while문은 조건을 먼저 비교하느냐, 아니냐 하는 차이만 있을 뿐 동작 방식이 비슷합니다. int i =0; do{ Debug.

[Unity] 함수 지연,반복 인보크(Invoke) 알아보기 [내부링크]

함수 지연시키기 인보크(invoke)에 대해서 알아보겠습니다. 1. Invoke Invoke란 자신이 원하는 함수를 설정한 시간만큼 지연 시킨다음 실행 시키는 기능을 말합니다. void Start() { //5초 지연시키기 Invoke("InvokeLog", 5f); } private void InvokeLog() { Debug.Log("5초 지연"); } Invoke("지연할 함수", 지연할 시간+f); 5초가 지나고 로그가 뜨는 모습 2.InvokeRepeating InvokeRepeating란, 함수를 일정시간 지연시킨다음 일정 시간 마다 반복 시키는 기능입니다. int a = 0; void Start() { //2초 지연시키고 1초마다 반복 시키기 InvokeRepeating("InvokeLog", 2f,1f); } private void InvokeLog() { a ++; Debug.Log(a); } InvokeRepeating("지연할 함수",지연할 시간+f, 지연 후

[사진 배경제거/누끼따기]초!초!간단 5초만에 무료로 사진 배경제거 하자 [내부링크]

가끔씩 사진에 배경을 제거(누끼따기) 하고 싶을 때가 있죠? 근데 또 귀찮은거 싫죠? 여기 100% 무료 배경 제거 AI 사이트가 있습니다. 일단 보시죠 방법은 간단합니다. 1. 아래 링크 통해 사이트 접속 https://www.remove.bg/ 이미지 배경 제거, 투명 배경 만들기 – remove.bg 사진이나 이미지 배경을 한 번 클릭으로 5초만에 무료로 제거할 수 있습니다. 이미지 배경 투명하게 만드는 법. 누끼 따기 프로그램. www.remove.bg 2. 3단계로 배경제거하기 이미지 업로드 버튼 클릭 배경 제거 할 사진 업로드 하기 AI가 배경제거를 할 동안 기다리고 다운로드 하기 무료 버전과 유료 버전이 있지만 일상 생활에서 간단히 이용하시려면 무료 버전으로도 충분합니다!!

[아두이노]Serial 통신 자주 쓰이는 함수 5가지만 기억하기 (begin, read, print, println, available) [내부링크]

아두이노 보드와 컴퓨터 사이에 통신할 때 Serial을 이용한다. 그 중 자주 사용되는 5개만 외워보자! 1. 자주사용되는 함수 Serial.begin(통신속도); 시리얼 통신 시작을 알리고, 전송속도를 몇 bps로 할 것인지 설정 (일반적으로 9600으로 설정한다 ) Serial.print(출력값); 시리얼 통신의 데이터를 출력 Serial.println(출력값); print 함수와 동일하며 출력이후 개행 문자 (\n)를 추가 출력 Serial.available() 직렬 포트에서 읽을 수 있는 바이트(문자) 수를 가져옵니다. 시리얼 통신으로 데이터를 받았는지 확인할 때 많이 쓰이며, 데이터를 받았다면 데이터 갯수를 반환, 받지 않았다면 0을 반환한다. Serial.read() 데이터를 읽어들이고 출력할떄에는 10진ASCII코드 값으로 반환한다. 근데, char(문자형)으로 출력하면 입력값 그대로 출력할 수 있다. 2. 그 외 함수 몰라도 지장이 없다. (아두이노 공식 홈페이지 링크

[Unity] 볼트를 이용해서 객체를 드래그해서 움직이기, 플레이어 조작하기 [내부링크]

10초만에 알아보는 캐릭터 마우스로 드래그해서 움직이기 시작합니다. 1. 캐릭터 만들기 Player(움직일 객체(GameObJect))를 만들고 Player 에 Flow Machine, Collider 를 만들어준다. 2. 볼트 Scene 변수에 메인카메라를 Game Object 로 선언합니다. 이렇게 구성하시면 끝!

[Unity] 조이스틱을 만들어보자, 캐릭터 화면 밖으로 안나가게 하기, 플레이어 이동 제한하기 (C#) [내부링크]

캐릭터를 조작하는데 화면 밖으로 나가버리면 곤란하겠죠... 한 번 이동을 제한해보겠습니다. 1. 조이스틱 만들기 일단은 조이스틱을 먼저 구현해서 플레이어와 연결하도록 하겠습니다. 1. 에셋 다운 https://assetstore.unity.com/packages/tools/input-management/joystick-pack-107631 Joystick Pack | Input Management | Unity Asset Store Get the Joystick Pack package from Fenerax Studios and speed up your game development process. Find this & other Input Management options on the Unity Asset Store. assetstore.unity.com 유니티 에셋에서 무료로 다운 받아볼 수 있는 조이스틱 입니다. 2.내 프로젝트에 임포트 하기 에셋을 내 프로젝트에 임포트를 했다

[100일운동]6일차....걷기,헬스 [내부링크]

헬스장에서 가볍게 한시간정도 운동 후 Super Walk 집까지 걸어오기 `Super Walk`테스터 당첨되었어는데 마침 오늘 테스트 앱이 출시해서 앱을 키고 집까지 걸어왔는데요 2.64키로정도 나왔네요 어후 너무 힘들다 이렇게 운동 했는데 내 몸무게는?? ????? 0.3키로 쪘네요 이게 무슨 일이지..... 더 열심히 운동 해야겠다..

[아두이노] 시리얼 통신을 이용해서 음성녹음&재생 모듈(ISD1820) 사용하기 [내부링크]

ISD 1820 ISD1820을 이용해서 시리얼 모터와 버튼을 통해 음성을 녹음, 재생을 해보겠습니다. 1. 준비물 2. ISD1820란? 마이크로폰이 장착되어 있어 직접 녹음을 할 수 있고(10초), 재생할 수 있는 모듈이다. 스위치를 눌러서 음성을 녹음할 수 있고, 전원이 제거되어도 플래시 메모리에 음성이 저장되어 보존이 가능하다. 3.ISD1820 사양 크기 38mm X 42.5mm 작동 전압 3~5 V 아두이노 보드에 연결하기에 앞서, 스피커와 커넥터 케이블을 납땜해야 합니다. 좌우 구분 없이 케이블을 납땜해 주세요 4. 회로 구성 5. 코드 작성 int command; void setup() { Serial.begin(9600); pinMode(5, INPUT); pinMode(4, OUTPUT); pinMode(13, OUTPUT); pinMode(12, OUTPUT); } void loop() { while(Serial.available()) { command = Ser

[아두이노] 아두이노랑 스마트폰 연결하기, 핸드폰 연동하기1sheeld+ (22.05.28 최신) [내부링크]

현대인의 필수품 '스마트폰' 이걸 아두이노랑 연결할 수 있을까? 1sheeld+를 이용하면 쉽게 연결 할 수 있다. 연결만 하면, 스마트폰의 모든 센서들을 아두이노로 제어 할 수 가 있다. 1. 준비물 자료는 공식홈페이지세 참고했다. 1Sheeld - All Arduino shields on your Smartphone 1Sheeld turns your smartphone into 40 different Arduino shields. Voice Recognition, Twitter, GPS, Gamepad, Camera and more. Order Now Learn More 1Sheeld consists of two parts Physical Board With a microcontroller and a BLE module to transmit data between Arduino and your smartphone Mobile App and Pl... 1sheeld.com - 스마

[아두이노]7세그먼트 사용하기- 숫자 표시(7segment) [내부링크]

아두이노 대표적인 숫자 표시 부품 7세그먼트!! 쉽게 사용해 보자 1. 준비물 2. 7세그먼트란? 7세그먼트는 Anode Type과 Cathode Type 이 있다. 오늘은 Anode Type으로 다뤄보겠습니다. 7개의 영역을 이용해서 숫자를 나타낼 수 있습니다. 3. 회로 구성 저항을 안 달면 과전류가 흘러 고장 날 수 있으니 저항은 적당한 220Ω 사용하겠습니다. a =2, b =3, c =4, d =5, e =6, f =7, g =8 4. 코드 작성 int seg[7] = {2,3,4,5,6,7,8}; int num[10][7] = { {1,1,1,1,1,1,0}, //0 {0,1,1,0,0,0,0}, //1 {1,1,0,1,1,0,1}, //2 {1,1,1,1,0,0,1}, //3 {0,1,1,0,0,1,1}, //4 {1,0,1,1,0,1,1}, //5 {1,0,1,1,1,1,1}, //6 {1,1,1,0,0,0,0}, //7 {1,1,1,1,1,1,1}, //8 {1,1,

[아두이노] 적외선 PIR 센서(모션 및 인체 감지) HC-SR501 사용하기,(움직임 감지) [내부링크]

HC-SR501 적외선 센서를 이용해서 모션 및 사람을 감지해 보자 1. 적외선 PIR 센서란? PIR은 Passive Infrared의 줄임말로, 말 그대로 수동 적외선 센서입니다. 자신의 시야 내에 있는 일정한 적외선을 띈 움직이는 물체를 감지합니다. 우리 주변에서 쉽게 찾아볼 수 있는 것은 건물의 복도, 현관문 등의 부착되어 움직임을 감지해서 켜지는 조명 역시 PIR 센서를 사용합니다. 2. HC-SR501 사양 감지 거리 약 7미터 감지 각도 120도 출력 전압 HIGH: 3.3V LOW: 0V 입력 전압 5~12V 3. 준비물 4. 회로 구성 5. 코드 작성 움직임이 감지되면 LED에 불이 들어온다. int LED = 13; int PIR = 7; int senser = 0; void setup() { pinMode(LED, OUTPUT); pinMode(PIR, INPUT); } void loop() { senser = digitalRead(PIR); digitalWrit

[아두이노] LCD 1602A(4핀) 사용하기, LCD에 숫자, 글자 출력하기 [내부링크]

LCD 1602A 중 간단한 4핀 디스플레이를 익혀보자 1. 준비물 2. LCD1602A란? LCD 중 가장 보편적이고 초보자, 입문자분들이 쉽게 활용할 수 있는 모델이며 16핀의 제어판을 LCD 뒤에 부착한 12C 변환 모듈을 통해 4개의 핀으로 제어가 가능하도록 쉽게 만들어진 모델이다. 3. LCD1602A 스펙 동작전압 5 V 해상도 16 * 2 백라이트 / 색상 파란색 / 흰색 크기 82 * 35 * 18 mm 4. 라이브러리 다운 라이브러리를 다운(필수) 툴 -> 라이브러리 관리... -> 'LiquidCrystal I2C' 검색 -> 설치 5. 회로 구성 GND - GND, VCC - 5V SDA - A4, SCL - A5 5. 코드 작성 #include <Wire.h> #include <LiquidCrystal_I2C.h> LiquidCrystal_I2C lcd(0x27,16,2); void setup() { lcd.init(); //초기화 lcd.backlight();

[Inventor] 연필 개조해서 미니 스탠드 조명 만들기(재료값 500원) [내부링크]

스탠드 가격이 은근히 비싸다 그러면 사지않고 만들면 어떠할까? 500원으로 만드는 스탠드 지금 시작합니다. 1. 준비물 2. 모식도 LED를 스위치와 건전지로 직렬 연결하고, 병뚜껑과 펜꼬다리를 이용해 만든다. 3. 제작 펜 앞 꼬다리를 분리시킨다. 준비한 LED를 박아준다. (벌써부터 스탠드 모양이 느껴진다.) LED다리에 점퍼선을 연결시켜준다. 철사를 용수철 처럼 말아 준다. 짜잔! 병뚜껑을 인두기로 지져준다. (스위치와 전선 넣을 공간 만들기) 차례차례 박아준다. 건전지를 밑에 박아 숨겨준다. 꽤나 그럴 듯 하다. 4. 결과 만들었지만 사용은 하지 않는다. 재미로 만들어 보길 바란다.

[Unity] 간단하게 클릭한 버튼 정보,이름 가져오는 법, 출력하는법 (C#) [내부링크]

버튼을 눌렀을 때 버튼의 정보 혹은 이름을 간단하게 출력해보겠습니다. 1. 스크립트 using UnityEngine; using UnityEngine.UI; using UnityEngine.EventSystems; public class Clickw : MonoBehaviour { public void clickbts() { GameObject clickObject = EventSystem.current.currentSelectedGameObject; print(clickObject.name+","+ clickObject.transform.GetChild(0).GetComponent<Text>().text); } } 게임 오브젝트 생성하신다음 스크립트를 담아줍니다. 2. 오브젝트 만들기 캔버스에 버튼 3개를 만들고 이름을 1,2,3으로 설정한다. 내용도 적어준다. 오브젝트 생성하신다음 스크립트를 담아주고 오른쪽 버튼 설정 창에 'On Click()'에서 스크립트가 담겨있는 게임오브젝

[아두이노] 아두이노 무료 시뮬레이션 사이트, 컴퓨터로 미리 테스트해보세요. [내부링크]

아두이노 구매 전이나 부품이 없는데 한번 사용해보고 싶은 분들에게 추천을 드립니다 + 다른사람 작품 구경도 할 수 있어서 많은 도움이 됩니다. 무료 온라인 시뮬레이터 'Tinkercad' https://www.tinkercad.com/ Tinkercad | Create 3D digital designs with online CAD Tinkercad is an easy-to-use 3D CAD design tool. Quickly turn your idea into a CAD model for a 3D printer with Tinkercad. www.tinkercad.com 1. 시작 위 링크 타고 홈페이지 들어가시고 팅커 링 시작 버튼을 클릭해주세요. 팅커링 시작 개인 계정 개인 계정을 선택해주세요 원하시는 방식 선택후 로그인 저는 Google로 로그인 했습니다. 2. 회로 작성 로그인 완료 하시면 위와 같은 페이지가 나오는데 왼쪽 메뉴에서 '회로' 선택해주신 다음 '새 회로 작성

[아두이노] 서보모터(SG-90) 사용하기 (feat. 크롬 공룡게임 매크로만들기) [내부링크]

서보모터는 기계손이다 나는 그렇게 생각한다. - 내생각 1. 준비물 2. 서보모터(Servo motor)란? 서보(Servo)는 서보 메커니즘의 줄임말로 '목표치의 임의 변화에 추종하도록 구성된 제어계'라 정의합니다. 쉽게 말해, 원하는 목표에 도달하기 위해, 사용자가 속도, 가속도, 위치 값을 설정하여 의도에 맞게 작동하는 모터입니다. 3. SG-90의 스펙 무게 9g 크기 22.2 X 11.8 X 31 mm 정지 토크 1.8 kgf X cm 동작 속도 0.1s/60도 정격 전압 4.8 V (~5V) 회전 각도 180 도 각핀은 색깔로 구분할 수가 있다. 3. 회로 구성 4. 코드작성 아두이노 기본 예제 (파일(상단탭) -> 예제 -> Servo -> Sweep) 아래 코드는 반복문(for)을 통해 0 - 180도까지 1도씩 움직이고 다시 0도로 움직이는 코드입니다. #include <Servo.h> Servo servo; void setup() { servo.attach(9);

[Inventor] 10초만에 빠르게 스마트폰 터치 손가락 만들어보자 (feat. 리듬게임 손가락) [내부링크]

아두이노로 무언가 만들다 보면 스마트폰을 터치해야 하는 경우가 있다. 간단하게 터치 손가락을 만들어보자! 1. 정전식 터치란? 손가락이 스크린에 접촉하는 순간, 전류가 손가락을 통해 이동한다. 스크린 안에 있는 전극에 정전 용량(Capacity)가 변화하게 되고 변화를 감지하여, 반응을 감지한다. 2. 제작 간단하게 막대기에 호일(전도체)를 감싼 후 전선을 이용해 아두이노(GND)에 연결 3. 결과 간단하게 만들어 리듬게임등 핸드폰 터치에 사용 할 수 있다. 비싸게 사지말고 직접만들어 보자!

[아두이노] 초음파 센서(HC-SR04) 사용하기, 거리측정, 초음파 감지 [내부링크]

일상 생활에서 초음파를 이용해본 적이 있는가? 오늘 한 번 이용해보자 1. 준비물 2. 초음파 센서란? 고주파의 소리를 쏜 후 반사되어 돌아오는 시간차를 측정해 거리를 알 수 있는 센서입니다. 즉, 초음파를 이용해 시간을 계산하는 '거리 측정 센서'입니다. 3. HC-SR04 스펙 동작전압 5 V 동작전류 15 mA 측정범위 2~400 cm 측정각도 15 도 4. 회로 구성 5. 코드 작성 int trigPin = 7; int echoPin = 3; void setup() { pinMode(trigPin, OUTPUT); pinMode(echoPin, INPUT); Serial.begin(9600); } void loop() { long duration, distance; digitalWrite(trigPin, LOW); delayMicroseconds(2); digitalWrite(trigPin, HIGH); delayMicroseconds(10); digitalWrite(trig

[아두이노] 진동/충격 감지센서 (SW-18010P)사용해 LED 켜기 [내부링크]

아두이노 충격/진동 감지센서(SW-18010P) 진동이 감지되면 LED를 켜보겠습니다. 0. 충격감지 센서란? 진동 센서 내부에 스프링이 있어, 충격을 가하면 스프링이 센서에 접촉해 전류가 흐른다. 이것을 감지하여 충격을 받았다고 출력한다. 1. 스펙 작동 전압 3.3V ~ 5V 크기 3.2cm X 1.4cm 2. 준비물 3. 센서 구조 4. 회로 구성 5. 코드 작성 int LED = 8; void setup() { pinMode(LED,OUTPUT); Serial.begin(9600); } void loop() { int val = analogRead(A0); if(val <1020) { digitalWrite(LED,HIGH); Serial.println(val); delay(500); } else{ digitalWrite(LED,LOW); Serial.println(val); } } analogRead(pin) 지정한 아날로그 핀에서 값을 읽어, 0~ 1023 정수 값(int

[아두이노] 스텝모터(28BYJ-48) 사용하기 (회전 제어, 시계방향과 반시계방향 회전, 속도제어) [내부링크]

스텝모터 파워가 은근히 강력하다 1. 준비물 2. 스텝 모터란 DC 모터와 차이는 각도를 제어할 수 있으며 특정 각도로 이동하는 것이 가능합니다. 3. 스텝 모터 스펙 동작 전압 5V 최대 RPM 300 4. 회로 구성 5. 코드 작성 #include <Stepper.h> int stepsPerRev =2048; // 한바퀴 2048 Stepper stepper (stepsPerRev,11,9,10,8); void setup(){ stepper.setSpeed(10); } void loop(){ stepper.step(stepsPerRev); delay(500); stepper.step(-stepsPerRev); delay(500); } Stepper stepper(STEPS, IN1, IN2, IN3, IN4) - 사용하는 Stepper Motor 스템수, 각 4핀을 세팅 stepper.setSpeed(값) - Stepper Motor의 속도 설정 stepper.step(스텝수)

[아두이노]피에조 수동 부저 사용하기, 소리 내기 (도레미파솔라시,곰 세마리) [내부링크]

아두이노로 한 번 연주를 해보자 피에조 수동 부저 사용하기! 1. 준비물 2. 피에조 수동 부저란? 피에조를 이용해 소리를 내는 작은 스피커 피에조는 특정 방향으로 압력을 가하면 결정체(수정, 전기석 등) 표면에서 전기가 발생하는 성질을 이용한 것으로 여기에 얇은 판을 붙여 미세한 떨림으로부터 소리가 나게 됩니다. 3. 옥타브 및 음계 별 표준 주파수 소스코드 작성할 때 위의 표를 참고해서 작성하면 원하는 연주를 할 수 있다. 3. 회로 구성 4. 코드 작성 4-1. 소리 내기 void setup() { } void loop() { tone(8,500,500); delay(1000); } tone(pin, frequency, duration) pin = 피에조 부저 핀 번호 frequency = 주파수 (Hz 단위) duration = 소리 지속 시간 (밀리초 단위) 4-2. 도레미파솔라시도 4옥타브 int note[] ={261,293,329,349,391,440,493}; voi

[아두이노] 조도센서 or 조도센서 모듈(KY018)을 이용해 밝기를 측정해보자 [내부링크]

조도센서를 사용하면 주변의 밝기를 측정 할 수 있다. 1분만에 따라해보자 - 내생각 1. 준비물 2. 조도 센서란? 조도센서 내에 저항은 주위가 밝아지면 감소하고 어두우면 증가합니다. 저항값을 통해 입력값을 조절하여 사용자한테 알려줍니다. 쉽게 말해, 빛의 양을 측정하는 센서입니다. 3. 회로 구성 핀이 2개라면 위와 같이 회로를 구성하시고, 조도센서 모듈을 사용한다면(핀 3개) 아래 핀에 맞춰 저항 없이 연결만 해주시면됩니다. 4. 코드 작성 간단하게 입력값을 모니터에 출력해보는 코드를 작성해보겠습니다. void setup() { Serial.begin(9600); } void loop() { int cds = analogRead(A0); Serial.println(cds); delay(1000); } Serial.begin(통신속도) 시리얼 통신 시작을 알리는 함수로 통신을 하려면 무조건 적어줘야한다. 통신속도는 보통 9600으로 설정한다. analogRead(A0) A0의 입력

[아두이노] 5핀 조이스틱 다루기, xy축 값 확인하기 [내부링크]

아두이노에 자주? 종종? 쓰이는 5핀 조이스틱! xy값을 한 번 확인해봅시다. 1. 준비물 2. 조이스틱(5핀) 이란? - X, Y 좌표 값과 버튼 기능 - X와 Y 좌표는 아날로그 신호로 출력이되며, 푸시버튼은 디지털 신호를 통해 사용 - 3개의 신호선과 2개의 전원선으로 구성 3. 스펙 동작전압 5V 사이즈 34.5 * 26 * 30 mm 4. 회로 구성 5. 코드 작성 void setup() { Serial.begin(9600); pinMode(3, INPUT_PULLUP); } void loop() { int push = digitalRead(3); int posX = analogRead(A0); int posY = analogRead(A1); Serial.print("Push: "); Serial.print(push); Serial.print("\t"); Serial.print(" X: "); Serial.print(posX); Serial.print("\t"); Seria

[동영상배경제거/누끼따기] 무료로 5초만에 동영상 배경제거 하자 + GIF 짤 구하기 [내부링크]

가끔씩 동영상에 배경을 제거(누끼따기) 하고 싶을 때가 있죠? 근데 또 귀찮은거 싫죠?? 여기 100% 무료 배경 제거 AI 사이트가 있습니다. 일단 보시죠 방법은 간단합니다. 1. 아래 링크 통해 사이트 접속 https://www.unscreen.com/ Remove Video Background – Unscreen Remove the background of any video - 100% automatically, online & free! Goodbye Greenscreen. Hello Unscreen. www.unscreen.com 2. 4단계로 보는 변환하기 Upload Clip 클릭 원하는 영상 선택 기다림..... download 클릭 + Serch GIF를 클릭하시면 GIF 검색창이 뜹니다. 원하는 GIF 클릭하시면 이렇게 바로 배경이 제거되고 사용이 가능합니다. 정교하지는 않지만 빠르고 손쉽게 영상에 배경을 제거할 수 있습니다.

[Inventor] 쓰던 연필로 간단히 인두기 만들기(연필로 납땜하기) [내부링크]

혹여 공부 중에 납땜을 하고 싶은적이 있는가? 흔치 않지만 그럴 때가 있다. 근데 만약 연필이 인두기라면? 공부와 납땜, 납땜과 공부를 동시에 할 수 있지 않을까? - 내생각 1. 재료 2. 모식도 +와 -선이 직접적으로 닿지 않게, USB 케이블 전원선을 흑연에 감아주면 된다. 3. 제작 1. 연필을 깍아준다. 2. 5V USB 선을 연필심에 묶어준다. 3. 간단히 완성 이제 지질?준비를 합시다.ㅎㅎㅎ 4. 원리 +선에서 나온 전류가 흑연을 거쳐 -선으로 들어가면서 낮은 저항으로 인해 뜨거워진 흑연이 납을 녹인다. 그렇다면 왜 흑연은 녹지 않고, 타지도 않고, 열에 견딜 수 있는 걸까? 흑연의특성을 간단히 알아보자. 5. 흑연의 성질 - 우수한 내열성 - 흑연은 융점이 3,550 로 고온에서 견딜 수 있는 재료이다. (납의 녹는점 약 300 ) - 낮은 열팽창 - 일반 금속에 비해 굉장히 낮다. (흑연이 팽창해 연필이 터지지 않음) - 높은 열전도율 - 높은 열전도율로 내열충격성을

[아두이노] RGB 컬러센서(TSC34725) 사용해서 색감지하기, RGB 값 구하기 [내부링크]

RGB 컬러 센서(TCS34725)를 사용해 물건의 색상을 감지하여 RGB 값으로 출력해보자 1. 준비물 2. 컬러센서(TCS34725)란? RGB컬러 센서는 색상을 감지하는 센서로 물체의 색을 감지하고 적색,녹생,청색 정도에 따라 색을 표현하는 RGB 방식으로 색을 나타냅니다. 3.HC-SR04 스펙 동작전압 3~5V 크기 20*21*2(mm) 통신 I2C 컬러 센서 체널 RGBC 4. 회로 구성 GND GND 3V3 3.3V SCL A5 SDA A4 5. 라이브러리 다운 툴 -> 라이브러리 관리 -> TCS34725 검색 -> 설치 6. 코드 작성 #include <Wire.h> #include "Adafruit_TCS34725.h" Adafruit_TCS34725 tcs = Adafruit_TCS34725(TCS34725_INTEGRATIONTIME_50MS, TCS34725_GAIN_4X); void setup(void) { Serial.begin(9600); if (tcs.

[5초만에 업무속도 ↑↑] 스페이스바로 파일 쉽고 빠르게 미리보기(윈도우 꿀팁 기능Quick Look ) 사용하기 [내부링크]

스페이스바를 사용하여 문서, 동영상, 사진, 음악 등을 미리볼 수 있는 'Quick Look'이라는 기능 작업속도 UP! UP! 쉽고 간편한 기능 설치부터 사용까지 알아 보겠습니다. 1.설치하기 'Microsoft Store' 들어가기 'Microsoft Store'에서 'quick look' 검색하신 다음 다운로드 받으시면 바로 적용이 되어 바로 사용이 가능합니다. 2.사용해보기 파일을 선택하고 스페이스바를 누르면 빠르게 미리볼 수 있다. 다시 스페이스바를 누르면 사라진다. 문서 수정한 날짜, 용량, 파일 개수등 확인 할 수 있다. 문서 뿐만 아니라 동영상,사진,음악,텍스트 등을 가볍고 빠르게 확인하실 수 있습니다.

간단하게 Chrome 배경화면을 나만의 색깔로 예쁘게 꾸며보세요 [내부링크]

이번 시간에는 밋밋한 Chrome 배경 화면을 예쁘게 설정하는 방법을 알아보겠습니다. 1. 첫번째 방법 Chrome 배경 화면 우측 하단의 위에 이미지와 같이 연필 아이콘 'Chrome 맞춤설정'을 선택해줍니다. 그러면, 아래와 같은 이미지가 나옵니다. 여기서, 원하는 테마 또는 기기에서 업로드를 선택해주시면 자신이 원하는 사진을 설정할 수 있습니다. 업로드를 해주시면 짜잔!! 기기에서 업로드로 설정한 배경 화면 2 두번째 방법 Chrome 배경화면 배경화면 우측 상단에 동그라미 친 부분을 클릭해주시고 '설정'을 선택해주시면 아래와 같은 페이지가 나옵니다. 설정 설정 -> 모양 들어가 주시고 '테마'를 선택해줍니다. 테마 여기에서 원하는 테마를 선택하신 다음 'Chrome에 추가'선택하시고 배경 화면을 확인하시면!!! 완성!! 자신의 취향에 맞게 예쁘게 배경 화면을 꾸며보세요~~~

[아두이노] LED 켜기, 입문자들을 위한 간단 설명 [내부링크]

아두이노를 시작한다면 누구나 처음에는 LED를 켤 것 이다. 한 번 켜보자 1. 준비물 준비물 LED : 긴 다리가 +, 짧은 다리가 - 저항 : 과전류를 방지하기 위해, 220 Ω을 사용하겠습니다. 2. 회로구성 3. 코드 작성 void setup(){ pinMode(13,OUTPUT); } void loop(){ digitalWrite(13,HIGH); delay(1000); digitalWrite(13,LOW); delay(1000); } 3-1 사용된 함수 pinMode(pin, mode) pin = 모드를 설정하려는 핀 번호 mode= INPUT, OUTPUT..... 입력 또는 출력을 설정합니다. (*LED를 출력할것이기 때문에 OUTPUT) digitalWrite(pin, value) pin = 핀 번호 value = HIGH or LOW HIGH 일 때 5V(또는 3.3V 보드에서 3.3V), LOW 일 때 0V 가 흐릅니다. (*HIGH 상태일떄 불이켜지고 LOW상태

크롬(Chrome)에 관하여(확장 프로그램 추천 4가지), 확장 프로그램 설치하는 법 [내부링크]

크롬을 그냥 쓰고 계셨습니까? 이제는 5초 만에 설치할 수 있는 확장 프로그램으로 더 잘 사용해 보세요! 4가지 추천합니다. - 내 생각 0. 크롬 웹 스토어 접속 https://chrome.google.com/webstore/category/extensions?hl=ko Chrome 웹 스토어 브라우저에 새로운 기능을 추가하고 인터넷 탐색 환경을 맞춤설정할 수 있는 소규모 프로그램입니다. chrome.google.com 원하는 확장 프로그램 선택 후 'Chrome에 추가' 버튼을 누르면 끝! 확장 프로그램 핀 모양을 선택하시면 선택한 확장 프로그램이 보기 편하게 바깥으로 나온다. 1. Google 번역 인터넷을 하다 보면 한국어가 아닌 외국어가 나오는데 외국어를 빠르게 번역해서 알아볼 수 있게 해주는 확장 프로그램이다. 단어 또는 페이지 전체를 번역을 해준다. Google 번역기 2. 원탭(OneTab) RAM 메모리 절약을 도와주는 확장 프로그램이다. 현재 열려있는 탭을 하나의

구글 무료 이미지 사용하는 법,무료 이미지 사이트 추천 (크리에이티브 커먼즈 라이선스) [내부링크]

블로그나 SNS , 유튜브 등 콘텐츠를 제작할 때, 이미지를 사용할 상황이 발생한다. 이미지를 무단으로 쓰다 곤란한 상황이 발생될 수도 있으니 저작권에 대해 분명히 알고 사용하자. 구글 이미지 검색을 통해 어떠한 상황에도 사용 가능한 이미지들은 어떻게 찾는지 알아보자! 1.구글 검색으로 무료이미지 찾기 1. 이미지 검색 2. 도구 선택 3. 사용권 클릭 4. 크리에이티브 커먼즈 라이선스(CCL) 선택 크리에이티브 커먼즈 라이선스 : 무료 (사용 제한 조건이 있을 수 있음, 하단에 설명) 상업 및 기타 라이선스: 상업적으로 사용 금지 일 수 있고 유료 사용일 수도 있다. 2. 원하는 이미지 라이센스 확인하기 '라이선스 세부 정보' 클릭 위와 같은 이미지가 뜹니다. 위 이미지는 제한이 없기 때문에 어디에다가 사용해도 되지만 밑에 아이콘을 참고해서 자신의 목적과 맞는 이미지를 골라야 된다. 만약에, 내가 영리적 목적을 가지고 이미지를 사용해야 되는데 아래의 이미지는 저작권 표시를 해야 되

[NFT] 5분만에 NFT 만들고 판매하기, 오픈씨(OpenSea) NFT생성(민팅) 가스비 무료!! 폴리곤(Polygon) 판매까지 [내부링크]

요즘 NFT가 인기가 많은데 왜 인기가 많은걸까? 일단 나도 만들어보면 우연찮게 누군가 사지 않을까? 사용자가 많은 오픈 씨(OpenSea)에서 NFT를 한 번 만들어보자! (누군가 사주길 바라며) - 내생각 영상이 편하신 분은 아래 링크로!! https://youtu.be/ZMUr82_aJ6E 0. 오픈씨 장점 NFT 시장에서 이더리움의 비중이 크지만 민팅한 NFT 작품을 판매하기 위해서는 가스비를 내야한다. 이더리움으로 민팅하고 판매로 올리는 가스비까지 포함하면 총 20-30만 원의 수수료가 든다. 민팅(Minting) - 그림이나 영상 등 디지털 자산의 대체 불가능 토큰(NFT)을 생성하는 것 가스비 - 민팅한 NFT작품을 팔기 위해 제일 처음 오픈 씨에 내야 하는 등록비 하지만 오픈씨에서는 민팅과 가스비가 무료인 폴리곤(Polygon)으로 만들 수 있다. (추후에 이더리움으로 바꿀 수 있다.) 이번 시간에는 폴리곤(Polygon)으로 민팅부터 판매까지 알아보겠습니다. 1. 구

2분만에 메타 마스크(MetaMask) 지갑 빠르게 생성하기. [내부링크]

너도 나도 디지털자산에 관심이 많은 지금! 나도 더 이상 늦을 수 없다! NFT 거래를 위해 이더리움 지갑인 메타마스크를 빠르게 만들어 보자! - 내머리 일종의 블록체인 지갑, 메타 마스크는 암호화폐와 핫한 NFT 상품을 거래하거나 보관할 수 있는 온라인 지갑 -영상으로 배우기- https://youtu.be/bwclv87Hkoo 1. 구글에 메타 마스크 검색한다 -메타 마스크 바로 가기- MetaMask An Ethereum Wallet in your Browser chrome.google.com 2. 메타 마스크 크롬에 추가하기 페이지를 들어가시면 밑에 사진 같은 화면이 나오는데 여기서 ' Chrome에 추가' 버튼 선택해 줍니다. 3. 메타 마스크 시작하기 만약 화면이 위에 사진처럼 나오지 않는다면 우측 상단에 확장 프로그램(퍼즐) 클릭 메타 마스크 모양을 선택하시면 들어갈 수 있습니다. 4. 메타 마스크 지갑 생성 지갑 가져오기, 지갑 생성을 선택할 수 있는데 여기서 지갑 생

[100일 운동]1일차 운동시작!! 헬스,걷기 [내부링크]

다가올 여름을 위해 몸도 가꾸고 건강을 위해 100일 운동 챌린지 시작했습니다 목표는 몸짱!! 사진 설명을 입력하세요. 헬스장에서 가볍게 50분 운동 Proground 헬스 끝난후 헬스장에서 집까지 걸어왔는데 4km정도 나왔네요 사진 설명을 입력하세요. 비밀스러운 몸무게 공개.... 83.7kg 저의 목표는 75kg이랍니다 ㅎㅎ.. 오운완 내일도 하루도 화이팅!!

[GIF만들기]5초만에 무료로 동영상을 GIF로 변환시키기 [내부링크]

가끔씩 동영상을 GIF로 만들거나 확장자를 변환하고 싶 을 때가 있죠? 그래서 준비했습니다. 무료로 동영상을 GIF로 만들어 주는 사이트가 있습니다. 한번 보시죠 1. 아래 링크 통해 사이트 접속 https://ezgif.com/video-to-gif Online video to GIF converter Upload your video, select the part you want to convert and instanlty create a GIF in good quality for free and without watermarks. ezgif.com 2. 5단계로 보는 변환하기 1단계 - '파일선택' 버튼 클릭 2단계 - 원하는 영상 선택 3단계 - 'Upload video' 버튼 클릭 4단계 - 'Convert to GIF!' 버튼 클릭 5단계 - 'Save' 클릭 추가적으로 조금 더 정교하게 다루실 분들은 다양한 설정 값들이 있으니 필요에 따라 값을 주시면 됩니다.

네이버 웨일(Whale)에 관하여 작업속도 향상시키는(추천 기능) 옴니태스킹 [내부링크]

이번 시간에는 네이버 웨일 '옴니 태스킹', '하나의 창 안에서 모든 콘텐츠를 보여주어서 탭이 많아지는 현상을 없애기 위한 기능' 옴니 태스킹 2 가지기능을 소개해 보겠습니다. 1. 사이드바 브라우저 창의 옆면에 위치한 사이드바는 웹 서핑에 유용한 각종 서비스를 제공합니다. 사이드바가 제공하는 서비스는 브라우저 창에 열려 있는 웹 페이지와 별개로 작동하기 때문에 웹 서핑을 방해하지 않고 언제든 바로 열거나 숨길 수 있습니다. 또한 사이드바에는 확장 앱의 한 종류인 사이드바 앱을 설치하거나 모바일 페이지를 추가할 수도 있습니다. 사이드 바 기본적 사이드바 기능으로는 그린닷 - 모바일 네이버를 열고 검색을 진행하거나 콘텐츠를 확인합니다. 도구 모음 - 시계, 타이머, 계산기, 달력, 단위변환, 환율 등 다양한 도구를 제공합니다. 스크랩북 - 나중에 다시 보고 싶은 콘텐츠를 스크랩북에 담아 두고 언제든 다시 꺼내 볼 수 있습니다. 사이드바 북마크 - 모든 북마크를 사이드바에서 확인할 수

엣지(Edge)에 관하여 사용 꿀 팁(생산력 향상 기능) 탭 변경, 몰입형, 음소거, 소리 내어 읽기 [내부링크]

엣지(Edge)에 여러 가지 기능 중 생산성을 향상시켜주는 몇 가지 기능을 소개해 보겠습니다. 1. 가로/세로 탭 변경 좌측 상단에 화살표로 가리킨 ' 탭 작업 메뉴'를 클릭하시면 탭이 세로/가로 변경이 가능합니다. 세로 탭을 이용하시면 수직으로 정렬된 아이콘으로 더 쉽게 스캔하고 식별할 수 있다. 2. 몰입형 기사 나 블로그 게시물과 같은 콘테츠를 보시는 경우에 이 기능을 사용하시면 눈이 편해지는 깔끔한 뷰를 보실 수 있을 것이다. 몰입형 리더 아이콘 이 아이콘은 기사 또는 블로그 게시물 같은 콘텐츠를 보는 경우 주소 표시줄 우측에 있는 '몰입형 리더' 아이 콘을 클릭하시게 되면 여러 가지 기능들이 생깁니다. 소리 내어 읽기 - 텍스트를 소리 내어 읽어준다(읽는 속도 조절 가능) 텍스트 기본 설정- 텍스트 크기, 간격, 글꼴 등의 설정 가능 문법 도구- 음+절 나누기, 품사(모든 명사, 동사 및 형용사 강조 표시) 품사 4. 읽기 기본 설정 - 라인 포커스(한 줄, 세 줄, 다

[M2E]걸으면서 돈 버는 '슈퍼워크' 알아보자 [내부링크]

러닝만해서 돈을 번다면 나는 하루에 얼마나 뛸 수 있을까? 혹시 이걸로 생계를 유지 할 수는 없을까? - 내생각 0. Intro 현재 P2E(돈버는게임)가 해외에서 많이 출시 되었고, 크게 흥행하였다. 특히 해외에서 출시된 '엑시 인피니티'는 팔라핀 등의 국민 평균소득이 낮은 국가에서 생계를 유지하기 위한 수단으로 이용이 되기도 한다. 이런 게임들은 우리나라에서 사행성으로 분류되어 출시 되지 못했지만, '슈퍼 워크'는 비게임 서비스를 중심으로 보상을 제공하는 방식이므로 국내에서 출시가 가능해졌다. '슈퍼 워크'는 해외에 있는 스테픈(Stepn)과 같은 M2E(움직여서 돈을버는) 서비스다. 건강 활동뿐만 아니라 게임적 요소를 담고 있어 운동에 대해 흥미를 더 느낄 수 있게 한다. 1. 슈퍼 워크란? 블록체인 기술 기반의 Web 3.0 헬스케어 및 M2E 서비스 (Move-To-Earn) 유저들은 NFT 신발을 구매해서, 걷거나 달리면 암호화폐를 지급하는 형태가 될 것입니다. Terra

[Inventor] 햄스터에게 발전기를 만들어 주자(feat. 쳇바퀴, DC 모터) [내부링크]

햄스터를 가만히 지켜보면 문득 그런 생각이 든다. 달리는 에너지를 전기로 바꾸면 어떠할까? 우리함께 친환경을 이루어보자 - 내생각 1. 재료 2. 모식도 마스크 끈을 묶어서 쳇바퀴와 풀리에 연결 시켜준다. 약간 당겨서 묶어주면 마스크 끈에 장력이 생겨 동력을 전달하여 DC 모터를 돌려준다. 3. 제작 먼저 쳇바퀴를 적당한 판때기에 붙여줍니다. 나란히 모터 또한 붙여줍니다. 마스크끈으로 풀리와 쳇바퀴를 연결시켜줍니다. (장력이 생기도록 살짝 땡겨서 묶어요!) LED는 모터에 연결 시켜주고 적당한 지지대 위에 붙여주면 끝!! 손으로 돌려보니 LED가 아주 잘켜진다. 뉴앙금이(햄스터 이름)에게 주로 갑니다. 4. DC 모터의 특징 모터와 발전기는 서로 같은 원리를 가지고 있다. 원리는 같지만 반대로 적용된다. 전기를 흘려주면 모터가 돌아가고, 반대로 모터를 돌려주면 전기가 생성된다. 이 특성을 이용하여 전기를 생성해 LED를 켠다. 5. 주의사항 쳇바퀴와 풀리에 기어비를 이용하여 회전 수