전체 글57 [JS] order of object properties 공용 테이블 컴포넌트를 개발하며 생긴 궁금증을 해결한다. 관리자단 기능을 개발하면서 가장 많이 사용될 요소는 데이터 테이블 형식의 UI라고 생각이 되어 재사용 가능한 데이터 테이블 컴포넌트를 구성하는데, 객체의 각 데이터 field들의 정렬에 대해 고민한 내용을 정리 기획 어느 형태의 객체 배열이 data로 들어오더라도, 기본적으로 랜더링이 이뤄질 수 있도록 구현하려 함 랜더링 할 때, column의 순서를 정해줄 수 밖에 없는데 이 순서를 Object.keys method를 사용하여 가져오려다 해당 메서드의 작동 방식이 궁금하여 조사를 진행 Object.keys method의 작동 방식에는 룰에 따른 순서가 있었다. number, string, symbol 순으로 정렬이 이루어지며 number 정렬은 .. 2022. 4. 21. craco, craco-alias craco를 사용하여 기존 CRA로 구성된 프로젝트의 설정을 eject하지 않고 수정할 수 있음 craco 각 환경에 맞게 jsconfig / tsconfig 설정 파일에서 craco 설정 파일을 include하여 적용 tsc가 tsconfig을 찾아 읽어와 컴파일*시 craco 설정 파일을 반영할 것임 transpile craco-alias craco plugin, 디렉토리의 별칭을 부여하여 상대경로를 개선할 수 있음 craco config 파일에 플러그인으로써 삽입되며, 인라인 혹은 분리 가능 (tsConfigPath) 의문점 craco config에 플러그인으로써 삽입되었고, tsconfig.json에 include 되었는데 tsconfig.json에 extends property로 왜 한번 더 적.. 2022. 4. 15. [TS] @types 종종 라이브러리들은 TS를 지원하지 않을때가 있다. 이럴 경우에 TS를 지원하게 직접 구성하거나, 다른 사람이 만들어 놓은 해당 라이브러리의 타입 패키지를 받아 구성할 수 있다. TS 는 node_modules/@types//index.d.ts 를 인식하여 해당 패키지의 타입을 인식한다. 만약 라이브러리에 타입 파일이 존재하지 않는다면, TS 를 지원하지 않는것이고 우리가 직접 구성하거나 (인텔리센스는 기대할 수 없을것이다), 미리 만들어진 타입 패키지를 적용시키면 된다. 2022. 4. 7. [JS] undefined의 의미 JS에서 undefined는 - 값이 할당되지 않고 초기화만 된 변수 - 명시적인 반환 값이 없는 함수 - 표현식의 결과가 없을 때 위 상황에서 사용됨. 값이 할당되지 않음을 정의함 그러하여 의도적으로 undefined를 변수에 할당하는 것은 undefined 타입의 의도에 어긋나게 사용하며 혼란을 가져올 수 있음 본인은 데이터의 로딩 상태를 나타내기 위해 데이터 상태를 관리할 때 data가 fetch되기 전 상태를 undefined로 두곤 했었는데, loading state를 따로 빼는게 바람직해 보임 2022. 2. 27. Work 17 보호되어 있는 글 입니다. 2022. 1. 24. Work 16 보호되어 있는 글 입니다. 2022. 1. 23. Work 15 보호되어 있는 글 입니다. 2022. 1. 22. Work 14 보호되어 있는 글 입니다. 2022. 1. 20. Work 13 보호되어 있는 글 입니다. 2022. 1. 14. Work 12 보호되어 있는 글 입니다. 2022. 1. 13. Work 11 보호되어 있는 글 입니다. 2022. 1. 11. Work 10 보호되어 있는 글 입니다. 2022. 1. 9. 이전 1 2 3 4 5 다음