Over Tech

비주얼스튜디오코드(Visual Studio Code )는 예전부터 필수로 사용된 앱 개발도구 IDE 이다. 오픈소스이고, 무료이기에 앱 또는 웹을 개발하는데 부담이 없다. 더욱이 확장성이 다른 개발도구에 비해 강력하기 때문에 자신이 만들고 싶은 어떤 앱이 있다면 부담없이 시작할 수 있을 정도이다. 덕분에 과거에 비해 프로그램 개발이 상대적으로 많이 쉬워졌다. 또한, AI 확장 프로그램을 설치하면 고민하고 자료를 찾는 시간이 상당히 많이 줄어든다. 그럼에도 코드를 보고 흐름을 보고 이해하는 학습은 필요하다. 비주얼스튜디오코드를 설치하려면 홈페이지에 접속하여, 설치파일을 다운로드 받고, 설치하고 실행하면 끝이다. 그리고, 필요한 확장프로그램을 설치하면 그만이다. 비주얼스튜디오코드 홈페이지 접속하기 비주얼스튜디오코드 IDE 개발도구를 다운로드하기 위해 홈페이지 (  https://code.visualstudio.com/ ) 에 접속한다. 비주얼스튜디오코드는 윈도우, 리눅스, 맥에서 모두 사용이 가능한 점이 장점이다. 비주얼스튜디오코드의 홈페이지에서 상단에 있는 메뉴들을 먼저 둘러보자. 자신이 만들고 싶은 앱 또는 웹을 위한 모든 안내서가 있고, 자신만의 확장 프로그램을 만들 수 있는 가이드 또한 존재한다. 과거에 비해 많은 내용이 업데이트 되었다. 비주얼스튜디오코드 - 웹 - 메인 . 비주얼스튜디오코드 다운로드 설치하기 실행하기

챗지피티의 코덱스( Codex )와 깃허브( Github )를 연결하려고 했지만, 연결이 되지 않아 VSCode에서 직접 연결을 하였다. VSCode에 깃허브를 직접 연결하니 오히려 더 좋은 느낌이다. 코덱스에 프롬프트를 실행하면 자동으로 파일을 만들고 나는 그저 깃허브에 저장소를 만들고 푸시( Push )만 하면 된다. 오히려, 챗지피티 코덱스 페이지에서 연결이 제대로 되지 않은 것이 다행(??)이란 느낌이다. 새로운 것을 시도해 보고, 좀 더 편한 방법을 찾았기 때문이다. 왜 연결이 되지 않는 거냐 ?? 좀 편하게 작업하려고 코덱스( Codex )에 깃허브( Github )를 연결하고자 했다. 인증까지 하고, 윈도우 자동 인증까지 삭제하고 다시 했음에도 연결이 되지 않았다. 아~ 뭐지 ? 찾아보니 버그라고 하는데 ~ 몇 일 동안 계속 이어지는 것 보면 이건 뭔가 문제가 있다고 볼 수 밖에 없다. ( 그 원인과 해결책을 찾을 수가 없다. ) 아아 ~ 코덱스 ~ 인증까지 했는데 깃허브 연결이 왜 안되냐 ~ 다행스럽게도 VSCode에서 연결이 된다는 것을 찾게 되었다. 잘 모르겠는 화면에서 익숙한 아이콘과 제목이 눈에 보였다. 바로 ` IDE에서 시도해 보기 ` 버튼이었다. VSCode에서 할 수 있다는 얘기는 들었지만, 이렇게 보여주니 시도해 보는게 당연하겠지. 일단 자세한 내용을 찾아보니 이미 많은 분들이 VSCode에서 챗지피티의 코덱스를 연결해 사용하고 있었다. VSCode가 깃허브에도 연결되니, 생각해 보면 굳이 코덱스를 웹에서 할 필요는 없겠다는 생각이 들었다. 바로 시도를 해 본다. 새로운 방법을 찾다. 이런 새로운 방법을 찾게 되면 왠지 모를 도파민이 생기는 느낌이다. 어쨌든 VSCode를 실행하고 코덱스를 설치하게 되었다. 평소 웹에서 작업하다보니 VSCode에 설치된 코덱스가 익숙하진 않다. 뭐, 걱정할 필요는 없다. 화면을 캡쳐하고 챗지피티 또는 제미나이에 캡쳐화면 자체를 업로드하고 물어보면 된다. 화면 우측 하단에 프롬프트 입력창이 있다. ...

파이썬을 다시 공부해 보려고 책을 구입하기 보다는 AI의 도움을 받기로 했다. 파이썬을 완전히 모르는 것은 아니지만, AI의 대답이 궁금한 것도 있기에 완전 초보자를 가정하고 프롬프트를 만들어 요청했다. 챗지피티( ChatGPT )와 제미나이( Gemini )의 대답의 차이가 있지만, 큰 틀에서 벗어나지 않는다. 일단 AI가 시키는대로 진행해 보기 위해, 파이썬 독학을 위한 공부 로드맵을 만들도록 하였다. TMI 정보가 너무 많지만, 순서대로 잘 정리되어 있다. 파이썬독학 / AI 튜토리얼 AI 야~ 파이썬 독학을 위한 공부 로드맵 만들어 줘 ~ 파이썬을 모르는 것은 아니지만, 다시 시작하려니 막막하다. 누구한테 물어봐도 광고 댓글만 달리기에 차라리 AI의 도움을 받기로 했다. 간단히 프롬프트를 입력하면 AI는 자세한 내용을 알려준다. 여기에 완전 초보자라는 것을 명시하면 정말 많은 정보를 알려준다. 아래는 프롬프트이다. fresh newbie 파이썬 독학 tutorial 만들기, 기간 무시, 완전히 초보자용 튜토리얼이 만들어 진다. 흥미롭다. 굳이 서점에 가지 않아도 될 것 같은 생각이 들 정도다. 어디까지 무엇을 할 수 있는지 포스팅을 해 보면 좀 더 자세히 알 것 같다. 내용이 많네 파이썬에 자신이 있다면, 굳이 이렇게까지 할 필요는 없겠지만, 자신만의 라이브러리가 필요하다면 완전한 초보자로써 튜토리얼이 필요할 수 있다. 과거의 경우 서점에서 나에게 맞는 책을 구매하고 코드를 읽고 공부하고 했겠지만, 지금의 경우는 서점에서 구매한 책 또한 진짜 참고서로써 책장에만 한없이 존재하게 될 것이다. 차라리 책을 구매했다면, AI에게 가르치거나 혹은 자신의 소스 코드로써 보관을 해두자. 두고두고 써먹을 수 있다. AI가 있는데 굳이 코딩 공부하는 이유 바이브코딩을 하면서 느낀 점은 빠르게 만들고 배포하고 반응을 살필 수 있다는 점에 있다. 개발자가 직접 시간을 투자해서 앱과 게임을 만들 필요가 없어졌다. 그럼에도 코드를 공부하는 개발자들이 있는데, 사람의 느낌과 ...

AI를 사용한 바이브코딩이 익숙해지니 게임 개발에 욕심이 생겼다. 게임을 만들기 위한 방법은 많지만 게임 개발에 대한 차이가 없으니, 어떤 것을 선택할지 고민이 된다. 최근, 게임 개발에 어떤 것을 사용하는지 찾아보지 유니티 ( Unity ), 언리얼 ( UnReal ), 고닷 ( GoDot ), 로블록스( Roblox )가 있다. 보통이라면 유니티부터 시작하겠지만,  고닷 같은 완전 무료 엔진이 있다면 욕심이 생긴다. 그리고, 중요한 로블록스가 있다. 상대적으로 난이도가 낮지만, 기능들에 대해 익숙해 져야 하는 단점이 있다. AI가 가이드를 잘 만들어 주는 면이 있지만, 어쨌든 사람은 공부가 필요한 부분이다. 게임엔진 게임엔진이 무엇인지 간단히 살펴보자. 게임을 만드는 것은 그냥 어렵다. 다양한 것들의 집합체이기 때문인데, 그래픽, 음악, 사운드, 동작을 위한 코딩 개발 등 여러가지가 들어간다. 게임을 0부터 100까지 개발하는 것은 그 과정이 그냥 어렵다. 하지만, 게임을 만들기 위한 필요한 도구들이 준비되어 있다면 상대적으로 그나마 수월해 진다. 게임엔진 은 게임을 만들기 위한 하나의 도구 모음이며, 공통적이고, 복잡한 작업들을 미리 만들어 둔 것이다. 여기에는 그래픽을 위한 그래픽엔진과 물리엔진, 사운드를 위한 오디오엔진, 사용자 입력에 따른 움지김을 표현하기 위한 로직과 스크립팅, 그리고, 이미지, 사운드 등의 리소스관리 엔진들이 들어간다. 게임을 하나 만드는데 인력과 시간이 많은 비용이 들어가는 이유가 여기에 있다. 그렇기에 지금의 게임 엔진은 게임을 만들기 위한 필수적인 요소가 되었다. 게임 엔진의 성능이 좋다보니, 지금은 여러 방면, 굳이 게임이 아닌 산업분야에서도 사용된다. 게임엔진은 굳이 사용한다. 개발에 욕심이 있는 사람이라면 게임 제작에 도전을 해 보지만, 곧 쉽지 않은 것에 좌절을 느끼는 경우가 있다. 아마도, 좌절보다는 시간적 여유도 한 몫한다. 코딩도 그렇지만, 사운드, 음악 등의 모든 요소들이 필요하다. 만약, 게임엔진을 사...

다빈치 리졸브에서 이미지를 회전하려면 Inspector에서 Rotation Angle값을 조정하면 된다. 시작부분과 끝부분에 회전각도를 설정하면 된다. 이후 미리보기를 통해 이미지가 회전하는 것을 볼 수 있다. 영상에 동적인 재미를 추가하자 다른 사람들이 만든 영상을 보면 화려하진 않지만, 흥미를 돋구기 위한 작은 효과들이 있다. 그 중 하나가 이미지 회전이다. 정적인 장면보다 약간의 움직임을 추가함으로써 지루함을 없애준다. 다빈치 리졸브에서 이미지를 회전시키는 방법은 Rotate 를 기능을 사용하면 된다. Rotate 기능은 이미지 클립을 선택한 후 Instpector 항목의 Roatate Angle 을 사용하면 된다. 다빈치 리졸브 이미지 회전시키기 이미지를 회전시키자 / Rotate angle `Rotabe angle` 클립( 영상 또는 이미지 등 )을 회전시키는 기능이다. 시작점과 끝점에 각도를 설정해 주면 된다. 타임라인의 시작점에 첫 각도를, 타임라인의 끝점에 회전각을 설정하면 된다. Rotate Angle을 사용하는 방법은 클립을 선택하고, 화면 우측 상단의 Inspector를 선택한 후, 나타나는 메뉴에 나타난다. Inspector > Rotate Angle 단계별 순서 Rotate Angle을 사용하면 클립을 회전시킬 수 있다. 다빈치 리졸브는 전문가용이라도 이런 단순해 보이는 기능도 어렵지만, 개념을 알면 편하다. ( 단지, 귀찮을 따름이다. ) 특히, 캡컷과 비교될 수 있는데, 캡컷은 상당히 편하고 직관적인 동영상 편집기이다. ( 본인의 경우 다빈치 리졸브는 무료이고, 워터마크가 없기에 선택했을 뿐이다. 캡컷의 유료화는 조금 무섭다.) 어쨌든, 다빈치 리졸브에서 클립을 회전시키는 방법은 다음과 같다. 타임라인에 있는 클립( 동영상 또는 이미지 등 )을 선택한다. Inspector를 선택한다. Video 또는 Image 탭을 선택한다. Rotate angle을 찾고, 우측에 있는 네모를 선택하여 활성화한다. 회전시킬 클립의 시작점을 선택...

가독성 높은 폰트를 다빈치 리졸브에 설치할 경우, 다빈치 리졸브에서 폰트를 직접 설치할 수 있는 방법은 없다. 다만 다운로드 받은 폰트를 윈도우 또는 MacOS에 직접 설치한 후 다빈치 리졸브 앱을 닫고, 다시 재실행하면 설치한 폰트를 사용할 수 있다. 다빈치 리졸브 폰트 추가 가독성 / 잘 보여야 한다. 가독성은 보는 사람으로 하여금, `정보를 빠르게 보고 이해할 수 있도록 한다`를 전제로 하고 있다. 블로그 또는 유튜브와 같은 영상 등에 텍스트가 굵고 테두리가 있는 이유가 여기에 있다. 이런 가독성의 가장 좋은 무료 폰트는 아마도 고딕체 정도가 될 것이다. 고딕체는 간단하고 굵고 잘 보이는 장점이 있다. ( 진지할 땐 명조체 ) 이 중 무료로 제공되는 것들 중 하나가 어그로체 가 있다. 명조체와 비슷하지만, 안정감이 있고, 폰트는 굵다. 중요한 건 가독성에 대해 최적화된 느낌이 있다. 이런 폰트는 욕심이 생기고, 한번쯤은 사용하고 싶어진다. 하지만, 다빈치 리졸브에 폰트를 설정하려고 하면, 직접 설치할 수 있는 방법이 없다. 하지만, 윈도우 또는 맥에서 폰트를 직접 설치한 뒤, 다빈치 리졸브를 재실행하면 설치된 폰트를 사용할 수 있다. 폰트 설치와 다빈치 리졸브에서 사용하기 자신이 원하는 폰트를 다운로드하기. ( 저작권을 확인하자. 여기서는 부담없는 어그로체 사용.) 다운로드 받은 폰트를 더블 클릭하여 설치하기. ( 보통 다운로드 폴더에 있음. ) 설치 버튼 클릭, 윈도우에 폰트 설치하기. 다빈치 리졸브 종료 후 재시작하기. 폰트 클립 선택하기. 화면 우측 상단의 Inspector 선택하기. Font Family 를 마우스로 선택하여 어그로체 표시 확인하기. 텍스트 입력 후 어그로체 설정하여 미리보기 화면에서 폰트의 변경을 확인하기. 과정 따라하기 다빈치 리졸브에서 직접 폰트를 추가할 수 없는 것이 불편함으로 다가오지만, 막강한 기능은 미련이 많이 생긴다. 폰트가 그러하다. 마음에 드는 폰트를 다운로드 받았다면 윈도우 또는 맥OS에 먼저 설치하고 설치해야 ...