Vue.js란Vue.js는 웹 페이지 화면을 개발하기 위한 프론트엔드 프레임워크입니다. Vue.js의 특징1. MVVM 패턴의 뷰 모델에 해당하는 화면단 라이브러리입니다.- Model + View + View Model- View : 사용자에게 보이는 화면- DOM : HTML 문서에 들어가는 요소(태그, 클래스, 속성 등)의 정보를 담고 있는 데이터 트리- DOM Listener : 돔의 변경 내역에 대해 즉각적으로 반응하여 특정 로직을 수행하는 장치- Model : 데이터를 담는 용기, 보통은 서버에서 가져온 데이터를 자바스크립트 객체 형태로 저장- Data Binding : View에 표시되는 내용과 모델의 데이터를 동기화- ViewModel : 뷰와 모델의 중간 영역. 돔 리스너와 데이터 바인딩을..
연속된 엔터(줄바꿈)을 하나의 엔터로 바꾸기 문자열에 포함된 연속된 엔터를 정규식을 이용해서 하나의 엔터로 바꿔보는 예제입니다. 엔터가 몇 개가 연속으로 나오든 한개로 바뀝니다. 정규식을 사용해서 아주 간단히 처리합니다. 눌러보세요 : 연속된 엔터 없애기 HTML 블랙홀(black hole)은 강력한 밀도와 중력으로 인해 입자나 전자기 복사, 빛을 포함한 그 무엇도 빠져나올 수 없는 시공간 영역이다. 너와 나의 블랙홀. 그러하다. 눌러보세요 : 연속된 엔터 없애기 자바스크립트 function gogogo(){ var txt = document.getElementById('ori').value; // 정규식을 이용해서 엔터로만 끝나는 줄을 없앰 // 정규식 m 옵션을 사용하여 엔터를 포함한 여러줄을 대상으..
호출 스택 이벤트루프 var, const, let 템플릿 문자열, 객체 리터럴 화살표 함수 비구조화 할당 클래스 Promise, async/await 프런트엔드 자바스크립트 [5] 화살표 함수 function, 화살표 함수 구별하여 사용 this; button.addEventListener('click', function(e) { console.log(this.textContent); }); button.addEventListener('click', (e) => { console.log(e.target.textContent); }); [6] 비구조화 할당 (구조 분해 할당) 같은 말임 const example = { a: 123, b: {c: 135, d: 146 } const a = example.a;..
