vscode > extention > file-tree-generator 추천추천

favicon generator : https://favicon.io/

 

Favicon.io - The Ultimate Favicon Generator (Free)

With Favicon.io you can quickly generate a favicon for your website for free!

favicon.io

https://www.favicon-generator.org/

 

Favicon & App Icon Generator

Upload an image (PNG to ICO, JPG to ICO, GIF to ICO) and convert it to a Windows favicon (.ico) and App Icons. Learn more about favicons.

www.favicon-generator.org

 

 

어울리는 색 조합찾기

https://color.adobe.com/ko/create/color-wheel

 

 

https://developer.mozilla.org/en-US/docs/Web/API/Element/compositionstart_event 

ㅇ를 입력하면 초성, 중성, 종성을 조합을 할 수 있게 되면서 compositionstart가 trigger되는 듯 하다.

document.addEventListener('compositionstart', function(e){
	debugger;
});

 

'정보 > Front' 카테고리의 다른 글

[React] 이벤트핸들링, ref  (0) 2022.09.26

https://ko.wikipedia.org/wiki/%EC%9C%84%EC%A7%80%EC%9C%84%EA%B7%B8#cite_note-2  // 용어공부

 

위지위그 - 위키백과, 우리 모두의 백과사전

위키백과, 우리 모두의 백과사전. 위지위그(WYSIWYG: What You See Is What You Get, "보는 대로 얻는다")[1]는 인쇄된 문서, 웹 페이지, 슬라이드 프레젠테이션 등 완성된 결과물로서 인쇄 또는 표시될 때의

ko.wikipedia.org

 

Sencha htmlEditor를 이용할 때 IE와 Chrome에서 동작 차이

sencha extjs의 htmlEditor: https://examples.sencha.com/extjs/7.8.0/examples/kitchensink/#froala-document-ready 

참고로 IE디버깅을 위해서는 Edge를 켜고 IE로 로드, IE 개발자도구 (%systemroot%\system32\f12\IEChooser.exe) 를 통해 IE전용 디버그 툴을 열어야 가능하다. 

 

그리고 htmlEditor에 줄바꿈을 넣고 싶었는데, <br><br>을 두개 넣어야 cursor까지 옮길 수 있었다. 

<br>을 하나만 넣었을 때는 입력하고있던 cursor가 옮겨지지 않았는데 두개 넣으니 옮겨지더라. 

 

stackoverflow의 아래를 읽고 시도해보았다. 

https://stackoverflow.com/questions/20552474/how-does-execcommand-insertbronreturn-work 

 

How does execCommand "insertBrOnReturn" work?

I tried the following code on Chrome: document.execCommand("insertBrOnReturn", false, true); http://jsfiddle.net/uVcd5/ Wether I set the last parameter to true or false, the behaviour doesn't ch...

stackoverflow.com

 

첫 번째 차이점, <br> 태그 chrome에서는 사라지고 IE에서는 남아있다. 

줄바꿈 직 후
텍스트 입력 후

텍스트 입력 후에 두번째 <br>이 사라져있음을 볼 수 있다.

 

하지만 IE에서는 ?

줄바꿈 직 후
텍스트 입력 후

두번째 <br>태그가 여전히 남아있는 것으로 확인된다.

 

p태그를 추가하였을 때, 재밌는 현상이 있는데,

enter 직 후

<br>태그도 같이 생성된다는 것이다.

텍스트 입력 후

텍스트를 입력하면 (개발자도구에서 해당 element를 선택해놓고 텍스트입력을 해보면) <br>태그가 텍스트 입력했을 때 사라져있음을 볼 수 있다. 

하지만 IE에서는 텍스트를 입력했어도 뒤에 <br /> 태그가 남아있었다. 

 

enter 직 후
텍스트 입력 후

 

두 번째 차이점, range의 범위가 다르다. 

let selection = document.getSelection();
let range = selection.getRangeAt(0);
let currentNode = range.startContainer;

currentNode를 확인해보면 Chrome에서는 한글을 입력에 enter를 쳐서 확인해도 range의 startOffset과 endOffset이 같은데,  IE에서는 한글을 입력중에 엔터를 친 경우에 아직 조합이 끝났다고 보지않아 startOffset과 endOffset이 차이가 있었다. 

https://ko.javascript.info/comparison

 

비교 연산자

 

ko.javascript.info

 

 

equality operator (==) strict equality operator (===)
0과 false를 구별하지 못한다.
''(빈문자열)과 false를 구별하지 못한다.
자료형의 동등여부까지 검사한다. 
비교할 때 피연산자를 숫자형으로 바꾼다.
'01' == 1 // true
형 변환 없이 값을 비교할 수 있다.
'01' === 1 // false
피연산자가 undefined나 null일 때 형 변환을 하지 않는다.  

 

alert('01' == 1); //true
alert('01' === 1); //false

alert(null >= 0); //true
alert(null <= 0); //true
alert(null == 0); //false
alert(null == undefined); //true

alert(undefined >= 0); //false
alert(undefined <= 0); //false

alert(isNaN(undefined)); //true

 

null은 기타 비교 연산자(>, <. >=, <=)와 연산될 때는 숫자형으로 변환돼 0으로 취급된다. 

undefined는 숫자형으로 변환될 때 NaN으로 변환된다. NaN이 피연산자인 경우 비교 연산자는 항상 false를 반환한다.

아래 포스팅 참고

 

/xl/sharedStrings.xml ~

 

xlsx 확장자를 zip으로 바꾼 후 /xl/sharedStrings.xml 파일을 열어 error가 나는 문자열을 확인한다.

 

 

https://bathildis.tistory.com/76 

 

[ABAP] 엑셀다운로드 후 파일이 깨질 때 원인 찾는 방법

읽을 수 없는 내용을 복구하거나 제거하여 파일을 열 수 있습니다. 제거된 요소: XML 오류가 있는 /xl/sharedStrings.xml 부분. (문자열) 잘못된 xml 문자입니다. 1 행, 440759 열. 제거된 레코드: /xl/worksheets/

bathildis.tistory.com

 

 

https://velog.io/@hslim8888/%EC%97%91%EC%85%80%EC%9D%B4-ZIP-%ED%8C%8C%EC%9D%BC%EC%9D%B4%EC%97%88%EB%8B%A4%EB%8B%88

 

엑셀이 ZIP 파일이었다니!!

외부에 엑셀 파일 업로드 API를 연동했는데, 에러가 난다고 해 살펴보니 xlsx 포맷이 아니라 csv 포맷을 올려서 문제였던 것.openpyxl 라이브러리를 이용해 엑셀 파일을 열게끔 코드가 짜져있었는데,

velog.io

 

https://learn.microsoft.com/en-us/previous-versions/office/developer/office-xp/aa140066(v=office.10)?redirectedfrom=MSDN

 

XML Spreadsheet Reference

XML Spreadsheet Reference Article 06/14/2014 In this article --> This content is no longer actively maintained. It is provided as is, for anyone who may still be using these technologies, with no warranties or claims of accuracy with regard to the most rec

learn.microsoft.com

 

str.replace(/([\u2700-\u27BF]|[\uE000-\uF8FF]|\uD83C[\uDC00-\uDFFF]|\uD83D[\uDC00-\uDFFF]|[\u2580-\u27BF]|\uD83E[\uDD10-\uDDFF])/g, '');

 

참고

https://stackoverflow.com/questions/10992921/how-to-remove-emoji-code-using-javascript

 

How to remove emoji code using javascript?

How do I remove emoji code using JavaScript? I thought I had taken care of it using the code below, but I still have characters like 🔴. function removeInvalidChars() { return this.replace(/[\...

stackoverflow.com

 

+ Recent posts