본문 바로가기

개발/Javascript🃏

Javascript 객체와 배열을 복제하기 위한 메서드 Javascript 배열을 복제하기 위한 메서드 var a = [1, 2] console.log(a) // [1, 2] var b = Array.from(a) console.log(b) // [1, 2] console.log(a, b, a === b) // [1, 2], [1, 2], false b.push(3) console.log(b) // [1, 2, 3] console.log(a) // [1, 2] Javascript 객체를 복제하기 위한 메서드 var a = {name:'haemil'} var b = Object.assign({}, a) var c = Object.assign({top: 10, left: 7}, a) console.log(b) // {name: 'haemil'} console.l..
Javascript Tip 변수 키워드는 var 대신 const, let 을 사용하자 전통적인 자바스크립트 변수인 var 대신에 let, const 등을 사용하자(block Scope) var(function scope) 은 쓸 이유가 없으며, 오히려 var을 let, const 등과 같이 사용하면 문제가 생길 수 있다. 기본적으로 const를 사용하며, 값이 바뀌는 변수일 경우 let 을 사용한다. 직관적이고 편리한 querySelector를 사용하자 CSS 문법에 대한 이해가 있다면 쿼리 셀렉터를 사용하는 편이 훨씬 직관적이다. 같은 문법을 사용하고 있고, IE 9(8까지도?)도 지원하므로 쓰지 않을 이유가 없다. HTML5 커스터마이징 속성인 'data-' HTML5 커스터마이징 속성인 data- 를 통해서 엘리먼트에 사용자..
모던 자바스크립트 입문서 모던 자바스크립트 입문 이소 히로시, 길벗 읽기 시작한지 얼마 되지는 않았지만 책의 내용이 깊은 것 같아서 좋다. 자바스크립트를 이용해서 프런트부터 백엔드까지 전반적으로 돌아본다고 하는데 이 책의 내용을 얼른 소화할 수 있었으면 좋겠다.
새롭게 느끼게 된 Javascript 의 중요성 Javascript 라는 '프로그래밍 언어'를 웹 페이지에 그저 '동적 속성'을 부여하는 언어로만 이해하고 있었던 탓에 크게 중요성을 느끼지 못했었다. 웹에 대한 깊은 이해가 있지 않았던 까닭에 HTML5, CSS3, Javascript 를 부끄럽지만 그저 웹을 만드는 언어로만 생각을 했었다. 그렇지만 웹을 조금씩 공부하면서 각각의 언어가 웹에서 가져야 할 비중의 문제를 조금씩 고민하게 되었다. 웹을 이용하는 사용자에게 잘 갖추어진 UI를 제공하는 것을 넘어서서 높은 수준의 사용자 경험(UX)을 제공하기 위해서는 '상호작용'이 중요한데, 개발자의 Javascript 숙련도에 따라서 웹에서 제공하는 사용자 경험이 달라질 수도 있다는 점을 생각해보게 됐다 "사람들은 하루에 100번 가까이 웹페이지를 탐색한다..