머리가 나쁘면 적어놔야한다 머리가 나쁘면 적어놔야한다

1. ie11 forEach 문제 익스플로러에서 forEach를 못쓰는 문제가 발생했다. 찾아보니 ie9부터 forEach를 제공한다는데 왜 난 ie11에서 이런 오류가 나는가.. 익스 진짜 생각하기도 싫지만... ie11쓰는 사람이 아직도 있긴하니....해결해야지.. 2. Array.prototype.forEach 여러 방법이 있었는데 그중에 이 소스를 추가하면 에러가 없어진다. if (window.NodeList && !NodeList.prototype.forEach) { NodeList.prototype.forEach = Array.prototype.forEach; } 이 방법이 제일 간단하고 소스코드도 짧은 것 같다.

1. 외부 내부 스크립트 실행 순서? html은 이와같고, first.js안에 ready함수가 들어가있고, second.js에는 first.js ready함수안에서 호출하는 함수가 들어있다. //first.js 안 $(document).ready(function() { alert("first.js안 ready"); }); //second.js 안 aaa: function(){ alert("aaa함수 안"); } 이런식으로 외부 스크립트, 내부 스크립트 짬뽕되어있는 스크립트들의 순서는 어떻게 될까 결론부터 말하자면 아래와 같다. alert("html - script 태그 안 1"); alert("first.js안 ready"); alert("aaa함수 안"); alert("html - script - re..

1. 외부사이트의 html을 어떻게 가져올까 외부사이트 url을 통해 html 코드를 가져오고싶었다. 구글에서 찾아본것 중 vue에서 잘 돌아가는 것으로 적용했다. 아마 내가 vue가 처음이라 잘 적용을 하지 못하는 것도 있을 듯하다. 2. 예시 코드 자바스크립트 코드이다. test (url) { var optionAxios = { headers: { 'Content-Type': 'application/x-www-form-urlencoded', 'Access-Control-Allow-Origin': '*', 'Access-Control-Allow-Methods': 'GET,PUT,POST,DELETE,OPTIONS', 'Access-Control-Allow-Headers': 'Content-Type, A..

생각없이 코딩하지말고 효율적인 코딩 방법을 생각하면서 개발해야겠다. 스크립트 디자인 패턴 찾다가 곁다리로. https://joshua1988.github.io/web-development/javascript/javascript-best-practices/ 여기서 나한테 필요하다고 생각하는 것들만 선별해서 가져왔다. 1. 삼항연산자 변수나 실행함수로 값을 받은적이 없어서 기록해둔다. //일반 var isArthur = true; var weapon; if(isArthur) { weapon = "Excalibur"; } else { weapon = "Longsword"; } //삼항연산자 var weapon = isArthur ? "Excalibur" : "Longsword"; // 두개 이상의 변수를 이용..

크롬은 전체화면을 막고있다. 전체화면하려해도 수초 안에 다시 돌아온다. 하지만, 360영상을 카드보드로 보려할때 핸드폰에서 전체화면이 안되면 상당히 거슬린다. 1. 시행착오 뭔가 스크립트로 전체화면을 유지하려 시도했는데 제대로 되지 않았다. 그렇다고 크롬을 쓰지말라고 할 수도 없고.. 거기다 pc와 안드, ios 크롬어플에서도 다 되어야하기 때문에 더 골치가 아팟다. 그런데 순간, f11누르는거랑 같은 기능을 하면 되는거 아닌가?!?!?!?!?! 2. 직접 해보자 // 엔터 누를경우 f11누른것과 같은 이벤트를 발생시킨다. document.addEventListener("keydown", function(e) { if (e.keyCode == 13) { toggleFullScreen(); } }, fal..

1. 문자열 -> 변수명으로? eval! placeMakerClick : function(data_id) { ... this.viewer.setPanorama( this......data_id) ); ... }, 위와같은 스크립트에 data_id는 문자열로 넘어오는데 앞에 this.라는 코드를 붙여서 코드로 실행하고 싶었다. this.viewer.setPanorama( this.dataId) ); 이거와 같이. 찾다보니 eval()이라는 함수를 찾았다. placeMakerClick : function(data_id) { ... this.viewer.setPanorama( eval('this.' + data_id)) ); ... }, 이렇게 하면 내가 원하는데로 작동된다. 그런데 문제가 있다. eval()..

개발하다가 궁금한데 시원한 대답을 못찾는 경우가 많다. 별거 아닌거처럼 보이는 작은 궁금증들, 별 중요치않은 궁금증들이라.. 1. if를 js에서 걸어서 자바로 보내버릴까 자바에서 if를 걸어버릴까 코드값에따라 쿼리가 달라져야하는 경우가 생긴다. 화면단에서 코드값을 받아서 js에서 코드값에따라 분기를 시켜주는게 맞는건지, 코드값을 자바로 보내서 자바에서 분기를 시켜서 다른 디비를 부르는게 맞는지 모르겠다. 로직은 서버에서 돌리는게 맞는거같아 코드값을 자바로 넘기는게 맞는거 같다가도, 유지보수를위해서는 js에서 분기하는게 더 나을것같기도하고... 일단 js에서 분기해야겠다. 자바가 바뀌어서 서버 적용할때 서버를 내렸다 올리던가 그런 이슈가 발생할 수 있으니... 2. 다른것도 있는데 일단 일부터 하고....