SPA관련한 공부를 하다보면 우선 모던자바 먼저 해야한다. 작년에 Vue공부할때 어디까지가 자바스크립트고 어디가 Vue인지 몰라서 공부했다가 지금은 React를 공부하려고 입문기를 정리한다. 모던 자바스크립트로 배우는 리액트 입문이라는 책으로 공부했는데 아주 훌륭했다. 기존 javascript와 jquery를 아는분이 React를 해보고 싶다면 이책을 강추한다.

front 개발의 기본은 ES6이다. SPA기반의 react, vue3를 공부하고자 하는 경우에도 먼저 공부해야하는것이 ES6기반 자바스크립트라고 할수있다 . 본인도 그이전 자바스크립트만 알고있어서 처음 Vue를 공부할때 어느것이 Vue문법이고 어느것이 자바스크립트인지 확인하기가 어려워서 정리하고자 만든문서이다.

웹개발, 퍼블리셔들의 필수 장착 아이템인 jQuery 그중 가장 기본이라 할 수 있는 지시자입니다. 지시자 종류 - jQuery( "*" ) : All Selector - jQuery("#id") : ID Selector - jQuery(".class") : Class Selector - jQuery("element") : Element Selector - jQuery("element[attribute]") : Has Attribute Selector - jQuery("parent > child") : Child Selector - jQuery("ancestor descendant") : Descendant Selector - jQuery("prev + next") : Next Adjacent Selec..

유지보수 하는 중 레이어 팝업내에 이미지맵을 사용해야 하는 상황이 발생했다. 처음부터 노출되는 화면일 경우 onload()시에 rwdImageMaps()를 호출하면 이미지맵이 이미지에 맞게 resize 처리 되는데 레이어 내에 있고 처음부터 노출되지 않으면 페이지 호출 후 레이어를 띄웠을때 이미지와 이미지맵이 사이즈가 다르게 적용되었다. (display:none의 형태일때는 rwdImageMaps()가 적용되지 않더라.) 레이어를 화면에 노출시킬때 .show()(퍼블 공통)를 호출하는데 display:none, display:block 의 형태로 속성값(style attribute)이 변경되는거라 Event Binding으로 할 수 없다. 그러던중 구글 검색을 통해 MutationObserver 발견 레..