[카테고리:] Process

구조 개선, 창작 활동 들에 대한 실험 과정 기록

  • 23.07.23 ~ 23.08.09 크로키 드로잉

    23.07.23 ~ 23.08.09 크로키 드로잉

    아이패드 프로, 프로크리에이트 앱 활용, 별도 구매한 펜슬 브러쉬로 그림.

    핀터레스트에서 찾은 사람 사진 활용

    꽤 편하게 그림.

  • 260227_바이브 코딩 시도

    ㅇ 내용 : Codex 활용, 바이브 코딩을 통해 간단한 게임을 만들려 시도

    ㅇ 세부사항

    • 프롬프트 상세
      • 1990년대 RPG Maker 스타일의 턴제 RPG 게임 개발을 위한 1단계 코딩을 요청합니다.
      • 기술 스택: 순수 JavaScript, HTML, CSS (별도 라이브러리나 프레임워크 사용하지 않음)
      • 화면 구성:
      • index.html 파일 하나로 모든 것을 구현합니다.
      • 화면은 800×600 픽셀 크기의 검은색 컨테이너()를 중앙에 배치합니다.
      • 캐릭터 구현:
      • 32×32 픽셀 크기의 파란색 사각형()을 ‘플레이어’로 가정합니다.
      • 플레이어는 game-container 내부에 위치합니다.
      • 조작:
      • 키보드 방향키(상, 하, 좌, 우)를 누르면 플레이어가 해당 방향으로 10픽셀씩 이동하게 해주세요.
      • 플레이어가 game-container 경계 밖으로 나가지 않도록 처리해주세요.
      • 위 요구사항에 맞춰 HTML, CSS, JavaScript 코드를 작성해주세요. JavaScript 코드는 <script> 태그 안에 포함시켜주세요.
    • 결과 : 파란 박스(플레이어), 게임 공간 까지 제작.

    ㅇ 이슈

    • 플레이어를 방향키로 움직이려 하나 움직여지지 않음
    • 웹에서 HTML을 읽는 과정에서 오류 2건이 확인됨.
      • 오류 상세

    ㅇ 평가 : 어디서부터 문제인지도 모르겠다.. 저 오류 메시지가 뭔지도 모르겠다.

    향후 계획 : 정상적으로 읽을 수 있는 HTML을 만드는 것부터 해결

  • 260220_옵시디언_기존작성글_메타데이터일괄수정

    ㅇ 배경

    옵시디언의 활용 문제점 중 하나가 메타데이터를 일관되고 구체적으로 넣지 않기 때문에 발생하는 것을 확인

    이것을 해결하기 위해

    옵시디언 활용 목적 명확화 “내 직관을 최대로 확장시키기 위해, 정제된 기반 지식을 정리하고 한 눈에 볼 수 있게 함”

    이 목적을 기반으로 한 눈에 볼 수 있는 대시보드를 제작 기획

      대시보드는 옵시디언 Bases플러그인을 활용, 특정 노트를 자동으로 불러오게 할 예정

      • 기존 작성한 글의 메타데이터(프론트매터)를 일과 ㄹ수정할 방법을 고민하다 ChatGPT로 코딩을 해달라고 함
        자바스크립트로 .js 파일을 특정내용으로 작성하라고 함
      • 특히 Project와 Writing 노트를 대상으로 프론트매터를 자동으로 바꿔주는 방법을 탐색 시작
      • Templater 플러그인을 활용해서 명령어 팔레트를 통해 자바스크립트를 실행시키는 형태
      • 그러나 아이패드로 자바스크립트 파일을 만드는 과정부터 난항
      • 단축어를 활용해서 자바스크립트 파일을 생성함
      • 그러나 Templater 플러그인에서 내가 지정한 폴더에 있는 .js(자바스크립트)파일을 읽지 못함(집에와서 데스크탑으로 플러그인 실행하니 적용 User Script를 별도로 Detected하는 기능이 있어서 바로 볼 수 있게됨. 유사한 어려움이 다른 사람에게도 있었나 봄)
      • 링크가 잘못되었는지, 메모리 문제인지 싶어 플러그인 토글 껏다 켜보고, 옵시디언 재실행해보고, 아이패드를 껏다 켜보기도 했으나 해결되지 않음
      • 옵시디언 내에 .md(마크다운) 파일 외에 다른 파일도 보이도록도 해보았으나 안됨
      • 아이패드 상의 문제인가 싶어 집에 와서 데스크탑으로 진행해 보았으나 안됨
      • 알고보니 원래 Templater 플러그인은 다음의 4가지로 이루어져 있고,
      • 그 4가지를 총알처럼 써서 원하는 기능을 실행하는 것이었음
      • 그러나 명령어 팔레트에서 위 옵션 중 Open insert template modal을 선택하면 내가 선택한 노트만 바뀌고 다른 부분은 수정되지 않아보여서 기존 자바스크립트 파일을 버전 3이 될 때까지 수정함
      • 그리고 위 옵션을 선택하면 Template 폴더 내에 있는 기존 템플릿 파일을 실행시켜야만 하는데 그러지 말고 별도의 프론트매터 수정용 템플릿을 만들어서 수정 대상 파일이 몇개인지만 송출시키도록 함
      • 그렇게 다음 내용처럼 DRY RUN을 통해 수정 대상 파일 숫자를 먼저 확인함
      • 그리고 ChatGPT가 만들어준 자바스크립트 내의 아래 안전장치를 “DRY_RUN”에서 “APPLY”수정해서 실행시킴
      • 그러니 다음과 같은 메시지가 뜨고 전체 파일에 프론트매터 없는 부분이 새로 생기면서 내용 일괄 수정됨
      • Templater 플러그인의 특성을 몰랐던 탓에 시간 소모가 매우 컷지만, 그래도 해결해서 다행.
      • 추가로, Templater 플러그인으로 이런 작업을 수행하면 아래 사진처럼 불필요한 파일이 생기거나, 기존 파일의 내용을 수정하게 됨. 마치 총알의 탄피 같은 느낌인데, 뭐 아주 불편하진 않지만 어떻게 개선할지 고민을 좀 더 해볼 수 있을 듯.
    • 250601_미디어 저장공간 효율화 시도

      • 심볼릭 링크를 이용해 워드프레스 시놀로지 포토에 저장된 미디어 파일을 중복 저장 없이 워드프레스에 저장하려고 시도함
      • 웹스테이션의 http 계정에 너무 많은 권한이 부여되고, 보안을 침해할 여러 이슈들이 있어서 진행 취소.
      • 워드프레스 Dashboard에서 미디어 파일을 직접 업로드하고 관리하려 함.
      • 미디어 업로드 파일 용량 제한이 32MB로 되어 있는 문제가 있음
      • Web Station에서 PHP 프로필 편집 > 코어에서 upload_max_filesize(1024M) / post_max_size(1024M) / memory_limit(512M) / max_execution_time(600) / max_input_time(600) 을 충분히 늘림
      • 폰에서 admin페이지 접속해서 사진 영상 올렸는데 디렉터리 wp-content/uploads/2025/06 생성 불가. 라고 나옴
      • 워드프레스가 깔린 폴더 내에 uploads 까지 연결된 폴더들에 http 계정 권한을 읽기/쓰기로 줌
      • 업로드 이상 없이 됨.

    • 워드프레스에 사진 넣기

      ㅇ 이전작업

      • url을 통해 NAS에 있는 사진을 넣는 시도를 하였으나 미리보기가 보이지 않음
      • 왜일까..
      • 추측하기로는 Synology Photos의 데이터에 대한 접근권한이 워드프레스 로그인 유저에게는 없는 것이 아닐까 싶다.
      • 그렇지만 전체공개로 사진을 공유했는데, 이러면 되어야 하는 것이 아닌가.
      • 오.. ChatGPT로 추출해둔 답변에 따라 공유 링크를 클릭했을 때 나오는 사진 파일에 직접 접근할 수 있는 주소를 찾아야 한다고 한다.
      • 브라우저에서 공유 링크로 열린 사진을 우클릭 > 이미지 주소 복사를 통해 웹 브라우저에서 열린 사진의 주소를 따오고 나서
      • 워드프레스의 이미지 등록에서 똑같이 URL에서 삽입 기능을 쓰니 사진이 보인다.

      ㅇ 후속 진행예정 작업

      • 이 사진이 별도로 워드프레스에 저장되어 공간을 잡아먹는지 아닌지 확인 필요

      => 별도 하드 공간을 잡아먹진 않음

      => 다만, NAS가 내부망에 있는 데스크탑으로는 사진이 보이나 외부망에서 모바일로 접속했을 경우 보이지 않음

      => 미디어를 워드프레스에 직접 업로드하는 방법으로 진행해야겠음.

      • 사진말고 영상도 이런 식으로 업로드 가능한지 확인 필요.

      => 영상도 직접 업로드하면 용량 많이 잡아먹을테니 유튜브 계정에 올리고 링크를 퍼오는 방식으로 해야겠음.

      • 워드프레스 영상 업로드는 32MB밖에 되지 않아서 방법을 찾지 못한다면 유튜브에 올리고 그 링크를 퍼오는 방법 시도.

      음.. 너무 졸려서 자러가야겠다.