분류 전체보기
-
자바스크립트 - NPM, dependencies, Parcel개발 블로그의 흔적/자바스크립트 JavaScript 2023. 1. 28. 23:18
NPM, dependencies, Parcel 📁 자바스크립트 개발에 사용하는 NPM, dependencies, Parcel에 대해 간단하게 알아봅니다. Github 문서 : javascript/npm&dependency.md at main · dusunax/javascript · GitHub NPM npm (패키지 매니저) 를 사용하는 이유 global로 패키지를 설치하는 이유 dev dependency란? 예시 : leaflet, 외국 map api lodash : javaScript를 더 편하게 쓰기 Parcel parcel vs webpack parcel 실행하기 npx parcel index.html vs "start": "parcel index.html" build 🚫 parcel build ..
-
자바스크립트 - 빌드 프로세스 & ES6 module개발 블로그의 흔적/자바스크립트 JavaScript 2023. 1. 23. 23:59
빌드 프로세스 & ES6 module 👩🏭 자바스크립트의 빌드 프로세스, ES6 module에 대해 간단하게 알아봅니다. module이 import되는 순서를 확인해봅니다. Github 문서 : https://github.com/dusunax/javascript/blob/main/docs/ES6-module_import.md Build Process & JavaScript Bundle Software development의 과정? Module이란? Module의 장점 ES6 Module vs Script ES6 module을 Import하는 과정 예시 Parsing Download linking imports import 순서 정리 Build Process & JavaScript Bundle 빌드 과정..
-
Three.js, WebXR - 3일차개발 블로그의 흔적/threeJS 2023. 1. 22. 13:07
취미로 공부하는 three.js 입니다. 예제 위주로 정리하고 있습니다. https://github.com/dusunax/threeJS/wiki 201 공이 있는 방 initScene : room initScene : ball objects set-up VR 201 - 공이 있는 방 랜덤한 위치와 색상의 공들이 있는 방입니다. VR로 방을 둘러볼 수 있습니다. 일자: 2023년 1월 8일(일) 강의: 유데미 강의 링크 링크: [github wiki], [github page] VR을 setup하는 방법에 대해 알아봅니다. (VRButton) 각 geometry, material을 사용해 방과 공 object를 만듭니다. initScene : room new BoxLineGeometry() : 사이즈 및 ..
-
Three.js, WebXR - 2일차개발 블로그의 흔적/threeJS 2023. 1. 19. 00:31
취미로 공부하는 three.js 입니다. 예제 위주로 정리하고 있습니다. https://github.com/dusunax/threeJS/wiki 103 별 모양으로 별 그리기 Mesh CircleBufferGeometry 반원 Shape 별 모양으로 별 그리기 (feat. 도형 그리기 기본 개념) 104 .glb .fbx 파일 Load하기 Material material 종류 Free 3d.com gltf-viewer Loader GLTFLoader FBXLoader new LoadingBar new GLTFLoader, new FBXLoader .Box3().setFromObject(~.scene) .glb, tbx 각 로딩 결과 103 별 모양으로 별 그리기 별을 그리기 위해 필요한 값 innerRa..
-
Three.js, WebXR - 1일차개발 블로그의 흔적/threeJS 2023. 1. 16. 01:23
취미로 공부하는 three.js 입니다. 예제 위주로 정리하고 있습니다. https://github.com/dusunax/threeJS/wiki 101 - y축(up)으로 회전하는 빨간 육면체 - 220101 camera.position.set(x,y,z) scene renderer geometry + material = mesh ambient & light Control Resize 102 - 회전하는 지구와 달 - 220101 Three.js Editor project | scene add map script child 배경 설정 Publish 101 - y축(up)으로 회전하는 빨간 육면체 내용: y축으로 회전하는 빨간 육면체입니다. 브라우저 화면을 드래그하여 화면의 orbit을 변경할 수 있습니다..
-
230114 - 요즘의 일상, react-query, threeJSTIL || 일기 || 짧은 글 2023. 1. 14. 00:51
백년만에 블로그 글쓰기 👵 23년이 된지 벌써 2주가 지났다니 믿기지 않는다. 2월 중순(목표) 2월말(데드라인)까지 PHP+blade 서비스를 node+react로 리뉴얼하고 있다. 웹 frontend를 기술 선택부터 퍼블리싱 + 구현까지 혼자 진행하다보니 "이렇게 작업해도 되나?" 또는 "일정 괜찮나?"하는 생각이 중간중간 든다. 하루에 9~12시간 정도 작업하고 있는데 회의나 밥 먹으러 가는 시간 때문에 순수 코딩하는 시간은 그렇게 길지 않다. 능력에서도 사회 생활에서도 한껏 삐걱거리면서 2023년을 맞이하고 있다. react-query 🏵 1월 4일부터 퇴근하고 10시부터 11시반까지 리액트 쿼리를 살펴보고 있다. https://www.udemy.com/course/react-query-react..
-
221226 - 출근 7일째✨TIL || 일기 || 짧은 글 2022. 12. 26. 23:30
월요일 좋아🐌 이번에 서비스의 웹 FE를 단독으로 진행하게 되었다. 프로젝트의 내용은 기존 서비스의 리뉴얼이지만, 리액트로 처음부터 작성하는 것이기 때문에, 처음 만드는 것이나 다름없다. 따라서 초기 기술을 선택하기 위해, 고민을 많이 했다. 단발성 프로젝트가 아니라 나중에 누군가가 내 코드를 볼 수 있고, 마이그레이션 시에도 알아볼 수 있어야하며 후임자가 회사를 선택하는 데에도, 참고하는 역할을 할 수 있기 때문에 코드 한 블록, 라이브러리 한 블록을 짜 맞추는 것에 대해 신중해졌다.🏗 대기 중 🏁 다음 연도 2월까지 빠르게 작업해나가야 하기 때문에 익숙한 툴을 사용해야 하지만, 매력 없는 프로젝트가 돼서는 안된다고 생각한다. 실현 가능한 선에서 프로젝트를 구성하고 있다. (내년 안에 NextJS, t..
-
221218 - 일단락!TIL || 일기 || 짧은 글 2022. 12. 19. 04:19
Release v1.0.0 배포 완료! 2022년 11월 23일부터 12월 18일까지, 26일에 걸친 냥냥편지 프로젝트 일정이 일단락 되었다. 정식 release 버전을 배포하고, readme 작성 및 시연영상을 제작했다. 시연 영상 : https://www.youtube.com/watch?v=CaybAzvcRGo 리드미 : https://github.com/NyangGleNyangGle 냥냥편지 시연영상, 1분 https://github.com/NyangGleNyangGle에서 public으로 작업하던 FE repo를 private으로 변경하고, 팀원 각자 fork해서 공개하기로 했다. 더이상 이슈나 Pull requests, releases 관련 내용을 외부에서 볼 수 없기 때문에 까먹기 전에 백업을..