본문 바로가기

바닐라3

[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.
[js-util] 바닐라 js로 프론트엔드 기능 개발하기. 채팅 프로젝트를 어느 정도 마무리한 시점(귀찮아서 해당 내용들은 천천히 블로그에 올릴 예정이다.) 에서 추후 프로젝트인 인터렉티브 UI SDK 와 디자인 시스템을 진행전에 바닐라 js로 페이지네이션, 라우팅, 스크롤, 인터렉티브 기능 등 여러가지 자주 사용되는 또 유용한 기능들을 구현 해보고 리팩토링 하는 형식의 프로젝트를 시작하기로 했다. 해당 사이드는 구현 및 인터렉티브 개발 실력을 키우고 자주 쓰이는 기능들에 대한 깊이 있는 이해를 얻기 위함이 목적이다. 또 추후에 정리해서 지금은 컨셉만 잡아놓은 개인 디자인 시스템에 넣거나 그냥 결과물을 간편하게 다른 사람에게 보여주기 위한 형식으로 진행 할 생각이다. https://github.com/yoonjonglyu/js-util GitHub - yoonj.. 2022. 1. 30.
[프론트엔드] ajax & axios 개인적으로 늘 잘하는 시니어 개발자가 없는 환경에서 홀로 모든 걸 주도적으로 판단하고 처리 해온 입장에서 학습과 평가를 위해서 코딩 테스트, 과제 테스트 등의 기회가 있을 때마다 주기적으로 참여해왔다. 과제 테스트의 경우 검색이 허용 되는 경우가 대부분이지만 레퍼런스를 제외하고는 검색을 제한하는 방식으로 (모르는 게 있거나 기억나지 않으면 그냥 0에서부터 구현하기) 주로 참가해왔는데 이번 프로그래머스 데브 매칭의 경우 바닐라 js로 기본적인 dom제어와 클라이언트 라우팅 그리고 ajax를 아예 처음부터 만들어야 했다. 그 과정에서 ajax를 통해서 fetch로 기본적인 api형태를 만들다가 엄청 헤매면서 시간을 허비하게(대략 20분) 되는데 평소 ajax의 경우 axios를 통해서 처리하다 보니 fetc.. 2021. 9. 16.

티스토리툴바