본문 바로가기

자바스크립트11

[JS]스와이프 기능을 만들어보며. 바닐라 js로 다양한 기능을 간단히 만들어보는 js-util 프로젝트의 10번째 모듈로 간단한 스와이프 슬라이드를 만들어 보았다. 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 회사에서 자주 쓰이는 프론트엔드 기능중 하나로 슬라이드 기능이 없는 스와이프 기능이 있다. 해당 기능을 구현.. 2022. 7. 2.
[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.
[AMD]RequireJS에 대하여 자바스크립트 모듈 시스템 js 모듈 시스템은 크게 3가지로 나뉜다. Common JS와 AMD(Asynchronous Module Definition) 그리고 ES2015(ES6)이다. UMD(Universal Module Definition) 라는 것도 존재하긴 하지만 별로 중요하진 않으니 신경 쓸 필요는 없을거 같다. 요즘에는 노드에서는 거의 CommonJS를 많이 쓰고(애초에 브라우저 이외의 곳에서 js를 사용하기 위한 모듈 시스템) 브라우저 즉 프론트엔드의 경우 거의 ES6 모듈 시스템을 많이 사용한다. ES6 모듈 자체를 그대로 사용하기 보다는 webpack과 rollup 같은 번들러를 통해서 많이 사용되는 편이지만 ES6 방식을 주로 사용한다. ES6가 나오기전에는 AMD 방식을 통해서 브라우.. 2022. 2. 22.
[JS][자바스크립트] N진수변환 오늘 코테 준비를 위해서 프로그래머스 스킬 테스트를 보았다. level2 문제 중 하나로 N진수 변환에 관한 문제가 나왔다. 그 문제를 보고 내가 자바스크립트로 N진수 변환을 하는 방법을 모르고 있다는 사실을 알게 되었다. 그래서 찾아보았더니 바로 나오는데 엄청 간단했다. 그것도 자주 쓰던 parseInt와 toString 메서드에 관련되어있더라... 이걸 보고 내가 안다고 생각했던 부분들 중 부족한 게 많구나 라고 새삼 느끼게 된 점이다. const num = 5; // 10 진수로 5이다. 일반적인 숫자 5. /* N진수로 변환하기 */ const nNum = num.toString(2) // toString에 인자로 N진수의 N을 주면 변환가능했다. 2의 경우 2진수로 변환 console.log(n.. 2021. 7. 23.

티스토리툴바