개성있는 개발자 되기

로컬에 있는 이미지 소스를 로 접근했을 때 not allowed to load local resource 발생 보안 문제라고 한다. 크롬에서는 안되고 구형 IE에서는 정상 작동한다는 글을 보았고 해결점은, You shouldn't load images off a local filesystem. You need to have it hosted with your app and load it off the web server. 서버에 올려서, 그 루트에 있는 파일을 내려받는 식으로 해결해야 함

웹 애플리케이션이 점차 대형화되고 작업 범위가 넓어짐에 따라, 구조화해야 되는 필요성이 있다. 보통 웹 개발 시, 아래와 같이 HTML 문을 작성하고, 해당 오브젝트 별로 id를 지정해서, JS에서 이벤트들을 바인딩해주는 형태로 진행한다. 간단한 웹프로젝트라면 문제가 없지만, 대형 웹앱일경우, 수많은 js 를 만들어야하며 서로간에 경계선이 존재하지 않아, 무질서하게 다른 js의 이벤트들을 사용할 수 있게 된다. Agular은 기본적으로 컴포넌트 기본 구조이다. 컴포넌트 기반구조에서는 웹 애플리케이션의 부분 부분을 컴포넌트로 구분한다. 이때 각 컴포넌트는 자신만의 클래스 혹은 태그를 통해 나타내지기 때문에, 세부적인 HTML의 나열이 아니라 컴포넌트 단위의 UI로 구성하게 된다. 특히 컴포넌트는, 컴포넌트..

태그에 서버에서 src를 받아오고, $(document).ready(function()) 안에 태그의 내용으로 뭔가를 하려고 하니 빈값이 받아와졌다. 찾아보니 DOM 의 작동순서는 1. $(document).ready 2. $(document).load $("#imgSrc").load(하고자 하는 메서드) 로 바꾸니 정상 작동된다. 참고 : https://docu94.tistory.com/37

배포된 웹이 IE에서 정상적으로 작동하지 않는다는 문의가 들어옴 IE에서 확인해보니, 아래와 같은 오류가 떴다. console 객체는 IE8에서 부분적으로 호환한다는 글을 봤고 (https://developer.mozilla.org/ko/docs/Web/API/Console#%EB%B8%8C%EB%9D%BC%EC%9A%B0%EC%A0%80_%ED%98%B8%ED%99%98%EC%84%B1) 자바스크립트 제일 상단에 console 객체를 정의해주면 해결된다. // IE 에서 console 객체를 지원하지 않는 케이스가 있다. if(typeof console == "undefined") { this.console = { log:function(){} }; } var console = window.consol..