![]()
JavaScript의 대한 묵혀있던 궁금증을 속 시원하게 해소해준 책 개발에 관련된 언어를 공부할 때, 보통 강의나 블로그, 공식사이트 등을 참고하지만, 정말 오랜만에 교재를 참고하게 되었습니다. 물론, 한 개발자의 추천을 받아 구매를 하게 되었지만, 아무런 기대(?)없이 구매를 했기에 유익한 정보를 담고 있는가에 대한 궁금증 보다는 "내가 과연 완독을 할 수 있을까"에 대한 의구심이 더 컸습니다. 프론트엔드 개발자라는 타이틀 아닌 타이틀을 달고, 회사에서 많은 시간을 지내면서, 과연 내가 진정한 프론트엔드 개발자라고 말할 수 있는 가에 대해 자신에게 물음을 던질 무렵 만난 책이었습니다. 현 네이버에서 근무하시는 개발자, 정재남님이 조금은 애매모호한 JavaScript의 성격을 읽는 사람으로 하여금 쉽게..
![]()
* 이 글은 9 Tips for Writing Scalable JavaScript Code을 번역하였습니다. 9 Tips for Writing Scalable JavaScript Code You should be ready to scale your projects from the beginning javascript.plainenglish.io 시작부터 당신의 프로젝트를 확장할 준비를 해야 합니다. 언젠가는 프로젝트는 성장할 것이고, 여기에 좋은 소식과 나쁜 소식이 있습니다. 나쁜 소식은 당신의 코드베이스들을 제어할 수 없게 될 것이고 결국에는 바구니 안에 쓰레기처럼 던져버릴 것입니다. 그리고 시작하겠죠. 처음부터 새로운 코딩을요. 당신은 그리고는, 이번만큼은 좋은 코드가 나오기를 희망할 것입니다. 똑같..
![]()
* 이 글은 7 JavaScript Design Patterns Every developer should Know를 번역하였습니다. 7 JavaScript Design Patterns Every Developer Should Know What if you can structure your source code like a beautiful template that can be applied to every project of the same kind? javascript.plainenglish.io 모든 프로젝트를 위한 템플릿? 듣기 좋은 소리 아니가요? 그것 또한 제가 노력하고 있는 코딩의 방법입니다. 좋은 구조를 만들고 이쁜 코드를 짜기 위해서 디자인 패턴의 사용은 좋은 방법 중 하나입니다. 이곳에서..
![]()
DOM: 프로그래밍 언어가 웹사이트의 내용, 구조 그리고 스타일을 조작 수 있게 만들어주는 인터페이스 javaScript: 인터넷 브라우저 상의 DOM과 연결해주는 클라이언트 사이드 스크립팅 언어 조금 더 깊숙하게 DOM에 대해서 알아보자. DOM DOM에 대해서 알아보기 전에 DOM을 다루는 브라우저에 대해 잠시 짚고 넘어가자. 브라우저(browser): HTML과 CSS를 해석하는 프로그램이기 때문에 내용(contents), 스타일(style), 구조(structure)를 우리가 보는 페이지에 렌더링 하는 역할 브라우저는 서버로부터 파일(HTML, CSS, JavaScript, 이미지 파일 등)을 응답받아 렌더링 엔진의 HTML 파서와 CSS 파서에 의해 파싱되어 DOM, CSSOM 트리로 변환되고,..
