Santos의 개발블로그

사내에서 개발 중인 여러가지 기능 중 이벤트 전파를 중단 시켜야 하는 상황이 생기게 되었다. 한 줄의 코드라도 코드의 대한 명분이 확실해야 한다는 것이 모든 개발자가 생각하는 중요한 것 중 하나이지만, 막상 실무에서 빠르게 자신의 할당량을 채워내기 바쁜 상황이면, 크롬 탭에 새로운 친구( 아.. 좀 이따가 읽어봐야지 하는 개발 관련 글 )를 만드는 현실이다. 이러한 상황들을 조금이라도 무마하기 위해, 또 습득한 지식을 머리 속에 남기기 위해 정리하는 시간을 갖고자 한다. 잘 알고 쓰면 득이 되고, 그렇지 않으면 독이 되는 이벤트 전파와 그에 관련된 기능 stopPropagation, stopImmediatePropagation의 기본적인 설명서에 대한 기록이다. StopPropagation 대부분의 DO..

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 시작부터 당신의 프로젝트를 확장할 준비를 해야 합니다. 언젠가는 프로젝트는 성장할 것이고, 여기에 좋은 소식과 나쁜 소식이 있습니다. 나쁜 소식은 당신의 코드베이스들을 제어할 수 없게 될 것이고 결국에는 바구니 안에 쓰레기처럼 던져버릴 것입니다. 그리고 시작하겠죠. 처음부터 새로운 코딩을요. 당신은 그리고는, 이번만큼은 좋은 코드가 나오기를 희망할 것입니다. 똑같..

DOM: 프로그래밍 언어가 웹사이트의 내용, 구조 그리고 스타일을 조작 수 있게 만들어주는 인터페이스 javaScript: 인터넷 브라우저 상의 DOM과 연결해주는 클라이언트 사이드 스크립팅 언어 조금 더 깊숙하게 DOM에 대해서 알아보자. DOM DOM에 대해서 알아보기 전에 DOM을 다루는 브라우저에 대해 잠시 짚고 넘어가자. 브라우저(browser): HTML과 CSS를 해석하는 프로그램이기 때문에 내용(contents), 스타일(style), 구조(structure)를 우리가 보는 페이지에 렌더링 하는 역할 브라우저는 서버로부터 파일(HTML, CSS, JavaScript, 이미지 파일 등)을 응답받아 렌더링 엔진의 HTML 파서와 CSS 파서에 의해 파싱되어 DOM, CSSOM 트리로 변환되고,..