고양이손으로 개발

기본적인 import import ... from '...'; import {...} from '...'; ... Dynamic (동적) import let module = await import('...'); 동적 import는 기본적으로 원하는 시기에 import가 가능하기 때문에 효율적인 초기 로딩에 도움을 준다 # 이슈 수십 개의 스크립트 데이터 테이블을 import + 페이지 진입 시 id값을 받아 해당하는 데이터를 동적으로 보여줘야 하는 상황,, dynamic import에 대해 어느 정도 알고는 있었지만 문제는 데이터가 데이터 별로 각각 파일이 있는 게 아니라 한 파일에 모두 있던 것.. // dataList.js export const data1 = { ... } export const d..

# 이슈 라디오 박스나 체크박스를 컴포넌트로 만드는 경우 혹은 기타 폼 요소를 컴포넌트로 만든 경우 제목과 같은 이슈를 겪을 때가 종종 있다. 현재 프로젝트에서 작업한 라디오박스가 해당 이슈를 뿜었을 때의 코드이다. {{ label }} 다음과 같이 id, for를 지정하는 경우 같은 value를 갖는 컴포넌트가 여러 개 있을 때, 모든 라디오박스가 하나의 input에만 반응하는 문제가 생긴다. # 방안 간단한 이슈이며 해결 방법도 여러가지이다. 사실 퍼블리싱만 생각하면 이슈라고 하기도 그렇지만, 이제는 개발도 같이 하는 입장이 되다 보니 나름 재밌는? 이슈라고 생각한다. 1. value를 다르게? 아무것도 모르던 시절 퍼블리싱만을 위해 이런 식으로 작업한 경우가 있었다. 폼 요소의 경우 보통 개발 데이..