Nuxt 프로젝트 진행을 하며 Accordion 메뉴를 구현 중 문제가 발생하였다.평소에는 v-for로 작업하여 Accordion 메뉴 구현에 있어서 data를 받아와 true, false 처리를 하는데 전혀 문제가 없엇는데 현재 구조는 메뉴가 변할일이 없는 구조라 v
3개의 고정인 파일첨부 기능을 개발하며 v-for를 사용하지않고 이벤트에 index를 전달하여 구현하는 기능을 개발, 10MB 이하의 PNG, JPG, JPEG, GIF, PDF 파일만 업로드할 수 있게 구현, 그리고 file이 업로드 시 input text에 file
vuedraggable 을 이용한 table 순번 변경하기props로 tabledData를 받아와 tableData를 cloneDeep 으로 객체 복사를 해주고 시작,⛔ 주의할점 - vuedraggable의 기본 구조에 들어갈 template가 아닌 다른 templat
📌 주절주절 프로젝트 진행 중이라 개인 공부가 더뎌지고 있어서 개발하면서 기록 남길겸 작성해본다, ⚙️ Computed로 store state 가져와 Dropdown 옵션 적용하기 Dropdown 기본구조 optionList를 computed hallOptionList로 연결하여 내려줌 store에 hallList를 전역으로 설정한 후 받아와 ma...
기존 파일업로드 구현 포스트 에 확장자를 검사하는걸 놓치고 넘어가서 기존 코드에 Validation 추가 해주는 형식으로 작성common.js 에 file을 체크할 Validation 함수 작성파일 업로드 수정
부모 컴포넌트 기본 구조모달 컴포넌트 기본 구조부모컴포넌트 스크립트 작성default로 넣어줄 data 를 만들어준다.isNew의 boolean 값에 따라 기존 data를 가져오거나 defaultData를 넣어줘 등록과 수정을 구분하고 targetDocent를 sele
기본구조스크립트 구조get 요청때 detailData에 infos에 isChecked를 넣어줌.watch로 detailData.infos 데이터 변화를 감지하여 every 를 통하여 모든 체크의 조건이 맞는지 확인하여 전체 선택 체크 확인setCheckedAll 함수
asyncData로 data에 isActive를 추가v-model 및 search, reset에 사용할 data 추가filter에 사용할 methods 및 tab active 효과를 위한 함수 작성data에 isActive가 true일때 searchFilters를 실행
Nice ID 인증
스크롤 이벤트 적용 (ios vh 이슈)