전체 글
-
230202 - 개인 공부의 효율성(망함)TIL || 짧은 글 2023. 2. 3. 00:42
이번 주는 공부 실패 😥 요즘 일정은 회사에서 9시 출근, 9시에 퇴근해서 집에 도착해서 옷 갈아입고 컴퓨터 앞에 앉으면 10시, 10시부터 11시 반까지 개인 공부를 하고 있다. 일과 함께 병행하다 보니점점 체력과 집중력이 떨어지는 것 같다. 특히 이번주는 1시간 반 동안 거의 의무감으로 앉아있었고, 작성하는 코드나 보고 있는 예제의 내용이 머리에 잘 들어오지 않았다. 변화가 필요합니다 🥽 디스코드에서 공부하는 고정 학습시간이 있기 때문에, 이 시간을 잘 활용하고 싶다. 1시간 이상 집중이 필요한 공부는 주말로 미루고, 짧은 시간 집중할 수 있는 유튜브 영상이나, 칼럼, 공식문서 한 문단 쪼개서 읽기 등 방법을 생각해 봤는데, 역시 나는 뭔가를 만드는 게 적성에 맞겠다! 는 결론이 났다. 프론트엔드 개..
-
230130 - 현재를 즐기도록 노력하자.TIL || 짧은 글 2023. 1. 30. 21:25
꾸준하게 한 방향으로. 30가지 계획을 세우면 그중 3가지는 루틴으로 남는 것 같다. 냥냥편지 이후 평일 저녁에 10시부터 디스코드에서 공부하고 있고, 매 점심시간에 10분씩 운동(18일째)하고, 점심으로 샐러드를 챙겨 먹은지도 2주가 넘었다. 회사일을 제외하면 요즘 뭔가 만들어서 완성한지 한참 되었다. (5시간만 집중해서 달력이나 투두라도 만들고 싶다.) 그리고 너무 중구난방 공부하는 것 같아서, 주제 통일이 필요하다. 예제를 만들면서 공부하는 게 가장 재밌으니까 뭐 만들지 생각해 보자. 다음 스택을 위해 next와 리액트쿼리 공부해야 한다. 월요일, 오늘은 쉬는 날 이제 곧 달이 바뀐다. 2월에 리뉴얼 마무리가 되어야 하는 데 분량과 일정이 괜찮은 건지 걱정이 된다. 신입으로서는 걱정 밖에 할 방도가..
-
자바스크립트 - Babel, Polyfilling & Transpiling자바스크립트 JavaScript 2023. 1. 29. 23:52
Babel, Polyfilling & Transpiling 📐 웹서비스를 개발할 때 꼭 알아야하는 Babel, Polyfilling & Transpiling에 대해 간단하게 알아봅니다. Github 문서 : https://github.com/dusunax/javascript/blob/main/docs/babel-transpiling%26polyfilling.md Babel Babel이란? 플러그인 & 프리셋 1. Pacel과 Babel 2. Webpack과 Babel Polyfilling vs Transpiling Polyfilling vs Transpiling 개요 바벨은 Polyfilling 도구 인가요? 아니면 Transpiling 도구 인가요? Polyfilling이란? core-js 라이브러리 ..
-
자바스크립트 - 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을 변경할 수 있습니다..