실시간 환율 데스크톱 앱 - React + electron + Typescript 설정해보자
2023. 8. 19. 11:00
프로그래밍/ㄴ 환율 앱
항상 생각하는 것이지만.. 프로젝트 시작 할 때 가장 귀찮은 게 환경설정이다 이번에는 심지어 일렉트론의 한정된 환경 안에서 해내야 하기 때문에 .. 더욱더 귀찮다 구조 일단 일렉트론위에 리액트를 올리기 전에, 일렉트론의 구조부터 알아야 한다 나도 제대로는 모르지만 그래도 이번 프로젝트를 하면서 머리에 올려둔 구상정도는 풀어보려 한다 뭐가 제일 사진으로 보기 좋게 되어있을까 해서 찾아보다 저런 사진이 있더라.. 일단 일렉트론이 기동을 하면 main process로 로직을 시작한다, 이 로직은 앱의 설계도, 메인 로직등이 포함된다 main이 초기화될 시에 설계도에 해당하는 render process도 같이 실행된다 여기서, 우리가 추가적으로 봐야 할 점은 render process와 main process사..
Threejs fiber와 react를 시작해보자 (0) - 걸음마
2023. 5. 14. 18:33
프로그래밍/ㄴ WEB+JS
일단.. 시작이 반이라고 하는데 threejs.. (라고쓰고 fiber라 쓴다)를 시작했다 마침 모델링하는 친구가 있어서 .. 통짜로 된 모델링 파일 하나를 gltf로 받고 냅다 리액트에 넣고.. 저번에 심심해서 저녁에 술 먹고 장난삼에 해본 https://www.youtube.com/watch?v=qpOZup_3P_A 마인크래프트.. threejs랑 섞어서 저런식으로 만들어보았다 막상 뽑아보니 엄청나게 재밌다 미치도록 재밌는데 진짜 뭐가 뭔지 너무나 많이 생소해서 조금 더 많은 공부가 필요한 부분인 것 같다 일단 three를 쌩 js로 다시 한 번 띄워보고.. fiber, canon, drei 등 정확히 어떤 역할인지 더더욱 더 공부해고... 또 친구가 다음 주말에 통짜가 아닌 각각의 오브젝트로의 gl..
네이버 웹툰 북마크 - 크롬익스텐션을 스토어에 올려보자
2023. 3. 23. 17:30
프로그래밍/ㄴ 네이버 북마크 크롬 익스텐션
https://github.com/B-HS/Naver_Webtoon_Bookmarker GitHub - B-HS/Naver_Webtoon_Bookmarker: 크롬 익스텐션으로 빠르게 북마크된 웹툰을 읽어보자 ! 크롬 익스텐션으로 빠르게 북마크된 웹툰을 읽어보자 ! . Contribute to B-HS/Naver_Webtoon_Bookmarker development by creating an account on GitHub. github.com 익스텐션을 다 만들었다 스토어에는 심사를 대충 올려놨고.. 그 여정을 올려보려 한다 개발자 등록 사악한 애플은 99달러나 내놓으라하지만, 크롬익스텐션은 비교적 착하다 단돈 5달러에 개발자 등록을 시켜준다 일단 익스텐션 스토어 홈페이지로 들어가서 톱니바퀴를 눌러준..
네이버 웹툰 북마크 - Typescript + background 적용
2023. 3. 22. 18:00
프로그래밍/ㄴ 네이버 북마크 크롬 익스텐션
사실..background는 그냥 JS로쓰는게 맞지않을까한다 굳이..? 하는 생각도 많이들기도하고 1인개발에서 고작 몇줄적자고 (많아야 2~30줄일듯한데 ..) TS적용하는 것은 좀 아니긴하지만 그래도 야매로 적용하는 방법이 있으니 소개해보려한다 Background + Typescript 세팅 먼저 type부터 설치해주자 https://www.npmjs.com/package/@types/chrome @types/chrome TypeScript definitions for Chrome extension development. Latest version: 0.0.224, last published: 4 days ago. Start using @types/chrome in your project by runn..