최근 작업물들(Feat. Code editor, Game, Three js)

최근에 이것저것 토이 프로젝트를 만들어봤는데

 

정리할 시간이 없어서 공유를 못해드리고 있는거 같습니다

 

일단 작업물들 간단히 gif 보여드리고 정리 후 하나씩 업로드 해보도록 하겠습니다

 

작업물1. Code editor(포스트 완료)

jsfiddle, codepen 등 코드 에디터 및 화면에 결과 출력, console 출력 등 기능등이 들어간 예제

< React editor >

1. react component string을 렌더링

2. textarea에 highlight

3. iframe console을 parent에 표시

4. +@(textarea shortcut)

 

정도의 작업물인데, 생각보다 고민해야될 요소가 많은거 같았습니다

 

작업물2. 3D Earth

thrree js, fiber를 이용해서 지구 구현 및 2d - 3d 좌표 맵핑 및 포지션 찾아가기

(gif 문제로 프레임이 끊기는데 실제로는 깔끔합니다)

< 3D 지구 >

1. mesh 처리

2. camera, light 처리

3. 위경도 x, y, z에 맵핑

4. 위치 카메라 트래킹

 

정도의 작업물인데, 이거는 조금 더 고도화가 필요해서 아직 공유할지는 미정입니다

 

작업물3. Game

canvas를 이용한 2d 게임 테스트

< React로 만든 게임 >

1. canvas에 이미지 출력

2. 리랜더링 처리

3. 게임 object들 원하는 위치 맵핑

4. 프레임에 따른 애니메이션 처리

5. 키보드 이벤트 처리

6. 카메라 팔로잉 처리

7. 충돌 처리

8. etc

 

해당 게임은 유명한(?) 유튜버분이 바닐라 js로 구현해놓은것을

 

react, ts로 마이그레이션하면서 스터디 한 부분인데

 

새로운 에셋을 찾아서 작업한 후 공유를 할 예정입니다

(많이 오래걸릴 예정입니다..)

 

 

-- 이하 필자의 헛소리 및 신세한탄(?) 입니다

 

 

건강 및 기타 등등 이유로 퇴사 이후에 조금 쉬다가 감 잃지 않으려고 이것저것 해봤는데

 

역시 코딩할때가 가장 마음 편했던거 같았습니다

 

다시 취업하려고 하고 있는데 생각보다 취업시장이 얼어붙은건지 면접기회도 잡기 쉽지 않은거 같았습니다

 

특히 해외 기업에 지원을 조금 해봤는데 모두 서탈 + 읽씹, 안읽씹을 경험하다 보니

 

경력이 문제인지, 비자가 문제인지, 실력이 문제인지 감을 못잡겠습니다

(아마 다 일듯한데..)

 

피드백좀 해주면 좋을거 같은데 " 귀하의 역량은 뛰어나나 포지션과 핏이 맞지 않는다 "

 

정도의 이메일만 몇번 받아보고 좌절하고.. 다시 국내로 눈을 돌렸는데

 

국내도 서류에서 광탈당하고 있다보니 자존감이 많이 떨어진거 같습니다