본문 바로가기

JS2

[React js] UI Component wrapper / container 방식 children Array 중 일부만 노출 이슈 목적 : AComponent라는 컴포넌트에 className, css와 같은 퍼블리싱을 적용한 다음 내부에 A, B, C라는 리스트를 보여주는 컴포넌트를 작성하여 출력하려했음. 오류 : 이상하게 AView, AList, BView만 표시되고 그 이상은 표시되지 않음. (예시용코드입니다) 그냥 별 생각없이 아래와 같이 컴포넌트를 구성한 다음에 {/** A미리보기표시*/} {/** A리스트표시*/} {/** B미리보기표시*/} {/** B리스트표시*/} {/** C미리보기표시*/} {/** C리스트표시*/} 아래와같이 A컴포넌트를 구성하였고 실행하였다. const AComponent = ({children}) => { return {children[0]} {children[1]} {children[2]} {.. 2023. 1. 18.
[javascript] MAC OS 파일 첨부시 자소 분리 현상 (No glyph for U+0000 in font 'fontName' ) MAC OS의 파일을 업로드하며 해당 파일의 파일명을 그대로 가져와 PDF에 목록화 시키는 기능 개발간 오류 (No glyph for U+1103 (ᄃ) in font fontname) 가 발생하여 확인해보니 한글이 자소 분리현상(한글 → ㅎ ㅏ ㄴ ㄱ ㅡ ㄹ)이 발생하여 해당 이슈를 확인해보았습니다. ​ 오류내용&발생 원인 원인 : Mac os에서의 NFD 정규화방식을 통하여 저장한 데이터를 추가적인 정규화 과정없이 바로 저장하게 되는경우 해당 현상이 발생하는 것으로 보여집니다. ​ 오류내용 : 간단히 오류발생 내용을 확인해보면 아래와 같이 "ㄷ"이란 글자에 대한 에러가 발생하고있는데 해당 ㄷ이란 글자의 출처를 확인해보면 아래 사진과 같이 "뒹구르르.png"파일의 첫 글자로 확인이 가능해집니다. 여기서.. 2022. 11. 14.