OK DDODDO LAB

왜 AI가 필요할까?웹 퍼블리셔의 일은 디자이너가 만든 시안을 HTML/CSS로 정리하고, 반응형 구조를 고려해 다양한 브라우저와 기기에서 일관되게 보이도록 작업하는 것이다. 하지만 현실에서는 단순히 마크업만 하는 게 아니라 디자인 가이드를 정리하고, 자주 사용하는 레이아웃을 반복 제작하거나, 개발자와 소통하면서 레이아웃 구조를 맞춰가는 복합적인 작업이 많다. 이런 작업 중 상당수는 반복적이고 규칙적인 성격을 띠는데, 이 부분을 AI 도구, 특히 ChatGPT로 상당 부분 자동화할 수 있다. ChatGPT는 단순히 텍스트 대화를 넘어서 구조 있는 코드 생성, 에러 해결, 문서 요약 및 정리, 코드 리뷰, 반응형 대응 제안까지 다양한 퍼블리싱 영역에서 활용할 수 있다. 특히 퍼블리셔가 시간을 많이 쓰는 ..

같은 커스텀 컴포넌트에서는 Vue의 구조 특성상 구조가 잘못되기 쉽습니다. 스크린리더는 이 input이 어떤 필드인지 알 수 없습니다. {{ label }} input과 label 연결을 위한 id 생성 {{ label }} :id="inputId" :value="modelValue" @input="$emit('update:modelValue', $event.target.value)" /> aria-labelledby 대체 방식 시각적으로 라벨을 숨겨야 할 경우:{{ label }} v-model 호환 개선 defineProps(['modelValue', 'label']); defineEmit..

vue2 라우터 설치만 3번째...라우터만 설치하면 나타나는 에러늪!!!! 꼭? 필요한 설정이 있어서 기록합니다. 에러 You may use special comments to disable some warnings. Use // eslint-disable-next-line to ignore the next line. Use /* eslint-disable */ to ignore all warnings in a file. ERROR in [eslint] D:\stduy\vue2-project\todo2\src\views\HomeView.vue 13:11 error Component name "home" should always be multi-word vue/multi-word-component-name..

실행 npm install vue-router --save 에러 npm ERR! code ERESOLVE npm ERR! ERESOLVE unable to resolve dependency tree npm ERR! npm ERR! While resolving: navtest@0.1.0 npm ERR! Found: vue@2.7.16 npm ERR! node_modules/vue npm ERR! vue@"^2.7.16" from the root project npm ERR! npm ERR! Could not resolve dependency: npm ERR! peer vue@"^3.2.0" from vue-router@4.3.1 npm ERR! node_modules/vue-router npm ERR! v..

에러 error Component name "Header" should always be multi-word ( 구성 요소 이름 "***"는 항상 여러 단어로 이루어져야 합니다.) * 해결 * export default { name: "Header", >> 변경 " HeaderItem " }; 네이밍을 할때는 카멜 케이스, 파스칼 케이스, 케밥 케이스 으로 네이밍 단어를 구분해줘야만 여러 단어로 인식한다! 참고 eslint-plugin-vue 공식문서