웹 시스템 개발 #NodeJS

학교 공부를 복습할 겸 적는 것이기에 내용이 부족할 수 있습니다. 부족한 것은 상관 없으나, 잘못된 부분이 발견된다면 지적해주시면 감사하겠습니다.Node.js 생성 및 목적Node.js는 Ryan Dahl이 Joyent에서 개발자로 근무하던 2009년에 만들어졌습니다. 웹브라우저에서도 사용되는 Google의 V8 JavaScript 엔진을 활용한 서버사이드 환경으로 설계되었으며, 브라우저의 클라이언트 측 환경과 일치하는 서버 측 환경을 제공하여 사용 언어의 일관성을 만드는 것이 목표였습니다. Node.js의 이점Node.js를 사용하면 개발자가 서버에서 JavaScript를 작성할 수 있으므로 다른 언어 간 컨텍스트 전환이 필요하지 않습니다. 이를 통해 전통적으로 서버 측에서 작업했던 전문가에 대한 의존..

• format_list_bulleted 웹 개발
• · 2023. 12. 16.
• textsms

유니티 Text로 Voice를 만들자! with DeepVoice AI - Text To Voice

요즘에는 프롬포트만으로 멋진 영상도 만들 수 있으며, 노래도 만들 수 있고, 그림도 만들 수 있는 시대가 왔습니다. 유니티 에셋 중에도 비슷하게 Text만으로 멋진 Voice을 만들 수 있는 에셋이 있으며 바로 오늘 소개 할 DeepVoice AI - Text To Voice입니다! DeepVoice AI - Text To Voice 에셋은 최근에 나온 에셋임에도 불구하고 꽤 많은 관심을 얻고 있는 에셋이며, 홍보 영상이 매력적이여서 제가 직접 구매해봤습니다. 바로 알아보시죠~! DeepVoice AI - Text To Voice란? DeepVoice는 text를 가지고 음성을 생성하고, 오디오 파일을 다듬고, 결합하고, 이퀄라이징할 수 있습니다. 주어진 목소리의 형태도 95개 이상 존재하여 다양한 음성..

• format_list_bulleted Unity/Assets
• · 2023. 12. 14.
• textsms

유니티 프로젝트 용량을 줄이자! #Asset Cleaner

프로젝트를 하다보면 사용하지 않은 파일들로 인해 용량이 점점 무거워지는 것을 한 두번씩 경험해보셨을 겁니다! 프로젝트 용량이 커지다보면 에디터 켜는 속도도 현저히 느려질 뿐만 아니라, 필요한 에셋을 찾기가 힘들어지게 됩니다. 그래서 사용하지 않는 파일들은 주기적으로 관리(청소)해주어야 하는데 Asset Cleaner을 활용하여 손쉽게 프로젝트의 파일들을 관리할 수 있습니다! Asset Cleaner란? 프로젝트에서 쓸모없고 사용하지 않는 파일들을 확인할 수 있으며, 해당 파일들을 안전하게 제거할 수 있는 에셋입니다. 또한, 파일이 어디에 활용되고 있는지 파악할 수 있는 용도로도 사용할 수 있습니다. Asset Cleaner 사용하기 에셋 클리너를 설치하게 된다면 상단 윈도우 탭에서 에셋 클리너 창을 열 ..

• format_list_bulleted Unity/Assets
• · 2023. 12. 9.
• textsms

유니티 Final IK 사용방법 #기초편

이번 포스팅에서는 저번에 산 Final IK 사용방법에 대해 알아보고자 합니다. Final IK에 대해서는 이전 포스팅을 참고해 주세요! 유니티 애니메이션 제작할 때 없어선 안 될 Final Ik 소개 및 사용법에 대해 Final IK란? Final IK는 Unity 엔진에서 사용할 수 있는 가장 완벽한 역운동학(Inverse Kinematics) 솔루션으로 널리 인정받고 있는 에셋입니다. 복잡한 IK 설정을 자동화해 주어 개발 속도를 매우 향상시켜 wlsdn629.tistory.com Final IK를 이용하여 활하는 방법은 많지만 이번 포스팅에서는 간단한 Interaction 사용방법에 대해서만 알아보고자 합니다. Final IK - Interaction Final IK를 이용해서 Interactio..

• format_list_bulleted Unity/Assets
• · 2023. 12. 8.
• textsms

쿠키런 VR 플레이 후기 (더 다키스트 나이트(The Darkest Night))

Meta Quest3를 구매하고 기다리고 기다리던 쿠키런이 드디어 나와서 출시일에 바로 구매하고 플레이해봤습니다! 학교일이 너무 바빠서 많이는 못해봤고 1시간 정도 플레이 해봤습니다. 1시간 정도 하니 노움 광장에서 퀘스트까지 클리어 하였고, 이때까지의 경험을 가지고 후기를 남겨보고자 합니다! 후기를 남길 때 스포가 포함될 수 있으니 스포를 원치 않으신 분은 도망가주세요! 게임 스토리 The Darkest Night는 쿠키런 최초의 VR 타이틀로, 모바일에서 확장된 최초의 IP 게임입니다. The Darkest Night는 마녀와 마왕 쿠키의 비밀을 파헤쳐가는 내용과 마녀의 성을 탈출해 나가는 내용을 담고 있습니다. 플레이어는 쿠키의 관점에서 마녀의 성을 탐색하고, 적과 싸우며, 여러가지 무기를 이용할 ..

• format_list_bulleted 게임후기
• · 2023. 12. 3.
• textsms

유니티 Dynamic Bone을 이용한 머리카락, 귀, 꼬리 등의 움직임을 추가하자!

Dynamic Bone이란? Dynamic Bone은 캐릭터의 Bone이나 관절에 물리학을 적용시켜주는 에셋입니다. Dynamic Bone을 설정하면 캐릭터의 머리카락, 옷감, 가슴 또는 모든 부분을 현실적으로 움직이게 할 수 있습니다. ㅋㅋㅋㅋㅋ 제가 아직 설정을 제대로 하지 않아서 지렁이(?)같이 꼬리가 꿈틀거리네용 ㅋㅋ 우..징그러 사용방법 꼬리를 예시로, 꼬리를 움직이게 하고 싶다면 tail Bone을 찾아서 Dynamic Bone 컴포넌트를 넣어주시면 됩니다. 그 다음 Root를 설정하시면 기본적인 설정은 모두 끝납니다! Bone이 다른 Mesh에 파묻히는 형상을 막기 위해서는 Dynamic Bone Collider를 추가하면 됩니다. 예를 들어, 꼬리가 몸통에 들어가는 형상을 막고 싶다면 몸통..

• format_list_bulleted Unity/Assets
• · 2023. 11. 24.
• textsms

유니티 Muse 정식출시!

Unity Muse 정식출시! Unity Muse는 월 $30의 독립형 제품으로 제공된다고 합니다! 저는 무료로 30일동안 사용할 수 있는 기회를 얻어서 30일 동안 사용해보고자 합니다 ㅎㅎ 정식출시되면서 기존에 제공되지 않은 기능들이 이번에는 추가되었습니다. 프롬포트로 애니메이션을 제작해주는 Animate기능, 프롬포트로 행동을 제어하는 Behaviour 기능, 프롬포트로 맵을 제작해주는 Sketch기능이 추가되었습니다. 뒤에 다시 언급하겠지만 Pre-Release기능들은 아직 사용이 제한되어 있습니다. Pre-Release기능들 전부 다 너무너무너무너무 기대됩니다! 유니티 개발을 도와주는 AI Muse Muse란? AI 기반의 Creative Tool로, 유니티를 활용한 개발 경험을 도와 플랫폼을 빠..

• format_list_bulleted AI
• · 2023. 11. 23.
• textsms

유니티 Folder Structure, 체계적인 폴더 구조 규칙

Unity 프로젝트에 국한된 내용이 아닌 모든 소프트웨어 개발 프로젝트에서 잘 정의된 폴더 구조를 따르는 것은 여러 가지 이유로 중요하며 다음과 같은 많은 이점을 제공합니다. 체계적인 폴더 구조를 따를 때 얻을 수 있는 이점 가독성: 명확하게 정리되어 있는 폴더 구조를 사용하면 찾고자 하는 폴더를 쉽게 찾을 수 있습니다. 효율성: 명확하게 정리되어 있는 폴더 구조를 사용하면 찾고자 하는 리소스를 더 빠르게 찾을 수 있어 개발 속도가 빨라집니다. 충돌 방지: Git과 같은 버전 관리 시스템에서 명확하게 정리되어 있는 폴더 구조를 사용하면 파일 충돌 및 중복 작업을 방지하는 데 도움이 됩니다. 확장성: 프로젝트 규모가 커짐에 따라 명확하게 정리되어 있는 폴더 구조를 사용하면 점점 늘어나는 리소스들을 관리하는..

• format_list_bulleted Unity/Study
• · 2023. 11. 22.
• textsms

유니티 게임 실행(런타임) 중 코드를 수정하자 with Hot Reload!

유니티를 이용한 게임 개발자들의 고충은 무엇인가요? 저는 디버깅할 때가 가장 고통스럽니다... 디버깅을 하기 위해 항상 에디터를 껐다 켰다 해야하는데 그 때 생기는 컴파일 시간이 너무나 고통스럽기 때문입니다.. 컴파일을 하지 않으려면 어떻게 해야할까요? 바로 에디터를 종료하지 않고 실행된 상태에서 수정하면 됩니다! 그것을 가능하게 해주는 에셋이 바로 Hot Reload이며 매우 가볍고 사용하기 쉽다는 큰 장점 또한 있습니다. Hot Reload 사용 방법 정말 쉽습니다. Hot Reload를 임포트하고 나면 위와 같이 새로운 윈도우 창이 하나 생성됩니다. Start 버튼을 눌러준 후 누락된 파일들을 Install해줍니다. 이때 누락된 파일들은 서버 바이너리 파일이라고 합니다. Hot Reload의 버전이..

• format_list_bulleted Unity/Assets
• · 2023. 11. 21.
• textsms

유니티 비디오 실행시키기 with "Video Player"

위와 같은 방식은 유니티에 내장되어 있는 Video Player를 이용한 방법이며, Video Player에 대한 사용방법에 대해 알아보겠습니다! Video Player란? Video Player를 사용하면 비디오를 재생할 수 있으며 로컬 콘텐츠와 스트리밍 콘텐츠를 모두 지원한다고 합니다. 재생, 반복 및 오디오 관리를 위한 컨트롤을 제공하고 3D 개체, UI 요소 또는 장면 배경에 비디오를 렌더링할 수 있는 기능 또한 제공한다고 합니다. 하이러키창에서 [Video] - [Video Player]를 선택하여 생성할 수 있습니다. Video Player Video Player를 실행시키기 위해 반드시 2가지는 설정하셔야 합니다. 첫 번째로 Video Clip이며, 두 번째로 Target Texture입니다..

• format_list_bulleted Unity/Study
• · 2023. 11. 20.
• textsms

유니티 애니메이션 제작할 때 없어선 안 될 Final Ik 소개 및 사용법에 대해

Final IK란? Final IK는 Unity 엔진에서 사용할 수 있는 가장 완벽한 역운동학(Inverse Kinematics) 솔루션으로 널리 인정받고 있는 에셋입니다. 복잡한 IK 설정을 자동화해 주어 개발 속도를 매우 향상시켜주며, 'Baker'같은 기능을 통해 IK 움직임을 새로운 애니메이션 클립으로 생성해 주는 기능도 포함되어 있어, 본인이 직접 애니메이션 클립을 제작할 수 있게 되어 디자이너에게 사랑받을 수 있습니다. 또한 VRIK과 같은 VR에 안성맞춤인 컴포넌트가 존재하여 VR을 개발하는 개발자라면 반드시 필수로 가지고 있을 만큼 유용한 에셋입니다. IK란? 역운동학(Inverse Kinematics)은 캐릭터의 애니메이션을 더 디테일하게 만들 때 사용되는 기술입니다. 본질적으로 손이나 ..

• format_list_bulleted Unity/Assets
• · 2023. 11. 18.
• textsms

JetBrains의 IDE인 Rider 단축키 꿀팁!

이번 포스팅은 윈도우 기준으로 Rider에서 사용할 수 있는 단축키들에 대해 소개드리고자 합니다. 제가 가장 많이 쓰는 단축키 4개를 가져와봤으며, 이 외에도 엄청 많은 단축키들이 존재하므로 한 번 알아보시는 것을 추천드립니다! Show Intention Actions 단축키 Show Intention Actions 명령은 수행할 수 있는 상황에 맞는 작업 목록이 표시되도록 해줍니다. 위 상황은 'ITTATState' 인터페이스에서 상속된 'TTATJumpState' 클래스가 필요한 인터페이스 메서드를 모두 구현하지 않아 오류가 발생하고 있습니다. Show Intention Actions 명령을 사용하고자'Alt' + 'Enter'를 눌러주어 놓치고 있는 인터페이스 메서드가 무엇인지 보여주는 'Imple..

• format_list_bulleted 나만의 꿀팁
• · 2023. 11. 18.
• textsms

GitHub Desktop으로 알아보는 git add, switch, checkout

GitHub Desktop은 Git 버전 제어 시스템을 위한 그래픽 사용자 인터페이스(GUI) 클라이언트입니다. cmd와 같은 CUI를 이용한 방식보다 시각적인 접근 방식을 선호하는 프로그래머를 위해 Git 리포지토리 작업 프로세스가 단순화된 어플리케이션이라고 생각하시면 됩니다. GitHub Desktop 다운 및 사용법에 대해 간단하게 알고 싶으신 분은 아래 링크를 참고해 주세요! Unity Git 프로젝트 시작하는 방법(GitHub Desktop) Repo 만들기 깃허브 사이트에 접속하신 후 새로운 프로젝트를 생성하면 위와 같은 화면을 보실 수 있습니다. Owner를 설정하신 다음 Repository의 이름을 정해주시면 됩니다. README file을 체크해주신 wlsdn629.tistory.com ..

• format_list_bulleted Git 사용방법
• · 2023. 11. 16.
• textsms

React 새로 설치하는 방법 및 기존 프로젝트에 설치하는 방법!

이번 포스팅에는 React를 사용하기 위해 설치해야 하는 (환경)요소들을 준비하는 방법에 대해 공유하고자 합니다. 준비물 Node.js nodejs.org LTS 버전을 다운받으시면 됩니다. 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 Windows. code.visualstudio.com 본인 OS에..

• format_list_bulleted 웹 개발
• · 2023. 11. 10.
• textsms

Luma AI를 이용한 Text to 3D-Model 제작하기!

Luma AI란? Luma AI는 사진과 텍스트를 이용하여 3D 모델을 생성해 주는 AI입니다. 사진을 이용한 3D 모델 생성: 스마트폰의 카메라를 이용하여 다양한 각도에서 객체 또는 장면을 촬영하고 이를 3D 모델로 렌더링 하는 컴퓨터 비전 기술을 활용합니다. 이 기술은 Neural Radiance Fields (NeRF)라는 AI 기반 3D 스캐닝 기술을 사용합니다. 텍스트를 이용한 3D 모델 생성: "Imagine 3D" 기능을 사용하여 텍스트를 입력하면 3D 모델을 생성할 수 있습니다. Luma AI는 Genie라는 Discord 봇도 출시했는데, Genie 봇을 이용하면 3D 콘텐츠를 생성하고 약 20초 만에 네 개의 간단한 3D 모델을 제공받을 수 있습니다. Luma AI Capture the..

• format_list_bulleted AI
• · 2023. 11. 9.
• textsms