Web Development (19) 썸네일형 리스트형 [웹 표준 & 웹 접근성] region 랜드마크, 대체 텍스트 음성인식 최적화 작업(고도화) 대체텍스트/음성인식 개선 작업데이터 연동에 따른 마크업이 분기처리되서 대체텍스트 음성인식 최적 작업 진행함.초점이동 시 데이터 단위 Group별로 읽도록 개선했다, 개발환경 : vue.js3 // List 타입 마크업(region 랜드마크)// .sr_only : CSS 대체 텍스트 투명 처리 회원정보 이름 홍길동 휴대전화번호 010.7777.9999 교통카드 .. 트러블 슈팅에 관한 고찰 2주 동안 골 썩게해서 아무것도 하기 싫게 만든 녀석.. 자료가 많지 않아 공부하기 너무나 어려웠던 주제였으나 내가 분석한 대로 정리 해본다.(최대한 심폴하게 접근 할 수 있도록) 1. 트러블슈팅 이란? - 작업에 이상이 발생했을 때 문제해결 과정과 결과, 산출물 과정까지를 뜻함. (여러 단계를 통해 문제가 발생하게 된 원인을 정확하게 규명하고 진단한다.) 디버깅과 헷갈릴 수가 있는데, 디버깅과 트러블 슈팅과의 미묘한 차이를 알아 보자. 내용은 아래와 같다. 2. 트러블 슈팅 & 디버깅의 차이 - 트러블 슈팅 : 디버깅보다 상위 개념으로 문제 원인이 되는 항목을 분석하는 과정, 어디서로부터 원인이 발생하게 된건지 전체적인 행위. - 디버깅 : 사전적 의미로 오류를 수정함. 트러블 슈팅의 서브셋이며, 이 .. vue.js 환경에서의 UI 방법론(지극히 개인적인) Vue.js로 UI 개발 하기 vue.js 환경에서 어떻게 UI마크업과 기능을 만들어 볼까? 처음부터 어떻게 사고할지 방법론으로 풀어보았어요. ※ 모달창 만든 작업 예시를 바탕으로 작성됨 1. UI(구현할)의 현재 상태를 data()로 저장해둔다. (ex.true / false or 1/0) 2. 1.번에서 작성한 data() 상태에 따라 UI가 어떻게 보일지 작성(ex. v-if/ @click ...등등) 상세페이지 상세페이지 내용 3. UI 이벤트 적용 시키기 {{dataProducts[0]}} 이방법도 저방법도 여러가지 방법을 고안해내는 중이다. vue.js 개발환경 구성(포멧했어? 개발환경구성 A to Z / feat.맥북) 내가 먹고살려고 만든 블로그라 읽고 '세상을 널리 이롭게 하라' 라고 쓴다. by.홍익인간junior 1. nodejs 설치(*최신 버전 설치 권장) https://nodejs.org/ko/ Node.js Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine. nodejs.org 2. VS code(Edit tool) Visual Studio Code(VS code)는 MS사의 오픈소스 기반의 크로스 플랫폼이다. https://code.visualstudio.com/ Visual Studio Code - Code Editing. Redefined Visual Studio Code is a code editor redefined a.. Bootstrap + dataTable 행 글 넘침 처리 https://stackoverflow.com/questions/39148127/how-to-work-with-ellipsis-in-bootstrap-responsive-table 부트스트랩 반응형 제거 1. 메타태그 제거 고정폭을 사용하기 위해 Head에 있는 메타태그를 제거. 2. 가로 폭 설정 화면 사이즈를 지정. .container{width:1200px; max-width:none!important;} 3. 그리드 클래스 변경 그리드 사용시 모두 col-xs-*로 변경 Ex ) col-md-12 -> col-xs-12 어드민 레이아웃 참고자료(DashBoard) Bootstrap admin Theme 모음 - DashBoard http://blog.naver.com/futurewave01/220414462001 무료 Bootstrap Admin Theme 모음 - DashBoard 무료로 사용할 수 있는 Bootstrap용 테마 모음입니다. DashBoard 꾸밀 때 주로 사용합니다. 디자인 보시... blog.naver.com Bootstrap 4.5 Guide 부트스트랩 4.5v Guide https://getbootstrap.com/docs/4.5/layout/overview/ Overview Components and options for laying out your Bootstrap project, including wrapping containers, a powerful grid system, a flexible media object, and responsive utility classes. getbootstrap.com 이전 1 2 3 다음
