허형준

무료 영상편집 프로그램 추천 : Nugget

DipokalHHJ — Wed, 19 Mar 2025 18:31:36 +0900

안녕하세요. 오늘은 무료 영상편집 프로그램을 들고 왔습니다. 사실상 오픈소스라 내부 코드들 모두 볼 수 있고요. 캡컷이나 브루와는 다르게 로직 자체가 공개되어 있어서 ~~유료화~~라던가 갑자기 광고가 붙는다던가 하는 걱정은 안 하셔도 됩니다. 말 그대로 평생 무료인 셈이죠.

무튼 너겟은 처음부터 어도비 에프터이펙트의 키프레임 애니메이션 부분만 따로 떼어서 집중적으로 개발된 모션 애니메이팅 전용 소프트웨어입니다.

애프터이펙트의 살인적인 가격 + 다른 무료 프로그램에서는 지원하지 않는 키프레임 편집. 너겟은 그런 부분에서 강점이 있죠.

특히 최근에는 유튜브 영상 다운로드와 같은 별도 유틸리티도 내장되어 있어 숏츠 영상 편집할 때 특히 강점이고요.

그 밖에도 다양한 폰트, GIF, 최대 8k 편집, 워터마크 당연히 없음과 같은 기능이 내장되어 있습니다.

AI 기능도 주목할만한데요.

일단 이미지에는 배경 제거 기능이 탑재되어 있고요.

컴퓨터에 설치해서 사용 가능한 AI 자동자막도 있습니다. 컴퓨터 사양이 좋으신 분들은 한 번 깔아보셔도 좋을 것 같고요. 굳이 브루와 같은 돈 나가는 프로그램을 쓰지 않고도 브루보다 훨씬 퀄리티 높은 영상 만들 수 있으니까요.

설치 방법

먼저 아래 링크로 들어가셔서 오른쪽 탭에 releases를 클릭해 줍니다. 가장 최신 버전을 클릭해 주시면 되고요.

https://github.com/cartesiancs/nugget-app

GitHub - cartesiancs/nugget-app: ️ Electron based video editing software. Focusing on adding motion effects using a l

️ Electron based video editing software. Focusing on adding motion effects using a layered editing system. - cartesiancs/nugget-app

github.com

이제 하단 Assets 부분에서. dmg 설치파일 클릭해 주시고요. (아직 윈도우 버전은 없습니다. 추후 업데이트때 반영될걸로 예상합니다.)

그리고 실행시켜 주시면

짜잔!

다음과 같은 화면이 뜨게 됩니다.

가장 먼저 해주셔야 할 일은 Select Folder를 통해 프로젝트 폴더 지정해주시고요. 해상도도 마음껏 지정해주시면 됩니다. 처음부터 자유도가 높게 설계되어서 나중에 편집하실때 큰 문제는 없으실겁니다.

이런 식으로 텍스트와 이미지 클릭해서 추가 가능하고요. 오른쪽 탭을 통해 위치, 사이즈, 투명도, 회전 추가하실 수 있습니다. 마름모 모양 클릭하시면 키프레임 애니메이션 업데이트 가능하고요. 캡컷과 동일합니다.

사실 이 외에도 셀프 호스트 옵션이나 LLM 연결 기능, 영상 녹화 기능, 웹캠 플로팅 기능등 여러 기능이 있지만

그건 스스로 찾아보시면서 터득해 나가시면 좋겠습니다.

UX가 생각보다 간편하고 초보자 중심이어서

익숙해지는데 그렇게 어렵지는 않을 것 같습니다.

이상으로 프로그램 소개 마치겠습니다!

https://nugget.framer.website/

Nugget

video editor

nugget.framer.website

주니어 개발자가 링크드인을 해야하는 이유

DipokalHHJ — Tue, 16 Apr 2024 15:46:10 +0900

링크드인, 구인구직 플랫폼입니다. 이름은 들어보셨거나 잘 모르시는 분이 대다수입니다. 외국계 기업에 진출하려면 필수이지만 국내에서는 다른 플랫폼도 많기 때문에 굳이 사용할 필요가 있을까 라는 의견이 많습니다. 그러나 링크드인은 구인구직뿐 아니라 커피챗, 네트워킹, 지식 공유 관점에서 유용합니다. 특히 기회가 적은 주니어 개발자의 경우 링크드인을 통해 선배의 지식을 습득하고 공부할 수 있습니다. 거기에 더해 링크드인의 1촌 수는 절대적이지는 않지만 페이스북, 인스타그램과 같은 소셜미디어의 신뢰도보다 훨씬 높습니다. 링크드인은 대부분 현업에 종사하고 계신 분들이기 때문에 그분들과 연결된다는 점은 기업으로 하여금 신뢰할 수 있다는 인상을 주게 됩니다.

이번 포스트에서는 주니어 개발자가 링크드인을 해야하는 이유에 대해 알아봅니다.

1. 네트워킹 (얕은 연결)

링크드인은 네트워킹을 위해 설계된 플랫폼 입니다. 사람들이 포스트를 올리고, 지속적으로 공유하고 답글을 달고 메시지를 보내는 행위는 모두 나 자신을 알리고 연결하는 목적으로 이어집니다. 특히 링크드인에 쓰는 게시글은 일반적인 포스트에 비해 전문적이고 도움 되는 정보로 이루어져 있습니다. 가볍게는 회사생활 잘하는 법부터 시작해 연봉협상에 관한 조금은 무거운 HR 담당자의 게시글도 존재합니다. 대부분 선배들로부터 알 수 있는 정보를 링크드인을 통해 알게 되는 것이죠.

이러한 과정은 얕은 연결을 가능하게 합니다. 아마 한 번 쯤을 들어보셨을 “지속적이고 깊은 관계보다 비즈니스로 이어진 얕은 연결이 이직에 도움이 된다” 통계로 입증된 사례입니다. 이러한 얕은 연결을 통한 이직은 대부분 추천제로 이루어집니다. 아는 사람이 대기업에 들어갔다면 자신의 전 직장에서 성과를 냈던 사람을 대기업에 추천하게 되는 구조인 셈이죠. 기업 입장에서는 한 번 검증된 사람이 다른 사람을 추천했으니 신뢰도가 상대적으로 높게 측정될 수밖에 없습니다. 특히 사내 직원은 기업 문화에 맞는 사람이니, 그 사람이 추천한 사람도 기업 문화에 맞겠다고 보게 됩니다.

앞으로는 공채는 사라지고 추천제로 이직하게 될 거라고 말합니다. 산업 구조가 변하고 경제가 어려워지면 사람을 대규모로 뽑기보다는 빈 자리에 사람을 채워 넣는 구조인 셈입니다. 이때는 전 직장을 통한 이직이 훨씬 증가합니다. 한 번 검증된 사람을 채용하게 된다면 기업 입장에서는 불필요한 채용 지출을 줄이고 문제에만 집중할 수 있습니다. 링크드인은 이러한 연결에 최적화된 구조입니다.

2. 정보 습득

앞서 설명했듯 현업 종사자분들의 이야기를 들을 수 있습니다. 면접을 준비하는 방법, 세상을 살아가는 포괄적인 방법에 대한 양질의 글이 게시되어 있습니다. 모두 현직자분들이 자발적으로 쓴 글이고, 링크드인 자체적으로도 이를 권장하고 있습니다. 링크드인 크리에이터라는 기능을 제공하기도 하고요.

어느 플랫폼이든 글쓰는글 쓰는 사람은 5%에 속합니다. 나머지 95%는 관심이 없거나 보기만 하는 사람들이죠. 이런 분들은 일방적으로 정보를 습득하지만, 플랫폼은 글 쓰는 콘텐츠 제공자를 더 선호합니다. 특히 링크드인의 경우 SEO 최적화가 잘 되어 있기 때문에 글을 쓰다 보면 구글 검색에 노출되기도 합니다. 어떤 경로든 정보 습득에 유리할 수밖에 없는 구조입니다.

3. 지식 및 어려움 공유

소셜미디어와 달리 링크드인은 진솔한 플랫폼 입니다. 구직을 위해서는 필연적으로 어려움이 발생할 수밖에 없는데, 이때 현직자분들에게 커피챗을 요청하거나 글을 올려 도움을 구할 수 있습니다. 특히 이력서 검토는 자주 요청하시고 또 자발적으로 도움 주시는 분들도 계십니다. 그분들 모두 주니어 시절을 겪으셨기 때문에 주니어 개발자 시절의 어려움을 잘 알고 계십니다.

링크드인 계정이 있으시다면 적극적으로 자신의 상황을 공유하길 권장드립니다. 그러다보면 기회가 찾아오고 도움을 얻을 수 있는 부분이 생깁니다. 특히 금전적 대가 없이 선의로 공유하시는 분들이 많기 때문에 충분한 도움을 받을 수 있습니다. 특히 이런 링크드인의 문화는 훗날 시니어가 되셨을 때 주니어 분들에게 도움을 준다는 점에서 순환하는 구조입니다.

4. 한국 링크드인은 노다지

한국에서 링크드인을 사용하시는 분들은 다른 나라에 비해 많지 않습니다. 그만큼 초기 선점의 효과를 누릴 수 있고 공유지의 비극에 매몰되지 않습니다.

링크드인만의 문화가 있고 인플루언서 분들이 존재합니다. 특히 링크드인에서 인플루언서는 다른 미디어에서 지칭하는 인플루언서가 아닌 현업의 전문가분들을 뜻합니다. 자신이 배웠던 지식을 공유하고 다른 개발자나 구성원으로 하여금 성장하게 하는것. 이러한 문화가 링크드인의 특별한 문화를 만드는 게 아닐까 생각합니다.

5. 공개 포트폴리오 및 회사 통계

내 포트폴리오를 공유할 수 있습니다. 반대로 다른 분들의 포트폴리오를 볼 수도 있죠. 가고싶은 회사가 있을 때 회사 구성원이 어떤 경로를 거쳐 커리어를 쌓아나갔는지 볼 수 있습니다. 이는 앞으로의 커리어 계획에 도움이 됩니다. 특히 링크드인의 회사를 검색하면 대학 동문과 통계를 볼 수 있는데, 다른 지원자와 나를 비교분석 할 수 있다는 점에서 유용합니다.

링크드인 회사 사람 통계

공개 포트폴리오는 나 자신의 신뢰도를 회사가 확인할 수 있다는 점에서 유용합니다. 주니어 개발자의 경우 레퍼런스 체크가 쉽지 않기 때문에 다른 분들과의 연결은 곧 신뢰로 이어질 수 있습니다(물론 절대치는 아닙니다). 링크드인에서 1촌 신청은 다른 미디어에서의 친구 신청과 같은 가벼운 의미를 지니지 않습니다. 링크드인에서 친구 관계는 1촌, 2촌, 3촌 이상, 링크드인 회원으로 나뉘게 되는데, 연결이 많아질수록 내가 연결될 수 있는 1촌과 2, 3촌의 수는 늘어나게 됩니다. 만약 연결이 없다면 링크드인 회원으로 구분되게 됩니다. 남들도 내 프로필을 열람할 수 없고 나 또한 다른 사람들의 프로필을 열람하기 어렵습니다. 이렇게 제한적인 친구 공개 범위 때문에 프라이빗하면서도 퍼블릭한 문화를 간직하게 될 수 있습니다. 그렇기에 1촌 신청과 수락 모두 결코 가볍지 않습니다.

인공지능 스타트업 창업가를 위한 추천도서 모음

DipokalHHJ — Tue, 19 Mar 2024 17:26:48 +0900

최근 ChatGPT나 엔트로픽과 같은 LLM기업이 주목받고 있습니다. 이에 따라 국내에서도 관련 업계의 변동 조짐이 보이고 있는데요. 그러다 보니 자연스럽게 인공지능 관련 스타트업 창업을 희망하는 분들도 계십니다. 단순히 ChatGPT를 통해 업무를 자동화하는 툴을 개발한 후 이를 시장에서 빠르게 검증한 후 인재를 채용해도 늦지 않으니까요. 더군다나 일반 창업가분들도 코딩을 몰라도 AI나 노코드 툴의 도움을 받아 빠르게 프로토타이핑 해볼 수 있는 기회도 생기고 있습니다.

이번 포스트에서는 인공지능 업계에 종사하시는 창업가나 창업을 준비하시는 분들을 위한 도서를 준비해봤습니다. 계속 업데이트할 예정이니 추천도서가 있다면 댓글로 알려주시면 감사하겠습니다.

린 스타트업

스타트업 업계의 고전 도서 입니다. 거의 뭐 필독서라고 불러도 무방하죠. 저자는 수많은 사업 실패로부터 뛰어난 인재들의 시간을 지키기 위해 이 책을 작성했다고 서문에서 밝힙니다. 물론 본인을 포함해서 말이죠. 특히 AI스타트업의 경우에는 기술적 혜자를 지키기가 너무 어렵습니다. OpenAI와 같은 기업이 스타트업의 기술력을 빠르게 따라잡을 수 있으며 AI기술로 그 간극을 매우기에는 너무나 보편적인 기술이 되어버렸습니다.

린 스타트업은 누구보다 빠르게 사용자에게 검증해야 한다고 주장합니다. 비즈니스의 본질은 기술이 아니라 고객이죠. 결국 누군가가 돈을 지불해야 사업이 영위될 수 있으니까요. 기술은 고객에게 도움을 주기 위한 수단에 불과합니다. 꼭 읽어보세요. 기존까지 알았던 스타트업 상식을 뛰어넘고 진정한 기업가로서의 성장을 일굴 수 있을 거라 자부합니다.

규칙 없음

넷플릭스의 경영 방식을 정리한 도서입니다. 뛰어난 인재를 어떻게 회사의 비전에 일치시키는지 어떠한 철학을 가지고 사업이 임해야 하는지 또는 비전을 어떻게 제시하고 시스템을 정비할지 뛰어난 통찰을 제시하고 있습니다.

마찬가지로 AI스타트업을 창업한다면 대부분 석사 혹은 박사 학위를 가진 분들과 지속적으로 소통하게 될 텐데, 개발자와의 소통 간극이나 업무 분쟁이 벌어질 수 있습니다. 특히 AI분야는 인재풀이 상당히 마이너 해서 창업자가 이들에게 도움을 줄 수 없다면 인재는 결국 회사를 떠나버리고 말 겁니다. 그런 의미에서 직원들을 어떻게 잘 이끌어나가야 하는지 이 책에 서술되어 있습니다. 사실상 오늘의 넷플릭스를 만든 경영원칙이 드러나 있다고 봐도 무방하죠.

티핑포인트

티핑포인트는 아이디어를 구상하고 아이디어 단계에서 실수를 줄이는데 도움이 됩니다. 저도 어떤 아이디어를 검증하고 실행하기 전에 이 티핑포인트의 정의에 부합하는지 늘 검증합니다. 좋은 아이디어를 빠르게 알리고 검증하기 위해 이 책을 추천드립니다.

앞서 언급했듯이 기술적 혜자가 사라진 AI 스타트업 시대에는 브랜딩이 무엇보다 중요합니다. AI기술을 통해 사용자가 유용함을 느끼기 위해서는 OpenAI와 같은 수준의 거대 LLM을 운용하거나 특화된 시장을 타깃으로 사업하거나 해야 합니다. 그러나 대부분의 스타트업은 거대 LLM을 운용할 능력이 없거나 자금이 부족합니다. 따라서 마이너 한 분야에서 성공적으로 안착시킨다면 추후 사업 확장에 상대적으로 유리할 수 있습니다. 이는 린 스타트업에서 제안한 바와 마찬가집니다.

컨테이져스 전략적 입소문

티핑포인트로 아이디어에 대한 정의를 마쳤다면 제품이 존재하고 이 제품을 어떻게 바이럴 시켜야 하는지 정리된 책입니다. 두리뭉실한 마케팅 원칙을 여러 가지 사례를 통해 쉽게 통찰하도록 도와줍니다. 물론 MVP가 완성된 상태에서 유용하기 때문에 앞선 책들을 모두 읽고 적용하시는 걸 추천드립니다.

티핑포인트와 마찬가지로 마케팅 서적에 가깝습니다만 사업의 본질에 대해서도 생각해 볼 수 있는 책입니다. 마케팅이라는 과정 자체가 어떤 관점으로는 세일즈, 세일즈는 사업의 기초와 떼레야 뗄 수 없는 관계라는 점에서 창업가에게 도움 될 수 있는 서적이지 않을까 생각해 봅니다.

이렇게 인공지능 분야 창업가를 위한 추천도서를 알아봤습니다. 도움이 되셨길 바라며 글을 마치겠습니다.

VR 컨텐츠 개발이 어려운 이유 with Vision Pro

DipokalHHJ — Sat, 9 Mar 2024 10:06:50 +0900

Apple의 Vision Pro가 출시되었습니다. 20만 대 사전 예약, 반품 행렬 등 그동안 수많은 사건이 있었고 논란도 많았습니다. 현재 시점으로 조금 정리된 것 같은데, 메타에서는 이 기회를 틈타 자사의 VR기기를 홍보하고 있습니다. 특히 메타의 경우 LG와 협력하여 새로운 퀘스트 4를 출시할 계획이라는 루머도 도는데요. 이 포스트에서는 왜 VR콘텐츠 보급이 어려운지, 킬러앱의 등장은 없는 건지 여부에 대해 개발자의 시선에서 소개하겠습니다.

1. 기존의 VR 컨텐츠 개발

우선 몇 가지 도구가 필요합니다. 기존 소프트웨어&게임 개발의 경우 컴퓨터만 있어도 충분했으나 VR콘텐츠의 경우 기본적으로 요구하는 성능이 높습니다. 채도가 높아질수록 어지러움을 덜 느낀다는 연구도 있을 만큼, 콘텐츠 자체가 화려해야 하고 화려하기 때문에 고성능이 될 수밖에 없습니다. 게다가 시중에 나와있는 헤드셋을 구매해야 한다는 점도 개발 지연의 영향일 듯합니다.

고사양의 컴퓨터
헤드셋

개발을 위해서는 VR기기와 컴퓨터 화면을 번갈아가면서 작업해야 합니다. 조금이라도 VR개발을 해보신 분들은 아시겠지만 이게 상당히 불편합니다. 콘텐츠를 빌드하면 VR기기를 사용해서 프리뷰해봐야 하고 아니다 싶으면 다시 컴퓨터로 돌아와서 작업해야 합니다. 언리얼 엔진으로 작업하든 다른 플랫폼으로 작업하든 불편한건 매한가지입니다. 사용자 입장에서 번거로운 부분이 개발자 입장에서는 더더욱 번거로운 셈이죠.

https://www.youtube.com/watch?v=Z4sClxhgsxk&ab_channel=SmartPoly

위 영상에서 VR 콘텐츠를 세팅하는 방법을 알려줍니다. 개발하기 위해서는 일단 착용하고 있어야 합니다. 베터리 타임을 약 2시간, 보통 게임 개발하시는 분들이 하루에도 몇 시간씩 작업하는걸 보면 터무니 없이 적은 시간입니다. 그만큼 개발에 쓸 시간을 충분히 확보하지 못한다는 이야기죠.

이를 위해서는 VR기기에 테스팅 그라운드가 필요합니다. VR 컨텐츠 개발을 위한 앱이나 플랫폼이 필요한 거죠. 즉, VR기기를 착용하면서 데스크톱 환경을 볼 수 있어야 하고 데스크톱에서 플레이하는 동시에 바로 VR화면이 동작해야 합니다. 앱을 나가는 순간 다시 모니터로 돌아오는 것이죠. 이 과정을 패스스루를 통해 할 수 있다면 베스트겠지만 적어도 표시된 글자의 해상도가 개선되지 않는 한 한계가 있다고 봅니다. 적어도 VR기기를 뒤집어쓰고 책을 읽을 정도는 돼야 한다는 거죠.

이 외에도 제가 콘텐츠를 개발해 보며 느낀 문제점은 더 있습니다.

2. 텍스쳐 표시 한계

우선 현실에 있는 콘텐츠는 고해상도를 넘은 인간의 눈이 인지 가능한 범위까지 해상도가 높아집니다. 반면 모니터나 스크린은 해상도에 제한이 있을 수밖에 없죠. 특히 VR기기 특성상 레이턴시를 줄여야 하는데, 베터리를 고려하면 해상도를 낮출 수 밖에 없습니다. 바로 이 점에서 VR의 기술적 한계가 명확하게 드러나게 됩니다. 현재 이 시장은 고착화 상태에 빠져있습니다. 마치 예전 AI기술이 그랬듯, 비전은 있지만 기술이 없습니다. 해상도를 인간이 인지 불가능한 수준으로 높이면서 레이턴시 0.1ms 정도로 줄이고 헤르츠를 240hz로 지원하면서 저전력인 디스플레이는 이 세상에 아직 없습니다. 무엇 하나를 개선하면 나머지를 포기해야 하는 딜레마 상황인 셈입니다.

이러한 기술적 한계는 VR에 콘텐츠가 부족하다는 말로 성장하는 못한다는 주장을 정면으로 반박합니다. VR시장은 물론 활용 가능한 컨텐츠가 부족하지만 실제로는 기기가 없습니다. 기기의 기술적이 뒷받침되지 않은 상태로 여러 기술이 개발되곤 있지만, 적절한 하드웨어 없이 최상의 소프트웨어를 기대하는건 욕심입니다.

모바일 시장이 그랬듯이, 또 지금 AI시장이 그렇듯이 모든 기술 시장에 바탕에는 하드웨어가 있습니다. 모바일의 경우 통신 및 칩셋의 소형화 + 저전력 + 고성능을 성공시켰고, AI기술은 그래픽카드의 비약적 발전 덕분에 가능해졌습니다. 사실 현재 개발된 AI 기술의 기본은 전부 오래전에 나온 개념입니다. 그 개념을 계승한 여러 연구와 상용화 끝에 빛을 보고 있는 겁니다.

무어의 법칙

모든 기술 발전은 계단식으로 성장합니다. 중간중간에 정체기가 있는 것이죠. 그러다가 급성장하는 법입니다. 만약 고해상도 텍스쳐를 위화감 없이 표현할 수 있는 기술이 개발되면 그제야 VR시장은 급변할 거라고 예상합니다.

3. 엔진의 한계와 지원 미흡

VR콘텐츠를 개발하기 위한 두 가지 엔진이 존재합니다. 언리얼과 유니티. 맞습니다. 게임엔진입니다. 앱을 개발하기 위해서는 안드로이드 스튜디오 또는 스위프트로 대표되는 네이티브 플랫폼, 리엑트와 플러터로 대표되는 크로스플랫폼, 웹으로 대표되는 웹앱. 이렇게 총 3가지의 방법이 존재합니다. 바로 같은 이유로 모바일 시장이 엄청난 시장이 될 수 있었던 배경입니다. 개발자로 하여금 자유도가 충분히 주어지고 여러 가지 방법으로 앱을 개발할 수 있게 되니 자연스럽게 여러가지 시도를 해볼 수 있던 겁니다.

그러나 VR개발을 위해서는 저 2개 아니면 방법이 없습니다. 물론 웹을 사용하는 ThreeJS, C++과 OpenGL을 통한 처음부터 개발등 어려운 방법이 존재하나 적어도 현재 시점 OpenGL를 다루는 개발자는 거의 없습니다. 심지어 엄청나게 어렵습니다. 개발자로 하여금 만들기 까다로운 소프트웨어가 존재하는데 그중 하나가 바로 게임엔진입니다. OpenGL는 게임엔진을 만들기 위한 표준 중 하나이고요. ThreeJS는 성능 한계가 명확해서 잘 사용하지 않습니다.

그렇다면 저 두 게임엔진을 통해 VR 콘텐츠를 비교적 쉽게 개발이 가능하냐? 그것도 아닙니다. 지원이나 호환성은 여전히 무지하고 공식문저는 개판입니다. 개발자 경험(DX)가 전혀 고려되지 않았습니다.

결국 콘텐츠를 만들기 위한 도구가 없습니다. 마치 앱 초기 시장과도 비슷한데, 2008년 이후 앱스토어가 개발되고 10년 정도 흘러 안정화가 되었다면 적어도 현재 시점에서 몇 년은 지나야 컨텐츠 개발이 쉬워질걸로 봅니다. 여기서 애플이 시장진입을 했다면 관련 SDK의 보급도 원활할걸로 예상되고요. 만약 그렇지 않다면 기존 앱을 개발하는 방식에 3D 인터렉션을 추가하는 방향으로 변화할수 있다고도 봅니다. 숏폼 컨텐츠를 3차원으로 볼 수 있다면 중독성 있겠죠.

언리얼 엔진 유니티

4. 그래서 비전 프로의 비전은

아는 분을 통해 비전 프로를 써봤습니다. 막 크게 와닿지는 않는데, 한 가지 놀라운 경험을 했습니다. 바로 무감각입니다. 놀랄 정도가 아니라는 건 그만큼 현실적이라는 반증이고 조금 무거운 스키고글을 쓴 느낌이었습니다. 엄청 불편하긴 했어도 시각적으로 불편함은 전혀 없었습니다. 제 경험과 다른 유튜버분들의 의견을 종합해 볼 때 "아직은 무리지만, 가능성이 보인다" 정도로 요약할 수 있겠습니다.

그냥 바로 앞에 거대한 모니터 화면이 있었습니다. 그게 다입니다. 너무나 현실적이라서 동시에 익숙하게 느껴졌습니다. 바로 그 점이 기존 VR기기와의 차별점처럼 느껴졌습니다. 외부 출장을 자주 다니시는 분들, 집보다 현장이나 업무공간을 주로 다니시는 분들에게 적합한 기기라는 생각이 들었습니다. 명확하게 비즈니스맨을 위한 제품인 셈이죠.

VR기술의 본질은 3차원 투사에 있습니다. 과연 기존 2차원 디스플레이에서 3차원으로 동작시키는 게 무슨 큰 의미가 있냐?라고 질문해야만 답이 나온다는 겁니다. 막연하게 "디스플레이에 한 차원을 더 투시하면 좋을 거야" 또는 "몰입감이 더욱 증가할 거야"라고 질문할 수 있습니다. 이 문제에 대해서는 과연 몰입감이 필요한가? 굳이 한 차원을 더 보여줘야 하는가? 라는 의심을 해보아야 합니다.

대부분의 물리적 경험은 3차원 공간으로 이루어져 있습니다. 인간의 시각 세포 또한 공간을 인지하도록 변화했고요. 따라서 3차원을 통한 인지기능은 2차원으로 투사하는 것보다 더 즉각적으로 이루어집니다. 정보의 해석이 불필요해지는 것이죠. 즉, 2차원 디스플레이를 보는 경험보다 다양한 인지적 경험을 누릴 수 있게 해 줍니다. 그러한 인지적 경험은 즉각적인 보상회로를 강화시킵니다. 도파민 경로에 자극을 주게 됩니다. 사업하는 분들은 "고객으로 하여금 도파민을 느끼게 하라"라는 명제를 들어보셨을 겁니다. 현대 IT산업의 주 축이 도파민 위에 올라와 있을 정도로 그 중요성은 어마무시합니다.

언급한 명제에 따라 새로운 도파민 자극을 줄 수 있다면 제품을 사용하는 사람으로 하여금 지속적으로 사용하게 만듭니다. 산업의 성장인 것입니다. 제가 언급한 몇 가지 기술적 어려움만 해결된다면 자연스럽게 시장은 성장할 것으로 보입니다. 정보의 표현이 더 즉각적으로 표현될 수 있다면 그 자체만으로도 사업적 가치가 충분하다고 볼 수 있습니다.

[ DBeaver ] 맥에서 MySQL 서버 접속하기

DipokalHHJ — Tue, 5 Mar 2024 10:15:06 +0900

Mac에서 MySQL 서버를 접속하려면 클라이언트를 설치해주어야 합니다. 제가 원래 쓰던 클라이언트는 Sequel Pro였습니다. 그러나 이 프로그램이 특정 MySQL 버전에서는 호환되지 않아 다른 맥 전용 클라이언트를 알아봤는데 DBeaver가 가장 적합했습니다. 이번 포스트에서는 DBeaver를 설치하고 설정 방법에 대해 알아봅니다.

1. DBeaver 설치

먼저 아래 사이트에 들어가줍니다.

https://dbeaver.io/download/

Download | DBeaver Community

Download DBeaver Community 23.3.5 Released on February 19th 2024 (Milestones). It is free and open source (license). Also you can get it from the GitHub mirror. DBeaver PRO 23.3 Released on December 11th, 2023 PRO version website: dbeaver.com Trial version

dbeaver.io

스크롤해서 내려준 후 Max OS버전에서 자신에게 맞는 버전을 선택해 줍니다. Intel 기반 CPU(구형)과 M시리즈 CPU(신형)이 해당합니다. 다운로드해주고 실행시켜 줍니다.

이제 애플리케이션 폴더로 옮겨줍니다.

이제 실행시켜 줍니다. 저는 이미 데이터베이스 연결을 마쳤기 때문에 아래와 같이 테이블이 뜹니다만, 여러분들은 데이터베이스 연결을 하셔야 합니다. 좌측 상단 플러그 버튼을 눌러 새 데이터베이스를 만들어주어야 합니다.

2. 데이터베이스 연결

파란색 커넥터 버튼을 클릭해 주면 데이터베이스를 선택하는 창이 뜹니다. 저는 MySQL8 버전을 사용하기 때문에 MySQL로 선택해 줍니다. 외에도 다양한 데이터베이스를 추가할 수 있으니 각자에 맞는 데이터베이스를 선택하시면 됩니다. 선택하셨으면 Next 버튼을 눌러 다음으로 진행해 줍니다.

이제 정보를 입력해야 합니다. 정보를 다 입력한 후에는 완료 버튼을 눌러 저장해 줍니다.

데이터는 다음과 같이 입력해 주시면 됩니다. 데이터베이스 주소와 포트, 데이터베이스가 있으면 지정해 주시면 됩니다. 유저 이름과 비밀번호까지 입력하시면 정상적으로 접속이 됩니다.

아래처럼 데이터베이스에 초록색 체크표시가 뜬다면 정상적으로 연결되었다는 뜻입니다.

3. 장점

원래 Sequel Pro를 썼는데, 도커기반 MySQL에서 접근할 수 없는 문제가 생겼습니다. 클라이언트 문제라고 판단해 다른 무료 클라이언트 중에서 그나마 쓸만한 걸 골랐는데 그중에 DBeaver가 가장 괜찮았습니다. 호환성이나 오류 측면에서도 훨씬 안정적이었고요. 특히나 M1 맥과의 호환성이 좋았습니다.

맥 환경에서 SQL 데이터베이스 작업을 하신다면 DBeaver를 정말 추천드립니다. 다른 클라이언트 대비 안정적이고 무료이면서 웬만한 기능 전부 제공합니다.

1분만에 버튜버 데뷔하기 with 마스커스 + OBS (스압주의)

DipokalHHJ — Mon, 4 Mar 2024 10:13:04 +0900

안녕하세요. 최근에 마스커스 0.3 버전이 출시되었습니다. 이에 따라 기존 트래킹 개선 및 편의기능이 추가되었고 맥북 환경에서 원활하게 돌아갈 수 있을 정도로 성능을 향상했습니다. 이 포스트에서는 저희 회사에서 개발한 마스커스를 소개하고 누구나 1분 안에 버튜버로 데뷔해 볼 수 있는 튜토리얼을 소개하겠습니다.

1. 마스커스 소개

마스커스는 데벤트에서 개발한 3D 얼굴캡처 소프트웨어입니다. 웹 브라우저로 설치 없이 간편하게 사용할 수 있습니다. 현재 두 가지 페이스 옵션을 제공하며 버튜버 옵션 또한 존재합니다. 사용자가 VRM파일을 업로드해서 커스텀할 수 있고 기본 버튜버 모델로도 충분히 가능합니다. 웹캠만 있으면 언제 어디서든 버튜버를 할 수 있으며 아래에서 바로 체험해 보실 수 있습니다. + 꼭 웹캠이 없어도 스마트폰 카메라로도 충분히 가능합니다.

https://maskers.app/

Maskers

컨텐츠 제작자를 위한 3D 얼굴 모션캡쳐 플랫폼. 마스커스

maskers.app

2. 마스커스 설정

위 사이트에 접속해줍니다. 접속하면 아래와 같은 화면이 뜨게 되는데 상단 로그인 버튼을 클릭해 줍니다.

아래 구글 계정으로 로그인 버튼을 클릭해 회원가입을 완료해줍니다. 참고로 마스커스는 로그인과 회원가입 구분이 필요 없습니다. 구글로 최초 로그인 시 바로 회원가입이 되며 이후로도 계정을 사용하실 수 있습니다.

로그인하시고 아래 화면처럼 대시보드로 들어가셔서 + 버튼을 클릭해줍니다.

모바일 환경에서는 Micro를 추천드리고 데스크톱이나 고사양 노트북에서는 Pro로 진행하시길 권장드립니다. Pro로 접속하면

상단의 Start Camera를 눌러주시고 권한을 허용해 주시면 정상적으로 얼굴이 트래킹 됩니다. 참고로 On Device 기반이라 사용자 컴퓨터 내에서 연산을 처리합니다. 외부와의 통신이 되지 않으니 개인정보 걱정은 안 하셔도 됩니다.

상단 2D Mode를 클릭해 주시면 아래와 같이 버튜버로 모델이 변경됩니다. VRM 메뉴를 열어서 기본 모델을 선택해 줄 수도 있고 사용자 지정 VRM을 업로드할 수 있습니다. 우측에 라이트 위치 업데이트를 드래그해서 광원의 위치를 조절해 줄 수도 있습니다. 또한 좌측 메뉴에서 색 box를 클릭해 주면 색상 변경도 가능합니다.

초록색으로 지정해 준 후 뒷 배경을 크로마키로 설정해 줍니다.

3. OBS 설정

이제 OBS를 설정해 줍니다. OBS를 실행시켜 줍니다.

하단 + 버튼을 클릭해 준 뒤 Screen Capture를 실행시킵니다.

OK버튼을 클릭해 줍니다.

Window Capture로 전환해 주고 Window는 아까 Maskers 창으로 지정해 줍니다. OK버튼을 클릭해서 시작해 줍니다.

만들어진 소스에서 해당 창을 우클릭해 주면 아래와 같이 옵션이 뜨는데, 맨 하단 필터를 클릭해 줍니다.

좌측 하단 효과 필터에서 + 버튼을 클릭해 준 후 크로마키 옵션을 클릭해 줍니다.

Key Color Type을 Green으로 설정해 주고 닫기를 눌러 저장해 주면.

짜잔! 아래와 같이 투명창이 되는 모습을 볼 수 있습니다.

이때 마스커스에서 우측 하단 Play 버튼을 클릭해주면 마스커스의 UI가 모두 투명해져서 모델만 남게 됩니다. 아래처럼 OBS 배경에 이미지를 추가해 주면 완성입니다. 이제 OBS에서 방송을 클릭해 주면 정상적으로 방송이 가능합니다.

오늘은 저희 회사에서 개발한 마스커스에 대해 사용법을 알아봤습니다. 혹시 그동안 버튜버를 하고 싶었는데 너무 어려워서 못해보셨던 분들, 유튜브를 하고 싶은데 얼굴 노출이 꺼려져서 망설이시는 분들 마스커스를 추천드립니다.

감사합니다.

신입 개발자를 위한 JavaScript 기초 면접질문 (2024년)

DipokalHHJ — Wed, 28 Feb 2024 18:16:21 +0900

신입 개발자 취업을 하다 보면 기초 지식에 대한 질문을 받기도 합니다. 아래 면접 질문은 정말 자주 나오는 유형이기도 하고 기초라고 하기엔 고급 질문도 섞여있기 때문에 개념적인 측면에서도 증명할 수 있습니다. 만약 아래 질문에 대해 막힘없이 서술이 가능하다면 적어도 면접은 충분히 통과할 거라 믿습니다.

그러나 요새는 프로젝트 자체에 대한 질문이 많아지는 추세입니다. 면접관이 깃허브 레포를 하나하나 들여다보면서 기술적 개념에 대해 물어보게 됩니다. 자신이 어떤 기술을 쓰고 있느냐에 따라 답변이 달라지니 사용한 기술에 대해 준비하시는걸 권장드립니다. 그럼에도 아래 나와있는 질문을 종종 물어보시기 때문에 알아두시면 면접하는 데 있어 유리하게 작용하실 겁니다. 이 포스트에서는 신입 프론트엔드 개발자를 위한 자바스크립트 기초 면접질문에 대해 알아봅니다.

I. 기초 면접 질문

자바스크립트 언어가 다른 언어와 다른 특징을 3가지 서술하세요.
변수에 대해 설명하고 let, const의 차이점을 서술하세요.
호이스팅 개념에 대해 간략하게 서술하세요.
클로저 개념에 대해 서술하세요.
==과 ===의 차이점을 서술하세요.
자바스크립트의 비동기 처리 방법에 대해 말씀해주세요.
프로토타입에 대해 서술하세요.
this 키워드의 작동 방식에 대해 서술하고 this의 적용 범위에 대해 말씀해 주세요.
스코프에 대해 설명하세요.
콜백지옥에 빠지지 않기 위해 어떻게 해야 하는지 서술하세요.
자바스크립트에서의 엄격모드가 하는 역할을 서술하세요.
심볼 타입에 대해 서술하세요.
웹 워커와 서비스 워커의 장점과 단점에 대해 말해주세요.
데코레이터 패턴에 대해 서술하세요.
var 변수 타입을 지양해야 하는 이유를 말해주세요.
동기와 비동기에 대해 말해주세요.
이벤트 루프에 대해 설명하세요.

II. 답변

1. 먼저 동적 타입 시스템을 가지고 있습니다. 이에 따라 number 값이라도 string 타입의 변수에 할당할 수 있습니다. 다음으로 프로토타입 기반의 상속 체계를 제공합니다. 클래스 방식보다 간편하고 유연한 코드를 작성하도록 돕습니다. 마지막으로 비동기 프로그래밍을 지원합니다. ES6의 async/await를 통해 간편하게 작성할 수 있습니다.

2. 변수는 값을 저장하고 불러오기 위한 요소입니다. let과 const의 차이점은 변수 재할당 여부에 있습니다. let은 재할당이 가능하고 const는 불가능합니다.

3. 호이스팅은 변수나 함수가 스코프의 상당으로 끌어올려지는 현상을 의미합니다. 즉, 어느 범위에서든 접근이 가능합니다.

4. 클로저는 내부에 있는 함수가 외부 함수의 컨텍스트에 접근할 수 있는 것을 뜻합니다. 함수가 선언될 때 만들어지며 함수나 변수의 접근 범위를 제한하고 코드를 모듈화 하여 궁극적으로는 메모리 누수를 방지하는 데에도 도움이 됩니다.

5. ==는 두 값이 동등한 지를 뜻합니다. "1" == 1 은 참이 됩니다. ===는 두 값이 일치한 지를 뜻합니다. "1" === 1는 거짓이 되고 1 === 1은 참이 됩니다. ===는 타입체크를 한다는 점에서 보안 유지에 도움이 됩니다.

6. 여러 가지 방법이 있지만 대표적으로 프로미스와 async/await가 주로 쓰입니다.

7. 프로토타입은 상속을 구현하는데 중요한 개념입니다. 모든 객체는 프로토타입을 가지고 있는데, 이 경우 객체 간 상속을 간단하게 구현할 수 있습니다.

8. this는 현재 실행 중인 코드에서 객체를 불러오는 데 사용됩니다. 실행 컨텍스트에 따라 동적으로 결정되고, 함수가 어떻게 호출되는지에 따라 달라집니다. 일반적으로 this는 전역 객체를 가르키지만, .call(), .bind() 을 통해 this를 명시적으로 지정할 수 있습니다.

9. 스코프는 변수와 함수의 유효 범위를 나타냅니다. 한 함수에서 다른 함수의 변수를 참조하지 못하게 방지하는 역할을 합니다.

10. 비동기 처리 방식을 사용하면 됩니다.

11. 엄격모드는 의도하지 않은 전역변수를 선언하는 걸 방지하고, eval 함수의 제한을 통해 취약점 공격을 사전에 방어합니다. 엄격모드는 함수의 첫 줄 또는 코드의 첫 줄에 "use strict";으로 선언할 수 있습니다.

12. ES6에서 추가된 개념으로 유일한 식별자와 불변성을 위해 사용됩니다. 객체 속성의 키 값으로 주로 사용됩니다.

13. 웹 워커와 서비스 워커 모드 백그라운드 동작을 위해 사용됩니다. 오프라인 상태에서도 애플리케이션을 동작할 수 있다는 장점과, 별도의 메시징을 사용하기에 추가적인 코드가 필요하고 보안상 위험이 존재한다는 단점이 존재합니다.

14. 데코레이터는 추상 클래스와 인터페이스입니다. 기존 코드를 수정하지 않고도 새로운 기능을 추가할 수 있어 유연한 개발이 가능하도록 합니다.

15. var는 전역변수를 오염하고, 재할당이 가능해서 스코프 지정이 불가합니다.

16. 동기는 말 그대로 순차적으로 실행됩니다. 마찬가지로 비동기는 한 작업이 완료되기를 기다리지 않고 바로 다른 작업을 실행합니다. 주로 파일 읽기나 시간이 오래 걸리는 작업에 쓰입니다.

17. 이벤트 루프는 자바스크립트의 처리 모델을 구현하는 핵심 구조입니다. 먼저 호출 스택이 비어있는지 확인하고, 비어있으면 이벤트 큐에서 작업을 가져와 호출스택에 추가합니다. 이후 호출 스택이 비워있지 않으면 호출 스택이 비워질 때까지 대기합니다.

읽어주셔서 감사합니다.

신입 개발자를 위한 포트폴리오 작성법 5가지

DipokalHHJ — Tue, 27 Feb 2024 16:57:43 +0900

포트폴리오는 지원자의 첫인상을 결정합니다. 특히 개발자에게 포트폴리오는 작업물을 공유하고 기업에게 어필하기 위한 가장 좋은 수단입니다. 반대로 기업은 지원자의 기술 역량을 파악하고 성향과 코드 스타일까지 확인할 수 있기에 협업에 유리한 인재인지 아닌지를 알게 됩니다. 그렇기에 지원자는 포트폴리오 관리에 신경 쓸 수밖에 없습니다. 이번 포스트에서는 신입 개발자(프론트엔드 and 백엔드)를 위한 포트폴리오 작성법을 소개합니다.

1. 팀 프로젝트와 개인 프로젝트를 적절하게

팀 프로젝트는 협업 능력을 측정하기 위한 중요한 포트폴리오입니다. 평생 개인 프로젝트만 해온 사람 즉, 독학러들은 상대적으로 깃허브 브랜치 전략이나 실무 협업을 경험해보지 못해 입사 초기부터 버벅거릴 수 있습니다. 기업 입장에서 이런 사람을 좋아하지는 않겠죠. 따라서 해커톤, 공모전, 국비지원(팀프로젝트) 같은 곳에서 다른 개발자들과 협업한 프로젝트를 기입하는게 좋습니다.

만약 팀 프로젝트가 없다면 해커톤을 준비해보시는 것도 도움이 됩니다. 굳이 해커톤이 아니더라도 개발자 행사(컨퍼런스, 세미나)에 주기적으로 참석해 보며 정보를 얻는 것도 도움이 됩니다. 아예 특정 컨퍼런스에서 강연자로 참석해 발표하는 경험도 좋고요. 아래 깃허브 레포에 개발자 행사 리스트가 잘 정리되어 있으니 참고하시면 됩니다.

https://github.com/brave-people/Dev-Event

그럼 팀 프로젝트만 적으면 되는건가? 그건 아닙니다. 팀 프로젝트만 기입되어 있으면 개인 성장 측면에서 소홀하다고 느껴지기 때문에 개인 프로젝트를 한 두 개 정도 기입해 놓는 것도 중요합니다. 특히 프론트엔드 개발자라면 프론트엔드 중심 프로젝트 하나, 백엔드 서버를 구축한 풀 스택 프로젝트 하나 이렇게 구성하는 것도 좋습니다.

회사일을 하다보면 그동안 쓰지 않았던 기술을 다루게 되는데 이때 개인 프로젝트로 학습 경험이 있다면 지원자로 하여금 꾸준하게 공부하는 사람이라는 인상을 줄 수 있습니다. 동시에 팀 프로젝트 기여에 있어서도 무임승차하지 않는다는 마음가짐도 주게 됩니다.

사실상 본업에 도움되라고 하는ㄱ ㅓ https://www.shinailbo.co.kr/news/articleView.html?idxno=1623875

2. 이슈, 문제 상황, 해결 방법, 배운점

포트폴리오 작성법입니다. 맨 처음 어떤 이슈가 있었는지, 그게 왜 문제인지를 한 문장으로 적습니다. 그리고 어떤 기술을 써서 어떻게 해결했는지, 마지막으로 무엇을 배웠는지 까지 하면 지원자로 하여금 적절한 상황에 적절한 기술스택을 활용했다는 점이 보입니다. 즉, 문제해결을 할 때 막무가내로 처리하는 게 아닌, 적절한 과정을 거치고 합리적인 방법으로 문제정의와 해결을 할 수 있는 인재라는 점을 어필하는 것이죠.

예를 들어 프론트엔드에서 d3.js로 그래프를 그리는데, React와 D3.js모두 DOM에 접근할 수 있다 보니 성능 저하 문제가 생기는 상황을 마주했다고 가정해 봅시다. 그리고 서로다른 두 기술을 React는 단순 UI에 D3.js는 복잡한 연산으로 기능을 분리하여 1000개의 Data 범위에서 프레임율을 80%끌어올렸다고 가정해봅시다. 이 문제해결 과정을 다음과 같이 기술할 수 있습니다.

React와 D3.js를 동시에 사용하다 보니 프레임 저하 현상이 생겨 유저가 불편함을 겪었음. React는 UI파트, D3.js는 그래프 연산 파트로 DOM 업데이트 범위 분리해서 해결함. 기존대비 프레임율을 80% 개선함.

이렇게 되면 기업 면접관 입장에서 문제의 원인과 해결과정을 쉽게 해석할 수 있습니다. 대부분 시니어분들이기 때문에 자세하게 묘사하지 않아도 충분히 이해하시니 굳이 길게 적지 마시고 최대한 압축해서 두괄식으로 작성하시면 됩니다.

3. 토글 제외, 링크는 최대한 적게, 가독성 신경 써서

노션으로 이력서를 작성하신다면 토글에 디테일한 부분을 적게 됩니다. 그러나 실제 기업 면접관 분들은 하루에도 수십 건 많게는 수백 건가량의 이력서를 마주하시기 때문에 토글을 하나하나 열어볼 시간이 없습니다. 우리 회사에 가장 알맞은 지원자를 뽑기 위해서는 쓱 읽어보는 게 중요한데 토글을 여느라 시간이 낭비된다면 상당히 불편해집니다. 이 같은 점 때문에 면접관 입장에서는 상대에 대한 배려를 하지 않는다고 잘 못 비칠 수 있습니다. 불편하기도 하고요.

이력서는 깔끔하고 임팩트 있어야 합니다. 단 몇 장에 기술 스택, 이력, 신뢰도, 협업능력, 직무 능력등을 함축해서 보여줘야 하기 때문에 면접관 입장에서 거슬리는 요소가 있으면 안 됩니다.

링크도 마찬가지입니다. 링크드인, 깃허브 주소와 포트폴리오 접속 주소만 링크해 두고, 유튜브, 스크린샷등은 첨부하지 않는 게 좋습니다. 오픈소스의 경우 깃허브 레포를 링크해 두시고 레포 내의 리드미를 최대한 신경 써서 작성하시는 편이 좋습니다. 이 경우 지원자의 문서화 능력을 직접적으로 볼 수 있기 때문에 협업 차원에서 긍정적인 인상을 줄 수 있습니다.

가독성을 신경써서 작성하면 “배려하는 사람”이라는 인상을 쉽게 줄 수 있습니다. 하루에도 여러 이력서를 검토하는 사람 입장에서 가독성이 떨어지는 이력서를 많이 읽게 되는데 그때 가독성이 좋은 이력서는 단연 눈에 띌 수밖에 없습니다. 말을 길게 풀어쓰지 마시고 두괄식으로 작성하셔야 합니다. 행은 최대 3~4줄이 적당합니다.

4. 기업에 맞는 스택 중심으로 구성

소개할 프로젝트가 많은 경우(5~6개) 지원할 기업에서 요구하는 스택에 가장 부합하는 프로젝트를 우선적으로 선별하셔야 합니다. 아무리 주니어라도 회사 입장에서는 바로 투입해서 성과를 내는 게 중요하게 작용하기에 기업이 현재 사용 중인 스택을 중심으로 이력서를 수정하는 건 취업등락에 중요한 작용을 할 수밖에 없습니다. 언제나 팔은 안으로 굽는 법이니까요. 당연 회사에서 사용하는 스택을 주로 사용하는 지원자를 봤을 때 같은 능력이라도 좋게 보이는 건 회사 입장에서 당연한 일입니다.

회사가 사용하는 스택은 채용공고를 보면 나와 있습니다. 프론트엔드의 경우 대게 React/TypeScript 스택을 기조로 NextJS나 다른 스타일/상태관리 라이브러리들을 사용하고 있습니다. 사이드 프로젝트를 통해 하나 둘 익히시다 보면 회사의 스택과 사이드프로젝트의 스택이 동일한 경우가 있는데, 이런 프로젝트를 선별해서 지원해 보는 것도 도움이 됩니다.

https://yozm.wishket.com/magazine/detail/1402/

~~참고로 위 이미지에서 jQuery는 배우지 않는 게 좋습니다.~~

5. 주변 사람들 이력서 검토

면접관 입장에서 생각해 볼 수 있어야 합니다. 가장 좋은 방법은 나를 제외한 다른 이력서를 검토해 보는 방법입니다. 개발 직군 특성상 플랫폼에 포트폴리오를 공개하는 경우가 많은데, 플랫폼에서 다른 개발자분들 이력서를 열람해 볼 수 있습니다. 제가 추천하는 플랫폼으로는 렐릿, 서핏이 있습니다. 각 플랫폼 모두 다른 개발자분들이 올려두신 이력서를 볼 수 있는데, 이러한 경험이 내 스택을 객관적으로 바라보는데 도움이 됩니다. 게다가 이력서를 잘 만들어서 올려두면 취업 이직 제안도 들어오는 편이니 해당 플랫폼에 올려두면 일석이조겠죠.

이렇게 신입 개발자를 위한 포트폴리오 작성법을 알아봤습니다. 도움이 되셨다면 좋겠습니다.

메타 퀘스트 2, 3 안전 경계 끄기

DipokalHHJ — Sat, 24 Feb 2024 10:30:52 +0900

VR기기를 플레이하다 보면 안전경계가 거슬리는 지점이 옵니다. 사용자 보호를 위해 만들어놓은 경계인데, 넓게 잡지 않는 이상 플레이하는 데 있어 어려움이 있습니다. 같은 이유로 AR앱을 켜고 밖을 돌아다닐 수 없습니다. 저는 개발자 입장이기에 안전경계를 끄고 AR앱을 개발하고 싶지만, 메타에서는 안전상의 이유로 경계 해제를 불가능하게 만들어놨습니다. 이 포스트에서는 안전경계를 끄는 방법을 살펴봅니다.

직접 찍은 안전경계, 경계를 잘 못그리면 불쑥 튀어나온다.

1. 개발자 계정 생성

https://developer.oculus.com/manage/

Oculus Developer Center | Authenticate

developer.oculus.com

오큘러스 개발자 센터로 접속해줍니다. 로그인 버튼을 클릭해 줍니다.

이제 개발자 계정을 등록할 페이스북 또는 인스타그램 계정을 선택해 로그인해 줍니다. 만약 두 계정이 없다면 이메일로 새로 만들어도 됩니다.

로그인이 끝나면 아래와 같이 대시보드가 뜨게 됩니다. 저는 이미 조직을 생성했기 때문에 바로 대시보드로 넘어왔지만, 계정을 처음 만드시면 조직을 생성해야 합니다. 좌측 메뉴에 "Create an Organisation" 을 클릭해 주세요.

클릭하시면 아래와 같은 화면이 뜹니다. 조직 이름을 기입하고 i understand를 눌러 약관에 동의해 주세요. 완료되었으면 제출을 클릭하면 됩니다.

개발자 계정 생성이 완료되었습니다. 혹시나 버그가 발생하거나 잘 안되시면 댓글로 알려주세요.

2. 개발자 모드 켜기

개발자 계정을 생성했으면 이제 개발자 옵션을 허용해주어야 합니다. 안드로이드/아이폰의 Meta Quest앱을 스토어에서 설치 후, 앱의 안내에 따라 퀘스트 기기와 연결할 수 있습니다. 아래 과정은 헤드셋과 스마트폰 앱끼리 서로 연결되어 있어야 정상적으로 작동됩니다. 이 점 참고해 주세요.

2-1. Meta Quest 앱을 실행시킨 후 헤드셋을 연결합니다. 중앙에 위치한 Meta Quest 2(사용자 헤드셋에 따라 달라질 수 있습니다)를 클릭합니다.

2-2. 아래와 같은 화면에서 하단 헤드셋 설정을 클릭합니다.

2-3. 헤드셋 설정에 들어왔으면 개발자 모드를 클릭해 줍니다.

2-4. 디버그 모드 옵션을 허용해 줍니다.

이제 디버그 옵션도 허용해 주었습니다. PC와 퀘스트를 연결하고 사이드퀘스트 앱을 통해 안전경계를 해제할 수 있습니다.

3. PC와 퀘스트 기기 연결

퀘스트 2, 3의 CType 포트와 PC를 연결해 줍니다. PC에서 권한 허용을 눌러주면 정상적으로 연결이 됩니다. 이때 퀘스트 내부에서도 권한 허용이 필요할 수 있습니다.

4. Sidequest 설치

https://sidequestvr.com/setup-howto

SideQuest: Oculus Quest Games & Apps including AppLab Games ( Oculus App Lab )

SideQuest is the early access layer for Virtual Reality. Get access to the latest Oculus Quest Games, Oculus App Lab games & lots of free apps on applab and sideload.

sidequestvr.com

위 사이트에서 Easy Installer를 클릭해 설치파일을 다운로드하고 실행시켜 줍니다. 그럼 아래와 같은 화면이 뜹니다.

헤드셋이 정상적으로 연결되면 아래와 같은 화면이 뜹니다. 아래 Connected, Not installed가 뜨면 인식이 완료된 것입니다. 이제 마지막 단계입니다.

5. 제한 해제

개발자 모드 허용 후 모든 과정을 완료하면 아래와 같이 Headset Settings메뉴가 생깁니다. 맨 아래로 스크롤한 후 Guardian 옵션을 Off 해주면 정상적으로 완료됩니다. 이때 퀘스트 기기를 재부팅하거나 종료했다가 다시 키면 원래대로 돌아오니, 항상 킨 상태로 유지하고 있거나 킬 때마다 PC에 연결해서 옵션을 꺼야 합니다.

이 이미지와 같이 설정되어 있어야 한다.

이렇게 안전경계를 끄는 방법을 알아봤습니다. 사실 VR기기 특성상 머리 위에 쓰고 있고 공간 감각을 차단하기 때문에 이러한 안전 경계 없이 플레이하다 보면 넘어지거나 모니터를 박살 낼 수도 있습니다. 그런 의미에서 이렇게 공식적이지 않은 방법을 통해 해제해야 하는 것이고요. 더군다나 전원을 껐다가 켜면 다시 원래대로 돌아옵니다. 이러한 번거로움에도 불구하고 AR게임을 즐기거나, 게임을 개발하는 입장에서 이러한 옵션은 필수라고 생각합니다.

앞으로 증강현실 기술이 발전하기 위해서는 이러한 옵션을 켜고 끌 수 있도록 허용되어야 한다고 생각합니다만, 아직은 시기상조인 것 같습니다. 실제 걸어 다니면서 체험해 보는 게 중요하다고 생각하고 또 그래야만 킬러앱이 등장할 수 있다고 보는데, 플랫폼 단계에서 제약이 생기면 콘텐츠를 개발하는 입장에서는 창의성이 제한될 수밖에 없습니다.

그럼에도 퀘스트 기기가 안드로이기 때문에 이러한 옵션을 끌 수 있다는 점이 장점으로 다가오는 듯싶습니다.

[ NextJS ] error: ENOENT: no such file or directory, open '.next build_id'

DipokalHHJ — Fri, 23 Feb 2024 12:30:11 +0900

NextJS를 먹어보던 중 에러가 발생했다. 이거 이거 CRA랑 판박이네, 그냥 설정해 봐야지. 하다가 또 당했다. 이 포스트에서는 NextJS를 처음 시작하다가 마주한 요상한 에러에 대해 알아본다.

1. 원인

Create next app를 사용해 앱을 실행시키려니 다음과 같은 에러가 등장했다. 무슨 파일을 열지 못한다는데 이상한 에러다. 그래서 검색을 했고 3초만에 답을 알아냈다.

(base) ➜  next-learn git:(main) ✗ PORT=3003 npm run start        

> my-app@0.1.0 start
> next start

   ▲ Next.js 14.1.0
   - Local:        http://localhost:3003

[Error: ENOENT: no such file or directory, open '/Documents/next-learn/.next/BUILD_ID'] {
  errno: -2,
  code: 'ENOENT',
  syscall: 'open',
  path: '/Documents/next-learn/.next/BUILD_ID'
}

2. 답

역시나 실행은 이거였다. 그냥 npm run start를 npm run dev로 바꿔주기만 하면 된다. 역시나는 역시나 휴먼에러다. 이래서 공식문서를 꼼꼼하게 읽어야 한다. 사실 너무 간단한 문젠데 이거까지 블로그로 적어야 하나 라는 생각이 들어 작성을 안 하려 했지만, 1일 1 포스팅을 해보고 싶어 역시나 억지 포스팅을 시전 했다. 답이 생각보다 간단해서 놀랐다면 이제 당신의 컴퓨터로 돌아가서 신나게 코딩할 차례다.

PORT=3003 npm run dev