본문 바로가기

분류 전체보기318

[React]React 와 Hooks. 동기 바닐라 js로 전역 store를 만들어보면서 리액트 인터페이스를 참고하면서 상태변화 구독을 자동화할 방법을 찾기 위해서 리액트 소스 코드를 분석을 진행하다가. 방대한 소스코드 분석을 차근차근 진행하면서 그 내용을 포스팅해보는 게 어떨까?라는 생각이 들어서 진행하게 되었다.(개인 학습과 생태계 기여) 개요 이번 파트는 React 패키지를 분석하면서 React Hooks 대한 그러니까 react-dom과 react 중에서 react의 컴포넌트 함수 Hooks에 대한 간략한 분석이다. 저장소 구성 리액트의 경우 자바스크립트 오픈소스 UI 라이브러리로 보통 기본 구성으로 react와 react-dom이라는 패키지를 설치하여서 사용한다. 오픈소스 라이브러리다보니 깃허브에 그 코드 전체가 repo로 공유되어있.. 2022. 3. 30.
[JS] 전역 상태관리 스토어를 만들어보며. 바닐라 js로 다양한 기능을 간단히 만들어보는 js-util 프로젝트의 9번째 모듈로 전역 상태관리 스토어를 만들어보았다. https://github.com/yoonjonglyu/js-util GitHub - yoonjonglyu/js-util: html, css, js, vanillajs, animation, module & util html, css, js, vanillajs, animation, module & util - GitHub - yoonjonglyu/js-util: html, css, js, vanillajs, animation, module & util github.com 바닐라 js로 컴포넌트 단위나 페이지 단위 개발을 진행 할 경우 CSR방식의 SPA 웹애플리케이션의 경우 전역 상태.. 2022. 3. 30.
[엘든링] 첫 회차 클리어. 엘든링을 플레이한지 79시간만에 첫 엔딩을 봤다. 내 선택은 진엔딩이라 평가 받는 별의 세기 엔딩. 무기는 쌍도를 사용했고, 현재 사기템으로 평가 받는 명도월은으로 말레니아(부패의 칼날)까지 클리어한후 딜이 안박히는 문제로 인해서 후반부 지역은 스탯 초기화후 시산혈하와 말레니아 기억 연성템인 의수도를 사용해서 클리어했다. 클리어 직후 렙은 168이였다. 사실 화신의 물방울이라는 영체(소환수) 10강을 해서 사용하지 않았다면 조금 더 오래 걸렸을거라 생각된다.(이게 너프 먹은거구나;) 다크소울3을 즐겁게 플레이한 입장에서 개인적으로 엘든링 출시전부터 큰 기대를 가지고 있었는데 그것을 다 충족시켜준 게임이였다는게 개인적인 소회다. 전작에서 아쉬움이 남은 평타 위주 플레이에서 조금 더 다채로워진 전회와 장비,.. 2022. 3. 21.
[JS] 테트리스를 간단히 만들어보며. 바닐라 js로 간단하게 만들어 볼 수 있는 것들을 만들어 보는 사이드 프로젝트인 js-util repo의 8번째 기능으로 간단한 테트리스를 구현해보았다. https://github.com/yoonjonglyu/js-util GitHub - yoonjonglyu/js-util: html, css, js, vanillajs, animation, module & util html, css, js, vanillajs, animation, module & util - GitHub - yoonjonglyu/js-util: html, css, js, vanillajs, animation, module & util github.com 당연한 말이지만 바닐라 js로 직접 만든 모듈 로더와 css in js 모듈 외에는 .. 2022. 3. 20.

티스토리툴바