OHJINSU BLOG
  1. About
  2. Blog
    1. 전체 (46)
    2. 포트폴리오 (5)
    3. 게임 개발 (9)
    4. AI (5)
    5. 프로그래밍 (18)
    6. 스타트업 (4)
    7. 독서 (4)
    8. 생각 (1)

© 2025 오진수. All rights reserved.
이 블로그는 Makernote로 만들어졌습니다.

profile image

오진수

소프트웨어 개발자. Goodvation 재직 중. Makernote 운영 중. 전략 게임 초한지 개발 중.

  • 2023~현재: 굿베이션 소프트웨어 개발자

  • 2022~2023: 디벨라이프 풀스택 개발자

  • 2021~2022: 도토리스페이스 프론트엔드 개발자

  • 2019~2021: 카투사 행정병

  • 2017~2019: 성균관대학교 국어국문학과

포트폴리오

  1. 두께를 가진 선분들이 교차하는 경우 외곽선 렌더링
    두께를 가진 선분들이 교차하는 경우 외곽선 렌더링Rendering the Outline of Intersecting Thick Line Segments Playable Demo 👇 클릭해서 선분을 그려보세요. 개발 배경 회사에서 사용하는 평면도는 실제로 이렇게 생겼습니다. 방을 구분해 주는 가벽을 자세히 보세요. 검은색 외곽선과
  2. Makernote - 블로그로 만들어지는 심플한 메모 앱
    Makernote - 블로그로 만들어지는 심플한 메모 앱Makernote 블로그로 만들어지는 심플한 메모 앱 블로그까지 운영하지는 않지만 메모는 매일 합니다. 사라지는 메모가 아까워 앱을 만들었습니다. 기본적인 메모 기능에 충실하되 발행 버튼을 누르면 쉽게 블로그 글로 남겨지도록 했습니다. 가장 좋은 용례는 이동 중 또는 업무 중에 아
  3. 굿테리어 - 인테리어 업체 홈페이지
    굿테리어 - 인테리어 업체 홈페이지굿테리어는 상업 인테리어 전문 업체입니다. 인테리어 업체 홈페이지를 기획하고 개발했습니다. 요구 사항 분석 인테리어 업체 홈페이지는 크게 두 가지 역할을 합니다. 검색 엔진에서 노출됨으로써 새로운 고객을 유치 할 수 있는 채널로서 역할 각기 다른 채널에서 고객을 만났을 때 신뢰도를
  4. 햇살마켓 - 아파트 장터 배달 서비스
    햇살마켓 - 아파트 장터 배달 서비스햇살마켓 아파트 장터에서 사용하는 배달 어플입니다.
  5. 보고보고 - 연극 및 뮤지컬 커뮤니티 앱
    보고보고 - 연극 및 뮤지컬 커뮤니티 앱보고보고는 연극 및 뮤지컬 커뮤니티 앱입니다. 프론트엔드 개발자 를 맡았습니다. 2020년 10월 군대를 전역하고 본격적으로 프로그래밍을 시작했고, 앱 개발에 손을 대자마자 시작한 팀 프로젝트입니다. 2021년 2월 개학하기 몇 주 전 교내 에브리타임 홍보물을 보고 지원했습니다.

글

  1. 무언가 만들 때는 그 분야에 깊이 참여해야 한다
    스타트업 · 
    무언가 만들 때는 그 분야에 깊이 참여해야 한다인테리어 디자인 솔루션을 개발하고 있는데 최근에 개발 전략을 바꿨다. 그동안은 '디자이너가 더 빠르게 작업할 수 있도록' 솔루션을 개발했다. 그래서 디자이너가 원하는 기능을 전달받아서 기능을 개발하고 디자이너에게 써보라고 하면서 피드백을 받는 과정을 반복했다. 하지만 이제 솔루션을 개
  2. 닌텐도에게 배우는 게임 디자인
    게임 개발 · 
    닌텐도에게 배우는 게임 디자인2018년 10월 원본 글: https://www.nyfa.edu/student-resources/nintendo-can-teach-us-game-design/ 닌텐도는 최근 자사의 비디오 게임 개발 46주년을 맞이했어요. 몇 번의 성장통을 겪긴 했지만, 1980년대부터 지금까지 업
  3. 테리 개발 진행 상황
    프로그래밍 · 
    테리 개발 진행 상황- UI 변경 Gemini 참고해서 UI 변경했다. 물론 상업용 인테리어에 한해서 유저 UI는 실제 포트폴리오와 결합해야 할 것 같다. 주거용과 달리 현장 실측이 먼저 필요하기 때문이다. 유저가 스스로 실측 도면을 그리기는 어렵다.
  4. AI 인테리어 디자인
    프로그래밍 · 
    AI 인테리어 디자인인공지능에게 채팅을 통해서 가구 배치를 시킬 수 있게 되었다. 강의실 같이 느낌만 내면 되는 공간에 특히 유용하다.
  5. 게임은 "할 수 있는 행위"가 아니라 "승리 시스템"으로 정의해야만 한다.
    게임 개발 · 
    게임은 "할 수 있는 행위"가 아니라 "승리 시스템"으로 정의해야만 한다.삼국지 게임으로 예를 들어서 "내정을 할 수 있다", "책략을 쓸 수 있다", "외교를 할 수 있다" 같은 행위들로는 게임을 만들 수 없다. 삼국지 게임이라면 모든 영토를 점령해야 한다는 "승리 조건"과 승리하기 위한 방식 - 즉 군사 양성 및 적군 섬멸이라는 "플레이 방식"을 제시해
  6. AI 렌더링 추가
    AI · 
    AI 렌더링 추가평면도 생성에 이어서 AI 렌더링까지 추가하면서 고객에게 전달할 제안서 모습을 갖추었습니다. 물론 구조만 잡았을 뿐 실용적인 수준까지 도달하기는 아직 멀었습니다. 이제 학습을 통해서 성능을 끊임없이 개선하는 일만이 남아 있습니다.
  7. 2025년 4월 18일 기준 추론 모델 가격 비교
    AI · 
    2025년 4월 18일 기준 추론 모델 가격 비교1M tokens 기준 OpenAI o3 Modalities: Text, Image Input: $10 Output: $40 OpenAI o4-mini Modalities: Text, Image Input: $1 Output: $4.4 Claude 3.7 Sonnet Modalitie
  8. OpenAI o4-mini 모델 적용
    AI · 
    OpenAI o4-mini 모델 적용어제자로 출시한 o4-mini 모델을 바로 적용해 보았습니다. 수학적 정확도가 눈에 띄게 개선된 모습입니다. 물론, 아직 fine tuning을 지원하지 않기 때문에 실무 지식 적용은 무리가 있습니다.
  9. 이번 폭락장을 경험하니
    생각 · 
    이번 폭락장을 경험하니돈이 있다면 주식 투자보다 나 자신, 내 사업, 내 영역에 투자하는 편이 좋다는 생각이 든다.
  10. [Unity Shader Graph] Custom Triplanar Node For Texture2DArray
    프로그래밍 · 
    [Unity Shader Graph] Custom Triplanar Node For Texture2DArray적용 전 모습입니다. 얼핏 봐서는 잘 모르겠지만, 동그라미 친 절벽 부분을 자세히 들여다 보시면 텍스처가 늘어난 모습을 볼 수 있어요. Mesh가 Y축으로 길수록 왜곡이 심해집니다. 그 이유는 ShaderGraph에서 World Space의 xz 값을 Sample Texture 2D
  11. 파인튜닝을 거치지 않고 사용하니까 정확도가 많이 떨어진다
    AI · 
    파인튜닝을 거치지 않고 사용하니까 정확도가 많이 떨어진다openai-4o 모델을 이용한 것이다. 우리 과업을 완수하기 위해서는 높은 기하학적 추론 능력 을 가진 인공지능이 필요해 보인다. 현재 자연어 기반 추론 능력으로도 한계가 있는 것이다. 이걸 하다보면 우리 세계가 꼭 언어만으로 구성되어 있지는 않다는 점을 분명하게 느낀다.
  12. 우리가 브랜드 아파트를 원하는 이유
    독서 · 
    우리가 브랜드 아파트를 원하는 이유지라르에 따르면 우리가 브랜드 아파트를 원하는 이유는 "모방 욕구" 때문입니다. 모방 욕구란 타인을 따라하고자 하는 욕구를 말합니다. 즉, 우리는 스스로 명품을 원하는 것이 아닙니다. 우리는 명품을 욕망하는 타인을 따라하는 것이죠. 요컨대, 우리가 명품을 원하는 이유는 타인이 명품을
  13. 인공지능 기반 개발 특장점은 비용효율성이다
    AI · 
    인공지능 기반 개발 특장점은 비용효율성이다예를 들어서 인테리어 레이아웃 생성 알고리즘을 개발했다고 해보자. 알고리즘이 만들어낼 수 있는 결과물의 가짓수는 매개변수 a, b, c..와 랜덤값을 조합한 수와 같을 것이다. 물론 이렇게 만들어낼 수 있는 가짓수도 셀 수 없이 많지만 한계는 다음과 같다. 첫째, 결과물이 개발자가 설
  14. 3DFRONT 웹 렌더러
    프로그래밍 · 
    3DFRONT 웹 렌더러3D-FRONT 웹 렌더러 (Three.js) 오늘 재빠르게 만든 것. 3D-FRONT 데이터베이스를 다운받아서 Three.js를 이용해 시각화 해봤다. 구체적인 데이터 속성이 의미하는 바를 파악하기 위해서다.
  15. [초한지] 지형 및 애니메이션 추가
    게임 개발 · 
    [초한지] 지형 및 애니메이션 추가지형하고 애니메이션을 추가했습니다. 저번주에 육각 타일을 동그랗게 깎았는데, 다시 되돌려 놓았습니다. 너무 형태가 불균형하니까 오히려 게임의 재미가 없어 보이더라구요. 게임은 게임다운 맛도 있어야 하는 것 같습니다.
  16. [6주차] Hex Tile Map Boundary Rounding
    게임 개발 · 
    [6주차] Hex Tile Map Boundary Rounding개발 중인 초한지 게임이 육각형 타일 지도(Hex Tile Map)을 사용합니다. 그런데 정육각형 타일을 사용해서 지도를 만들다 보니 특히 경계선이 너무 딱딱하게 느껴졌습니다. 강을 보시죠. 정육각형 모양으로 너무 울퉁불퉁해서 강처럼 느껴지지가 않습니다. 그래서 육각형 타일의 경계선을
  17. [초한지 게임 개발 5주차] UI 개선 및 지형 추가
    게임 개발 · 
    [초한지 게임 개발 5주차] UI 개선 및 지형 추가UI 바꿨습니다. 타일에 높낮이를 추가하고, 바다를 만들었습니다.
  18. Next.js 왜 이렇게 느릴까
    프로그래밍 · 
    Next.js 왜 이렇게 느릴까한 1년 전만 해도 Next.js로 웹사이트를 신나게 개발했습니다. 그런데 유지보수할 일이 있어서 다시 프로젝트를 켜니까 너무 느리네요. 일단 Next.js는 보다시피 로딩하고 컴파일하는 시간만 30초 걸립니다. 페이지 이동할 때도 적게는 1초 많게는 3초 이상 시간이 드는데 개발할
  19. HTML img 태그 srcset과 sizes 속성 사용법
    프로그래밍 · 
    HTML img 태그 srcset과 sizes 속성 사용법HTML img 태그 srcset 과 sizes 속성 사용법 프론트엔드에서 img 태그 srcset 과 sizes 속성에 대한 이해는 필수적입니다. 단순히 src 속성으로만 원본 이미지 파일을 불러오면 불필요한 로딩 시간으로 인해 사용자 경험을 해칠 위험이 크기 때
  20. [Zustand] The result of getSnapshot should be cached to avoid an infinite loop 에러 해결하는 법
    프로그래밍 · 
    [Zustand] The result of getSnapshot should be cached to avoid an infinite loop 에러 해결하는 법내용을 보면 이러한데 아래와 같이 Maximum update depth exceeded 에러와 함께 뜹니다. 아래와 같은 단순한 코드가 에러를 발생시키는데요. const values = useStore((state) => [1, 2, 3]) 에러가 발생하는 원인은 useStore 함수
  21. Next.js/Remix SSR에서 카카오 API로 주소를 위도 경도 값으로 변환하는 법 (+하이드레이션 문제
    프로그래밍 · 
    Next.js/Remix SSR에서 카카오 API로 주소를 위도 경도 값으로 변환하는 법 (+하이드레이션 문제 해결) 주소를 가지고 지도에 위치를 찍어주어야 할 일이 있었습니다. 카카오 지도 API에서 주소를 위도 경도로 변환하는 기능을 제공해서 이용하기로 했는데요. 카카오 지도 API를 이용하려면 일단 Kakao Map SDK를 External Script로 불러와야 합니다. 다시 말해서 HT
  22. [초한지 게임 �개발 4주차] 유닛 및 건물 공격 추가
    게임 개발 · 
    [초한지 게임 개발 4주차] 유닛 및 건물 공격 추가AI끼리 싸우게 해놨습니다. 아직 이동이나 공격할 때 이펙트가 없어서 밋밋합니다. 다음 주에는 명령할 때 생동감이 느껴지도록 여러 다이얼로그를 추가할 예정입니다.
  23. 파일 업로드 기능 구현 방법과 주의해야 할 사항들(+S3 Presigned URL)
    프로그래밍 · 
    파일 업로드 기능 구현 방법과 주의해야 할 사항들(+S3 Presigned URL)우선 주의사항부터 살펴봅시다. 이 주의사항들은 웹사이트를 만들든 모바일 앱을 만들든, 리액트를 쓰든 자바를 쓰든, 프론트엔드든 백엔드든 상관 없이 공통적으로 해당됩니다. 1. 파일을 업로드할 때 크기 정보를 함께 저장해야 한다. 이러한 지침은 CLS(Cumulative Layout S
  24. [초한지 게임 개발 3주차] AI 플레이어 추가
    게임 개발 · 
    [초한지 게임 개발 3주차] AI 플레이어 추가세력 별 영역을 추가하고 AI 플레이어를 추가했더니 어느정도 게임다워졌습니다. 아직은 이동뿐이지만 유닛 및 건물 공격을 추가하면 전쟁이 가능해집니다. 그리고 유닛 구매를 위한 자원을 얻는 방법까지 추가하면 가장 단순한 모습으로 게임이 만들어질 것 같습니다. "게임은 흥미로운 선택의 연
  25. [Git] Large files detected 오류 해결하는 법(+유니티 팁)
    프로그래밍 · 
    [Git] Large files detected 오류 해결하는 법(+유니티 팁)오류 메시지는 이렇게 나옵니다. large files detected. you may want to try git large file storage - https //git-lfs.github.com. 크기가 100MB가 넘어가는 파일을 Commit하는 경우에 생기는 오류입니다. 웹
  26. 게임 개발 디자인 패턴: 분리와 역전
    프로그래밍 · 
    게임 개발 디자인 패턴: 분리와 역전게임 개발 할 때 속도와 설계를 모두 잡을 수 있는 디자인 패턴을 소개하고자 합니다. 분리(Seperation) 와 역전(Invert) 디자인 패턴은 사실 제가 짜깁기한 이름입니다. 분리는 관심사 분리(Seperation of Concerns) 에서 따온 말이고, 역전은 제어
  27. 쉬운 3D 게임 엔진 - 유니티가 어려운 이유?
    프로그래밍 · 
    쉬운 3D 게임 엔진 - 유니티가 어려운 이유?옛날에 플래시 같이 쉬운데 3D를 지원하는 그런 게임 엔진이 없을까 하는 생각이 종종 듭니다. 사실 프로그래밍에 관해서는 플래시보다 유니티가 도드라지게 어렵거나 하지는 않습니다. 플래시로 게임을 만들 때는 움직이는 캐릭터를 만들려고 하면 1. 일단 붓툴로 캐릭터를 그리고 2. 그린 캐
  28. [초한지 게임 개발 2주차] 군사 유닛 생산
    게임 개발 · 
    [초한지 게임 개발 2주차] 군사 유닛 생산옛날에 플래시처럼 바로바로 실행 가능한 빌드를 여기에 올릴 수 있다면 좋을 텐데 아쉽습니다. 가장 기본적인 전쟁 기능을 먼저 만들어 놓고 계속해서 고도화해 나갈 생각입니다. 그래서 정해야 할 것도 많지만 우선 군사 유닛 생산하는 기능을 만들었습니다. 다양한 지형이 추가되고 건물도 고
  29. 닭이 먼저냐 달걀이 먼저냐 하는 문제에 대한 해답
    스타트업 · 
    닭이 먼저냐 달걀이 먼저냐 하는 문제에 대한 해답살다 보면 닭이 먼저냐 달걀이 먼저냐 하는 순환 논리에 빠질 때가 있다. 이런 경우에 답은 사실 닭에도 있지 않고 달걀에도 있지 않다. 차라리 답은 둘 사이 차이가 희미했던 초기 상태를 떠올려 보면 나온다. 태초에는 닭이든 달걀이든 존재하지 않았고 무언가로부터 진화한 결과일
  30. React 컴포넌트 부모 요소 간단하게 바꿔 넣는 방법
    프로그래밍 · 
    React 컴포넌트 부모 요소 간단하게 바꿔 넣는 방법React 컴포넌트를 만들다 보면 간혹 자식 요소는 그대로 쓰고 싶은데 부모 요소를 바꿔 넣고 싶을 때가 있습니다. 예를 들어 파라미터에 따라 컴포넌트를 Link로 감싸야 할지 Button으로 감싸야 할지 정해지는 경우가 그런 때입니다. 다음 Pseudo 코드를 봅시다. export
  31. [초한지 게임 개발 1주차] 턴제 전략 게임에서 시간과 이동력의 관계
    게임 개발 · 
    [초한지 게임 개발 1주차] 턴제 전략 게임에서 시간과 이동력의 관계기본적인 육각형 타일 지도와 건물 생성 기능을 구현했습니다. 처음에 멋모르고 가로 100 세로 100 짜리 지도를 만들었는데 꽤나 부담되는 규모인 것 같습니다. 단순히 곱해도 타일이 만 개나 필요하니까요. 프로토타이핑 단계이기 때문에 지도 크기를 가로 16 세로 16으로 줄이고 카메라
  32. 맹자
    독서 · 
    맹자하늘의 때는 땅의 이로움만 못하고, 땅의 이로움은 사람들의 화합만 못하다(天時不如地利, 地利不如人和) - 맹자
  33. Production 서버 운영 조건
    프로그래밍 · 
    Production 서버 운영 조건Production 서버 운영 조건 - 물리적으로 가까운 위치 - CICD - 개발/프로덕션 DB 분리 - DB 백업 - 애플리케이션 빌드 스냅샷 백업
  34. "온라인" 데이터 양이 무한하지 않다면 현실 세계에서 "Physical" 데이터를 채집하면 된다.
    스타트업 · 
    "온라인" 데이터 양이 무한하지 않다면 현실 세계에서 "Physical" 데이터를 채집하면 된다. "온라인" 데이터 양이 무한하지 않다면 현실 세계에서 "Physical" 데이터를 채집하면 되는 것 같아요. 그러기 위해서는 로봇이 실제로 행동을 수행하고 피드백을 받을 수 있는
  35. API 스타일을 우선해서 클래스 설계하기
    프로그래밍 · 
    API 스타일을 우선해서 클래스 설계하기API 스타일을 우선해서 클래스 설계하기 관례적인 디자인 패턴도 중요하지만 API 스타일을 우선시해 봅시다. 다시 말하자면 코드를 사용하는 방식 을 먼저 정의하는 겁니다. 객체
  36. AWS Amplify "Log group does not exists" 에러 해결하는 방법
    프로그래밍 · 
    AWS Amplify "Log group does not exists" 에러 해결하는 방법운영 중인 AWS Amplify 앱 로그를 확인하기 위해서 모니터링 페이지에 나와 있는 로그 그룹 링크를 클릭했습니다. 하지만 사진처럼 로그 그룹을 찾을 수 없다는 메시지가 나왔죠. 로그 그룹 링크는 분명히 아래 스크린샷처럼 AWS Amplify 콘솔에 적혀 있는데도 말입니다. 이때
  37. 팔머 엘드리치의 세 개의 성흔
    독서 · 
    팔머 엘드리치의 세 개의 성흔딕의 소설에는 세상이 삽시간에 미쳐버릴 수도 있다는 정서가 깔려 있습니다. 깁슨보다 딕을 좋아하는 이유입니다. 운명의 시간은 오웰에겐 1984년도였고, 딕에겐 2021년이었습니다. 오늘날 돌아보면 설레발처럼 느껴지기도 합니다. 하지만 그런 흥분이야말로 SF였는지도 모르죠. SF는 프랑켄
  38. 주인과 노예의 관계에 대한 자본주의적 설명
    독서 · 
    주인과 노예의 관계에 대한 자본주의적 설명 헤겔은 주인과 노예의 관계를 인정 투쟁 차원에서 설명한다. 이러한 설명은 내 관점에서 지극히 부르주아적인 발상일 뿐이다. 주인과 노예의 관계는 실제로 물질적인 차원에서 성립한다. 상식적으로 생각해 보자. 당신이 누군가에게 당신이 원하는 것을 달라고 한다. 그렇다면 그 누군가도 자선가가
  39. 스타트업 개발 방법론: 마케팅 기반 개발
    스타트업 · 
    스타트업 개발 방법론: 마케팅 기반 개발마케팅 기반 개발은 마케팅 산출물을 먼저 만드는 제품 개발 방법론입니다. 기왕의 MVP 개발 방법론보다 빠르게 고객 반응을 확인할 수 있는 장점이 있습니다. 약 3년 전 처음 팀 프로젝트를 시작할 때부터 저는 MVP 개발 방법론을 따랐습니다. 사실 방법론은 둘째치고 데모 버전을 먼저
  40. Remix(Express Server) + Socket.IO 설정하기
    프로그래밍 · 
    Remix(Express Server) + Socket.IO 설정하기Remix 기반 Fullstack 웹 애플리케이션 서버를 운영중이었는데, 채팅 기능을 추가할 일이 생겼습니다. 채팅 기능은 쌍방향 통신을 필요로 합니다. 쌍방향 통신을 구현하는 방법은 여러가지가 있어요. 하지만 첫째로는 생산성, 둘째로는 Flutter와 연동해야 했으므로 호환성 및 라
  41. C++ 코드를 실행하는 과정
    프로그래밍 · 
    C++ 코드를 실행하는 과정1. 전처리 우선 #include 구문을 지정한 파일에 담긴 내용으로 대체합니다. 꺽쇠( <...> )를 사용해 경로를 지정한 경우 전처리기는 표준 라이브러리가 있는 시스템 디렉토리부터 사용자가 설정한 디렉토리를 차례로 들여다봅니다. 디렉토리는 VS Studio 2022를 사용할