본문 바로가기
반응형

Development/Javascript41

window.opener 메세지 보내기 (부모창 함수 호출) 자식 창에서 데이터를 수정하고 난 후, 부모창에 데이터를 전달해야하는데 몰랐던 API 가 있었다. window.opener.postMessage 자식 창 (Child Window) window.opener.postMessage('parentWindowMessageSend', '*'); 부모 창 (Parent Window) window.addEventListener('message', (event) => { if (event.data === 'parentWindowMessageSend') { // action } }); 생각보다 개발하고 있는 Vue/Nuxt 기반 프로젝트 새 창을 띄우는 일이 많았다. 그런데 pinia/store 로도 데이터가 전달이 안되서 위와 같은 방식으로 해결을 해야했는데.. 일단.. 2024. 3. 23.
자바스크립트에서 텍스트 파일 읽기 순수 자바스크립트로 텍스트 파일을 읽어들이는 코드 입니다. 2022. 9. 21.
lodash & underscore 라이브러리 소스코드를 보다 보니 _.method() 로 시작하는 코드들이 있길래 보니 lodash 라는 모듈(라이브러리) 이었다.해서 내용을 확인해보니 여기 잘 정리되어 있었다.쓰더라도 이유나 용도를 알고 써야겠다는 생각으로. 링크 : 자바스크립트 라이브러리 Lodash와 Underscore 알아보기 자바스크립트 인기 라이브러리 중 하나인 Lodash와 underscore 알아보려합니다. 소스 코드를 보면 _.test() 처럼 _로 시작하는 코드를 볼 수 있습니다. 이 코드는 위 라이브러리 소스로 자주 사용되는 라이브러리 툴입니다. 위 두 라이브러리 모두 자바스크립트를 확장하여 편리하게 코드를 작성하거나 웹표준, 크로스 브라우징에 많이 사용됩니다. 이처럼 Lo-dash와 underscore가 인기를 끄는 이유는 아.. 2018. 10. 8.
자바스크립트 오버로딩 출처 : http://webclub.tistory.com/404 진작에 구글링 할걸...ㅡㅡ;;;엄밀히 말하자면 비스무리흉내 ㅋㅋ 그래도 너무 편하다;; function sum() { var result = 0; for (var i = 0; i < arguments.length; i++) { result += arguments[i]; } return result; } console.log(sum(10, 20));// 30 console.log(sum(10, 20, 30));// 60 console.log(sum(10, 20, 30, 40)); // 100 console.log(sum(10, 20, 30, 40, 50)); //150 2017. 5. 22.
반응형