전체보기
-
React / Redux [2] - React-Redux 기초 개념DEV 2022. 12. 22. 00:51
해당 게시물은 udemy-React 완벽가이드 강의와 Redux 공식 문서를 바탕으로 작성된 글입니다. React / Redux [1] - Redux 기본 개념 해당 게시물은 udemy-React 완벽가이드 강의와 Redux 공식 문서를 바탕으로 작성된 글입니다. [리덕스] 크로스 컴포넌트 또는 앱와이드 상태를 위한 상태관리 시스템 강의에 따르면 보통 리액트의 상 ccamanglab.tistory.com 이전강에 이어서 강의를 보며 배운 내용을 작성! 이전강까지는 리덕스 자체를 배웠고 이번에는 리덕스에 대한 내용 조금 + 리액트로 리덕스를 사용하는 법을 공부했음. TMI인데 시험이고 과제고 너무 뭐가 많아가지고 공부가 중간에 끊겼었는데, 다시 원래하던 lms 프로젝트로 돌아왔고, 토익도 원하는 점수가 나..
-
Zustand / 작고 빠르고 확장가능한 베어본 상태 관리 솔루션 [1]DEV 2022. 12. 14. 23:24
- 이 글은 zustand 공식문서와 youtube의 각종 강의를 참고하여 작성하였습니다 - 귀엽다고 무시하지 마세요. 무서운 발톱이 있어 많은 위험을 처리할 수 있거든요 zustand 공식 문서에서 zustand를 소개하는 첫 문장이다. 여기서 위험은 redux나 react context가 가진 다른 문제점을 의미한다. zustand는 독일어로 상태를 의미한다. 즉 라이브러리 이름이 그냥 상태임. 이번에 어떤 과제를 하면서, 해당 라이브러리를 써볼 기회가 있어 정리를 하려고 한당. 그렇기 때문에 다른 라이브러리와의 비교나 철학같은건 일단 묻어두고 기능을 위주로 정리해봄. [Install] 뭐든 쓸려면 설치해야한다. npm install zustand # or yarn add zustand [Create..
-
React / Redux [1] - Redux 기본 개념DEV/REACTJS 2022. 12. 13. 13:38
해당 게시물은 udemy-React 완벽가이드 강의와 Redux 공식 문서를 바탕으로 작성된 글입니다. [리덕스] 크로스 컴포넌트 또는 앱와이드 상태를 위한 상태관리 시스템 강의에 따르면 보통 리액트의 상태를 세가지로 나눌 수 있음 1. 로컬 상태 단일 컴포넌트에 속한 상태 보통 useState나 useReducer를 사용해서 상태를 관리함 2. 크로스 컴포넌트 다양한 컴포넌트에 속한 상태 보통 useState나 useReducer를 사용해서 상태를 관리함 혹은 prop chain, prop drilling을 통해 관리 3. 어플리케이션 전체 상태 앱 전체 혹은 모든 전체에 대한 상태 관리 보통 useState나 useReducer를 사용해서 상태를 관리함 혹은 prop chain, prop drilli..
-
JavaScript / ThisDEV/JavaScript 2022. 12. 13. 01:31
자바스크립트 This와 관련된 내용을 기록합니다. 관련된 내용을 공부하면 계속해서 update합니다. 2022.12.13 (별코딩 - this) 자바스크립트의 this는 어떠한 객체를 가리킴 이 객체는 상황에 따라 계속해서 변화함 기본적으로 this는 함수를 호출한 객체임 전역에서의 this -> window [함수 문맥에서의 this] 'use strict' function main(){ console.log(this); }; main(); 함수내부의 this는 함수를 어떻게 호출했는지에 따라 값이 달라짐 기본적으로 this는 함수를 호출한 객체를 의미함 누가 함수를 호출했는가? 기본적으로 함수를 호출할땐 this값이 전역을 가리키지만, strict 모드에서 함수를 그냥 호출할땐 this가 undefi..
-
Three.js / [5] Object3D - 기본 개념과 상속DEV/Three.js 2022. 12. 12. 21:50
- 본 게시글은 Three.js 홈페이지 및 Three.js and TypeScript 강의를 바탕으로 작성한 글입니다. - Three.js / [4] Panel - Stats & Data GUI - 본 게시글은 Three.js 홈페이지 및 Three.js and TypeScript 강의를 바탕으로 작성한 글입니다. - Three.js / [3] animate & requestAnimationFrame - 본 게시글은 Three.js 홈페이지 및 Three.js and TypeScript 강의를 바탕으로 ccamanglab.tistory.com 오늘은 three.js의 Object 3d에 대해 공부했다! 이전 강에서 계속해서 cube와 scene과 같은 매소드들을 three.js에서 import해와서 사..
-
Recoil / [3] Selector - 선택자DEV/Recoil 2022. 12. 10. 22:04
- 본 게시물은 리코일 공식문서와 learnrecoil.com 강의를 바탕으로 작성된 글입니다. - Recoil / [2] Atoms - 전역 상태 관리의 시작 - 본 게시물은 리코일 공식문서와 learnrecoil.com 강의를 바탕으로 작성된 글입니다. - Recoil / [1] 시작, 설치 - 본 게시물은 리코일 공식문서와 learnrecoil.com 강의를 바탕으로 작성된 글입니다. - 프론 ccamanglab.tistory.com 이전 편에 이어서 진행. Atom이라는 전역 상태를 시작할 원자 단위의 변수 지정을 맛봤다면, 지금부터는 약간쓰 객체지향의 개념인 get과 set과 비슷한 selector를 알아본다. 우선 나는 객체지향이고 함수형이고 그런 걸 몰라서 아주 아주 아주 아주 감으로만 ge..
-
Three.js / [4] Panel - Stats & Data GUIDEV/Three.js 2022. 12. 9. 02:31
- 본 게시글은 Three.js 홈페이지 및 Three.js and TypeScript 강의를 바탕으로 작성한 글입니다. - Three.js / [3] animate & requestAnimationFrame - 본 게시글은 Three.js 홈페이지 및 Three.js and TypeScript 강의를 바탕으로 작성한 글입니다. - 이번 게시물은 공식문서보다는 강의를 위주로 설명하려고 한다. 강의랑 공식문서랑 버전도 다른것같고 ccamanglab.tistory.com 이전 게시물에 이어서 작성. 이번에도 강의 위주로 설명진행할 예정. 처음엔 이 글을 보는 누구나 쉽게 이해할수있도록 글을 작성해야지 하고 생각을 했는데, 글을 쓰는게 나 스스로도 정리가 많이 되는것 같아서 기쁘다 :> 그럼 시작 three...
-
Three.js / [3] animate & requestAnimationFrameDEV/Three.js 2022. 12. 8. 15:01
- 본 게시글은 Three.js 홈페이지 및 Three.js and TypeScript 강의를 바탕으로 작성한 글입니다. - 이번 게시물은 공식문서보다는 강의를 위주로 설명하려고 한다. 강의랑 공식문서랑 버전도 다른것같고 약간 순서의 괴리감도 있어서, 강의가 끝난 후에 공식문서를 호로록 다시 돌아보는 것을 목표로 한당. [requestAnimationFrame] 지난 강에서 animate부분에 이런 코드를 작성했었다 function animate() { requestAnimationFrame( animate ); renderer.render( scene, camera ); } animate(); 그리고 난 후 화면이 새로고침될때 마다 계속해서 렌더링이 될 수 있도록 해준다. setInterval과 비슷해..