Hello Jay's Programming World!

!important는 css 적용 순서를 무시하고, !important를 선언한 속성을 가장 높은 우선순위를 부여합니다. placeholder 색상을 지정했는데, IE에서만 제대로 적용되지 않는 현상이 있었습니다. 아래와 같이 구현을 했는데, IE에서는 Input Dom에 적용한 color의 우선순위가 높아 해당 color의 색상이 적용되고 있었습니다. 이를 해결하기 위해 !important를 사용했습니다. 해당 css가 가장 우선순위가 높도록 수정했습니다. 이 방법을 사용하면 IE에서도 동일하게 placeholder의 색상을 표현할 수 있습니다.

앵귤러 아키텍처 사용자용 애플리케이션 개발을 위한 프레임워크. 사용자와 접촉하게 될 애플리케이션의 뷰와 핵심 비지니스 로직 작성 외에 모든 것을 관리해 주는 도구. 따라서 앵귤러 개발은 다음의 두 단계를 거친다. 1. 사용자와 상호작용할 뷰를 구성. 2. 뷰와 연결된 일련의 로직을 개발. 앵귤러를 학습한다는 것은 앵귤러의 구조와 실행 방식을 이해하고 이에 맞게 뷰와 비지니스 로직을 개발하는 방법을 이해하는 것. 뷰를 구성하는 요소 템플릿- 뷰를 구성할 마크업을 포함한 앵귤러에서 제공하는 문법으로 작성.- 화면을 구성하는 틀이라는 의미. 컴포넌트 (Component)- 앵귤러에서 가장 중요한 요소로서 뷰에서 일어나는 모든 일을 관리.- 보통은컴포넌트 하나가 화면 전체를 담당하도록 만들지 않고, 기능이나 공..

? span의 단어 뜻을 먼저 찾아보겠습니다. 1. (어떤 일이 지속되는) 기간[시간] 2. (포괄하는) 폭[범위]; 다양성 3. 경간(俓間: 다리・건물 따위의 기둥과 기둥 사이) 4. 폭, 너비 전체적으로, 폭의 의미를 가지고 있는 것 같습니다. 비슷한 역할을 하는 태그로는 DIV가 있습니다. 그렇다면 DIV와는 어떤 차이가 있을까요? 아래 jsFiddle의 Result 부분을 보면, div와 span의 차이점을 확인할 수 있습니다. div는 모든 가로폭을 다 차지하지만, span은 태그 안에 내용의 공간만 차지하고 있습니다. 그래서 div를 사용하면 줄바꿈이 되지만, span은 줄 그대로 내용에 삽입이 가능합니다. http://endic.naver.com/enkrEntry.nhn?sLn=kr&entr..

Boolean으로 강제 변환하면 false가 되는 값. 이외에 모든 값는 truthy한 값. undefinednullfalse+0, -0, NaN""

JSON 표현형(Representation)으로 확실히 나타낼 수 있는 값. JSON.stringify()로 문자열화할 수 있다. JSON 안전 값이 아닌 것들은 undefined, 함수(function), 심벌(ES6부터, symbol), 환형 참조(circular references)가 있다. 이들은 모두 다른 언어로 이식하여 JSON 값으로 쓸 수 없는 표준 JSON 규격을 벗어난 값이다. 이들 값을 JSON.stringify() 하면 자동으로 값을 누락시키고, 배열에 이들 값이 포함되어 있으면 인덱스 정보가 뒤바뀌지 않도록 null로 값을 바꾼다.

프로퍼티 참조가 무한 순환되는 구조의 객체, 마지막 객체가 첫 번째 객체를 참조하는 등 순환 참조가 발생하여 결국 메모리 누수를 유발하는 객체. EX) var obj = {}; var a = {b: 10,c: obj}; // 환영 참조 객체 만들기 obj.test = a;

웹 표준에 따라 제작하여 사용자가 어떤 브라우저로 웹페이지에 접근하더라도 동일한 결과를 얻을 수 있는 것을 '크로스 브라우징'이라고 한다. 크로스 브라우징을 제대로 지원하기 위해서 가장 먼저 해야할 일은 내가 만드는 서비가 어떤 브라우저를 지원할 지 여부를 결정하는 일이다. 한정된 자원으로 모든 브라우저를 지원하는 것은 불가능에 가깝다. 참고) - 전 세계 브라우저 점유율: http://gs.statcounter.com/- 국내 브라우저 점유율률: https://www.koreahtml5.kr/jsp/infoSquare/browserUseStatsKor.jsp

Platohttps://github.com/es-analysis/plato - 데이터 시각화- 코드 라인 수 분석- 유지보수성 분석(100점 만점, 높을 수록 유지보수성이 우수함. 유지보수성측정 방법: http://blogs.msdn.com/b/codeanalysis/archive/2007/11/20/maintainability-index-range-and-meaning.aspx)- Summary에서는 날짜별 평균을 확인가능- 실행시 에러 개수 추정- Lint Error 분석 (jshint, eslint)- 각 js 파일별, Difficulty 수치 측정- 각 js 파일별, Complexity 수치 측정 (Phil Booth's complexity-report) JSHinthttp://jshint.com..

안녕하세요. Jay입니다. 2차 베지어 곡선의 컨트롤 포인트를 3차 베이어 곡선의 컨트롤 포인트로 반환해주는 방법입니다. 참고하세요.

안녕하세요. Jay입니다. 오늘은 jsPDF 클리핑(Clipping)에 대해서 알아보도록 하겠습니다. jsPDF Documentation (http://rawgit.com/MrRio/jsPDF/master/docs/index.html)에는 현재(2017년 8월 3일) 리스트업되어있지 않지만, clip이라는 메서드가 존재합니다. 사용방법은 아래와 같습니다. 1. 클리핑 영역 지정 2. clip 메서드 실행 먼저, 클리핑 영역을 지정해야합니다. 크리핑 영역을 지정하기 위해서는 style 파라매터를 null로 지정하시면 됩니다. 예를들어, 샘플 소스는 아래와 같습니다. 클리핑 영역지정은 rect 메서드뿐 아니라 lines 메서드등 다른 shape 그리기 메서드를 이용해서도 지정 가능합니다.