개발 연습 블로그

언제 어디서든, 괜찮은 키워드가 생기면 일단 구글링 해두는 것이 중요하다. 당장 볼 게 아니지만 구글은 내가 뭘 검색했는지 기록하기 때문에, 다시 접근하기도 용이해지기 때문이다. 기초 구조는 이전 글에서 작성했으니 타입스크립트와의 호환성을 적겠다. 복잡한 설명은 가능한 지양하겠다. 나 자체가 깊이 알지 못하는 것도 있고, 이런데까지 와서 글을 볼 사람들이면 이미 정보가 깊은 글들을 보고도 뭔가 설명이 안되서 왔을태니 말이다. 타입스크립트를 사용할 경우, JS를 사용할 때와 달리 useNavigation에 에러가 있을 것이다. 관련 함수를 사용하기 위해서는 props를 선언해야한다. 그냥 타입 스크립트를 사용하면서 생기는 타입 관리라 생각하면 된다. 지금은 페이지가 3개 뿐이라 저렇게 해뒀지만 추가될 수록..

리액트 네이티브와 리액트간에는 기본적인 태그부터 차이가 나는 것 같으며 기본 구성에 좀 더 신경을 써야하는 것 같다. 기초 오류 해결 우선 .eslintrc.js 파일을 수정한다. 여기서 이렇게 바꾼다. eslint와 prettier와의 충돌과 관련된 이슈를 방지한다고 한다. 확실히 이렇게하니 임의로 만든 src 폴더 내의 새 파일에 탬플릿과 똑같은 코드를 복붙해도 생기던 에러를 풀어주었다. 스샷으로 기록을 남기고 싶었으나 클립보드로 캡처한다는 걸 잊었다. 리액트 라우터 -> 리액트 네비게이션 '네이티브는 앱 환경이므로 페이지를 옮겨가는 라우터가 아니라 뷰(view)를 겹치는 리액트 네비게이션을 사용하는 것이 유리하다'고 GPT가 설명하였다. 코드도 넷 중 하나는 없는 코드를 뽑아내는 3.5버전 녀석의 ..

이력서를 살펴보던 중 느낀 문제는 기술스택의 부재였다. 프레이머 모션, 타입 스크립트도 기술이긴 하지만 일단 압도적으로 리액트에만 토이프로젝트들이 몰려있었다. 프론트엔드에서 백엔드로 전향하기엔 아직 경력도 없고 시간도 없으니 가볍게 리액트 네이티브로 모바일 웹 앱을 하나 다뤄보고, VUE를 익히던가 간단한 서버 구축 정도를 만드는 방법을 고려해야겠다. 시작 시작부터 난관이었다. 안드로이드 스튜디오 깔고, 간만에 JDK도 새 버전으로 깔고, SDK도 깔고 하는데 가장 큰 문제가 발생했다. 접근이 안돼!!!!! 찾아보니 안드로이도 스튜디오에선 한글로 된 파일 경로를 제대로 읽지 못하는 이슈가 있었다. 나는 사용자 폴더명이 본명으로 되어 있던터라 이 문제를 해결하기 위해 관리자계정까지 열고 난리를 피워가며 한..

요 한동안 이력서를 여기저기 넣어봤는데 죄다 퇴짜를 맞았다. 예전엔 그래도 한 두 곳은 어떻게 통과가 되었는데 꽤나 충격적인 상황이다....... 이력서의 구조는 현재 1. 인적사항 2. 자기소개 3. 프로젝트 크게 이정도로 나뉘는데, 이전 재우스 AI 다운로더가 끝나고 이를 추가했는데도 뭔가 크게 바뀐 것이 없는 느낌이다. 항해99가 끝나고도 실력 향상 및 새로운 기술스택을 위해 타입스크립트, 프레이머 모션 등을 이용해 다른 토이 프로젝트들을 만들어봤는데도 모자른건가 싶지만 글쎄......일을 시켜줘야 경력을 적지!!!!!!!!!! 일단 점핏이나 다른 곳의 이력서 관련 조언을 보고 양식을 다시 고쳐봐야겠다.... 2024/02/26 기준 이력서 김재우, 한 번 해보는 개발자입니다. (notion.so)

트러블 슈팅.....따로 시간을 할애해서 해결한 문제는 하나 밖에 없고 나머지는 시행착오 투성이였지만, 그래도 기록은 해놔야지. 1. 모션 에러 이력서의 트러블 슈팅에도 적어놨던 것이다. 또한 이전 글의 프레이머 모션 에러에 대해 적은 부분인데, 프레이머 모션에 생각보다 많은 기능이 있고, 그에 맞는 코드 규격이 달라서 챗 GPT의 도움을 받아도 크게 도움을 얻기 힘들었다. 다른 기술 블로그를 뒤져도 내가 원하는 기능과는 거리가 멀고..... 내가 원하던 기능은 메인 페이지 컴포넌트 1 애니메이션(Animatepresence 적용) 컴포넌트 2 애니메이션(Animatepresence 적용) 자식 컴포넌트 애니메이션(Animatepresence 적용) 컴포넌트 3 애니메이션(Animatepresence 적..

완성한지는 좀 되었지만 트러블슈팅도 해야하고, 욕심내던 기능을 끙끙대던 탓에 보고글 작성이 늦었다. 아직 반응형 웹을 다 설정하지 못했지만 2열 그리드로 짜여져있다. AI 생성 관련되어 자잘한 버그도 전부 고친 상태이다. 모바일 접속에 대한 피드백이 계속해서 왔었다. 처음엔 컴퓨터 게임 AI 다운받는데 모바일로 접속할거라 생각하지 않아서 후순위로 뒀지만, 뭐 업데이트 할 때 마다 계속해서 언급되길래 모바일 감지 라이브러리를 다운받아 빠르게 해결했다. 전세계적으로 몸비트는 것을 싫어하는 개발자들에게 축복 있으라! 이게 없었다면 반응형 웹으로 어떻게든 몸비틀면서 모바일 감지를 하려고 했는데, 지금 생각하면 굉장히 끔찍한 방법인 것 같았다...... 설명 모달창에도 변화를 많이 주었다. 프레이머 모션을 이용해..

아직 CSS적 요소로 다듬을 부분이 많지만 우선 급한대로 GUI를 수제작하여 얼추 틀을 잡는데 성공했다. PC방에서는 다운받은 파일 경로에 대한 접근이 힘들다. 클립보드 복사하기는 로컬에서만 저장되는 펫 AI 때문에 PC방 접속 시 일일히 AI를 갱신해야하는 번거로움을 조금이나마 덜고자 추가하였다. 이정도까지는 원래 기획에 들어가 있었으니 큰 문제는 없다. 파일 다운로드와 클립보드 복사에 대한 기능이다. 이제보니 겹치는 switch가 굉장히 많이 보인다. 클립보드 복사와 파일 다운로드에는 완전히 동일한 switch가 들어가고 있다. 이건 좋지 않으니 지역변수로 사용되던 content를 밖으로 꺼내봐야겠다. 한 눈에 봐도 코드가 확실히 줄었다. switch문이 조금 더러워졌지만 같은 코드를 반복시키는 것이..

내가 만든 재우's AI에는 고정적으로 쓰이는 패턴들이 있다. 필수적으로 쓰이는 핵심 패턴들로, 이번엔 이것들을 짧고 빠르게 복사하는 조각들을 만들어볼 예정이다. 적이 주인을 원거리에서 공격하려고 하면 모든 행동을 멈추고 직접 요격하러 가는 패턴이다. 상당히 유용한 기능이지만 이것이 왜 유용한지는 게임 얘기니깐 넘어가겠다. 여하튼 이것을 일일히 추가하면 코드가 무의미하게 길어지니 이것을 미리 만들어 갖다 쓸 예정이다. 예상대로 되면 재미없는 것이 코딩이지! 예상한 것은 아니지만 오차범위 안의 것이라 생각되는 에러가 나왔다. 핵심 키워드를 찾아보자. length 배열의 길이를 체크하는 것과 관련되어 문제가 발생했다. 배열을 쓰는 부분은 컨디션 포장, 시퀸스 포장, 종합 포장 훅에 있는데, AI 단축 툴을 ..

저번에 만든 행동 시퀸스 파티클과, 레퍼 훅을 활용해 컨디션 훅을 만들었다. 시퀸스와 컨디션을 완성했으니 이제 중간 점검을 한 번 해야할 때이다. 이벤트 포장 훅 시퀸스 포장 훅 시퀸스 개별 훅 시퀸스 개별 훅 시퀸스 개별 훅 컨디션 포장 훅 컨디션 개별 훅 컨디션 개별 훅 시퀸스 개별 훅 예상되는 로직 구조는 이렇다. 이 구조를 잘 못짜고, 중간중간 섞여있는 개별 키워드를 캐치하지 못해서 시간을 살짝 잡아먹었다. 최종 포장 훅인 이벤트 레퍼를 만들었다. 규칙명을 시작으로, 컨디션, 시퀸스를 하나하나 포장한다음 마무리에 이벤트 조건을 넣는다. 이벤트는 단 하나만 존재하기 때문에 따로 조립 훅을 만들 필요없이 포장 훅을 만들었다. 우선은 임시로 만들어 본 AI 패턴을 이벤트 레퍼로 발동시켜본다. 일단 웹상..

행동 시퀸스를 분석하고 흉내를 내보자. 스타일링은 현재 고려사항이 아니며 기능만 우선 흉내내는 것이다. 몇 번의 테스트를 통해 마비노기의 펫 AI는 문법에 오류가 생기지만 않으면 띄워쓰기 등은 어느정도 자동으로 수정하는 것을 알아냈다. 하지만 혹시 모를 변수를 최대한 제거하기 위해선 이 띄워쓰기까지 완벽하게 흉내를 내는 것이 옳다고 생각한다. 오늘은 여기서 를 흉내내볼 생각이다. 가장 복잡하지만 그래서 위의 컨디션 로직에도 곧장 응용할 수 있을 것이다. 내가 생각한 시퀸스 로직 조립법은 이러하다. 시퀸스 - cmd 명령어를 조립한다. 시퀸스 - cmd 명령어 뭉치를 조립한다. 위 아래로 를 붙여 마무리한다. 이 순서대로 조립을 할 것인데, 그렇다면 맨 처음으로 cmd 명령어 조립을 해야한다. cmd 명령..