공부하는 블로그

console.log에 대해 알아보자자바스크립트를 자주 사용하는 경우, console.log()를 사용하여 정보를 출력해야 할 때가 많습니다.아래는 보통 오랫동안 많이 써온 방식입니다.(() => { console.log('Success!') })()에러 로그에 console.error () 사용로그를 좀 더 시각적으로 낫고 재미있는 방식으로 만들 수 있는 몇 가지 방법이 있습니다.(() => { console.error('헉, 뭔가 잘못되었네요!') })()경고 로그는 console.warn() 사용(() => { console.warn('경고!, 뭔가 잘못된 것 같습니다!') })()iterable 오브젝트에 console.table() 사용function Person(firstName, lastNa..

리액트와 뷰로 같은 앱을 만들어 보았다.(Part 2: Angular)리액트와 뷰로 같은 앱을 만들었는데, Angular가 안 낄수 없죠!Part 1을 아직 읽지 않았습니까? 여기에서 확인하세요.저는 Angular를 매일 직장에서 사용하지만, 자바스크립트 세계에서는 다른 모든 프레임 워크에 대한 정보는 얻을 수 없었습니다. 나는 같은 사과라도 이것저것 비교하는 것을 좋아합니다! 그래서 React vs Vue에 대한 Sunil Sandhu의 글에 숟가락을 얹게 되었습니다. 자, 여기 React vs Vue vs Angular의 비교입니다!앱의 외형은 어떨까요?[Player 3 이 게임에 입장하였습니다]Part 1과 마찬가지로 css는 다른 두 프레임워크의 위치와 거의 비슷합니다.이 Angular 애플리케이..

리액트와 뷰로 같은 앱을 만들어 보았다.이 글의 원문은 여기이며 원작자가 번역을 허가하여 글을 번역했습니다.번역을 다 하고 나니 이미 다른 한국어 번역이 있더군요. (링크)그러나 번역한 것이 아까워서 포스팅을 합니다. (ㅠ_ㅠ)저는 직장에서 Vue를 잘 사용해오고 있었습니다. 그러다가 저는 이 울타리의 다른쪽 뜰은 어떤지 궁금해졌습니다. 그 뜰은 바로 리액트입니다. 리액트 문서를 읽고 튜토리얼 동영상을 몇 편 보았습니다. 좋은 동영상이었지만 실제로 알고 싶은 것은 Vue와 리액트가 얼마나 다른지였습니다. "다르다"는 말은 가상 DOM을 가지고 있는지, 또는 렌더링 페이지를 어떻게 읽는지와 같은 것은 아닙니다. 누군가가 내게 시간을 들여가며 코드를 설명해주면서 무슨 일이 일어나는지 알려주면 좋겠다 싶었습니..

Evan You on Proxies이 글은 원작자의 허락을 받아 번역하였으며, 글의 출처는 https://www.vuemastery.com/courses/advanced-components/evan-you-on-proxies/ 입니다.기술이나 번역에 대해 의견이 있으시면 댓글을 남겨주시면 반영하도록 하겠습니다. 감사합니다.이전 강의에서 Vue.js의 반응형을 모방한 반응형 시스템을 구축했습니다. 프로퍼티를 getters / setters로 변환하기 위해 Object.defineProperty()를 사용하면 액세스 할 때 의존성을 추적하고 수정할 때 코드 (알림)를 재실행 할 수 있게 되었습니다.Vue 로드맵를 따르고 있다면 2.x-next 버전의 반응형 시스템은 보여드린 것과 다른 프록시로 다시 작성됩니..

The Best Explanation of JavaScript Reactivity 🎆이 글은 원작자의 허락을 받아 번역하였으며, 글의 출처는 https://medium.com/vue-mastery/the-best-explanation-of-javascript-reactivity-fea6112dd80d 입니다.기술이나 번역에 대해 의견이 있으시면 댓글을 남겨주시면 반영하도록 하겠습니다. 감사합니다.많은 프론트엔드 자바스크립트 프레임워크 (예 : Angular, React, and Vue)에는 자체 반응형 엔진이 있습니다. 반응형의 작동 원리를 이해하면 개발 기술을 향상시킬 수 있고 JavaScript 프레임워크를보다 효과적으로 사용 할 수 있습니다. 아래의 영상과 아티클에서는 Vue 소스 코드에서 볼 수 ..

바닐라 자바스크립트로 상태 관리 시스템 구축이 글의 원 출처는 이곳이며, 원 저자의 허락을 받고 번역하였음을 밝히는 바입니다.번역을 많이 해보지 않아서 중간중간에 원문 그대로 남겨둔 곳이 있습니다. 댓글로 많은 격려와 의견을 주시면 반영하도록 하겠습니다. :DBY ANDY BELL ON JULY 25, 2018상태 관리는 소프트웨어에서 새로운 것이 아니지만, 자바스크립트로 소프트웨어를 구축할 때는 상대적으로 생소하게 느껴질 것입니다. 전통적으로 우리는 DOM 자체에서 상태를 관리했거나, 윈도우 전역 객체에 할당하기도 했습니다. 그러나 이제는 라이브러리와 프레임워크로 이 문제를 해결 할 수 있습니다. Redux, MobX, Vuex 같은 라이브러리들은 컴포넌트 간 상태 관리를 손쉽게 관리할 수 있습니다. ..