IT라이프47 Atomic Design 아토믹 디자인 - 컴포넌트를 나눌때 프레젠테이션 부분과 그 외의 단위로 나누는 것이 무난하다. 단계별 명칭 내용 예시 주의점 역할 Atoms 더이상 나눌 수 없는 단위 button, input, label stateless data don't call API no logic 표시 이벤트는 emit Molecules 아톰이 2개 이상 결합된 단위 썸네일 + 이름, 돌아가기 버튼 + 헤더메뉴 stateless data don't call API no logic 강제로 사용해야 하는 단계는 아님*2 표시 이벤트는 emit Organisms 하나이상의 기능을 가진 단위 헤더, 푸터, 사이드메뉴, 테이블, 위젯 이벤트는 emit 전달 UI부품 핸들링 Templates 페이지의 구성을 나타내는 단위 루프문으로 복수.. 2022. 10. 5. Master data vs Transaction data 마스터 데이터와 트랜잭션 데이터와의 차이점 Master data Transaction data 거의 변하지 않음 자주 변하는 정보 비교적 긴 기간동안 유효함 시간에 따라 변하는 경우가 많음 유지보수나 오류수정 외에는 바뀌는 일이 없음 수일 또는 수개월 정도의 유효함을 가짐 주로 비즈니스 관점에서 꼭 필요한 내용이 들어감 비즈니스 관점에서 참고할 만한 내용이 들어감 ex) 고객정보, 상품정보, 파트너정보 ex) 인벤토리, 주문, 인보이스 2022. 10. 5. Vue.js 정리 (v-slot) slot 양보하는 기법을 사용할때 slot 을 이용한다 동적영역을 가진 컴포넌트는 구분자인 name 을 설정하면서 slot 을 넣어둔다 slot 주입하는 컴포넌트에서 template 에서 v-slot: 으로 내용을 주입한다. // slot에게 양보하는 컴포넌트 // name을 지정하지 않으면 default // slot에게 실체를 전달하는 컴포넌트 {{ title }} 본문내용 추가설명 푸터내용 export default { props: { title: { type: String, default: '대입하고 싶은 타이틀' } } } v-slot: v-slot을 동적으로 부여하고 싶을때 변수사용 가능 ... namedSlot을 좀더 간략하게 기술가능 아래와 같이 기술 가능 2022. 9. 22. 웹마케팅 용어 CTR : click through rate = click count / show count PPC（Pay Per Click Advertising）：클릭했을때 과금되는 형태 LTV（Life Time Value）: 투자한 비용에 대해서 어느 정도 기간에 회수가 가능한가. 일정기간내의 회수이익. ROI（Return On Investment）: 투자 대비 이익. 100만원 투자해서 150만원 벌었으면 150% ROAS（Return On Advertising Spend）: 광고 대비 이익 CPA（Cost Per Acquisition）: 하나의 컨버전이 이루어지는데 드는 비용 CPM ( Cost Per Mille ) : 1000번 광고를 표시하는데 드는 비용 CPC ( Cost Per Click ) : 1회 클릭.. 2022. 9. 21. 이전 1 2 3 4 5 ··· 12 다음 반응형
