일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | ||
6 | 7 | 8 | 9 | 10 | 11 | 12 |
13 | 14 | 15 | 16 | 17 | 18 | 19 |
20 | 21 | 22 | 23 | 24 | 25 | 26 |
27 | 28 | 29 | 30 | 31 |
- CSS
- 프로그래머스 코딩테스트
- 프로그래머스 알고리즘
- 코딩테스트
- Redux-Toolkit
- js
- 알고리즘공부
- 프로그래머스코테
- html
- 프로그래머스코딩테스트
- 1일1코테
- 프로그래머스
- 프로그래머스 Lv.0
- next.js 에러
- 프로그래머스 레벨0
- 개발자
- mysql
- 프로그래머스 코테
- 코테공부
- 알고리즘스터디
- 코테스터디
- 프로그래밍
- next.js
- 코테준비
- 자바스크립트
- 정보처리기사
- 정처기기출
- 코딩
- 알고리즘문제
- 프로그래머스알고리즘
- Today
- Total
목록분류 전체보기 (186)
계발하는 개발자
************************************************************************************************ ✅ Prettier 란? 코드를 분석하여 깔끔하고 일관된 코드스타일을 유지시켜주게 도와주는 코드 포맷터다. 코드가 길어지면 가독성도 떨어지고, 들여쓰기 안된 부분들도 생기게 되는데, 이럴때마다 줄맞춤이 자동포맷팅 되도록 Prettier 를 이용해 셋팅을 변경해줄 수 있다. ************************************************************************************************ 스크립트 자동정렬을 위해 흔히 사용하는 prettier, 매번 찾기 번거로우니 자동 포맷터 ..
네xx, 한xx, 구x 같이 특정 주소를 선택하지 않고 이메일 직접입력 같이 다른 옵션을 선택했을 경우 입력창이 비활성화되었다가 활성화시켜야하는 경우가 있다. // 직접입력 버튼 클릭시에만 입력창 활성화 $('.rdo > input').on('change', function() { if ($('.direct-user-input input').is(':checked')) { $('.custom-filter-price > input').addClass('is_active').prop('disabled', false); } else { $('.custom-filter-price > input').removeClass('is_active').prop('disabled', true); } }); 소스 구현에 활용..
라디오버튼을 삽입했을 때 동일한 요소들이 여러 번 체크되면 부자연스럽다. 그러므로 라디오버튼의 체크도 일반 버튼처럼 중복체크를 막아줘야한다. // 라디오버튼 중복 선택 막기 let lastChecked = null; $('.rdo > input').on('change', function() { if (lastChecked && lastChecked !== this) { $(lastChecked).prop('checked', false); // 마지막으로 체크된 요소 체크 해제 } lastChecked = this; // 마지막으로 체크된 요소를 현재 체크된 요소로 업데이트 }); 소스 구현에 활용된 개념 : - this 의미(현재 체크된 요소 상태값 저장), prop 메서드, lastChenked(이전 ..
첫번째 li 요소에만 클릭이벤트를 걸려고 했었는데 아래 기존방식으로 하려하니 잘 안됐다. Vue.component("stab-comp", { template: subdata.prodTab, methods:{ test(x){ store.commit('newChgData',x) } }, mounted(){ const firstEl = $(".new-prod-tab > ul > li").eq(0) console.log(firstEl) firstEl.trigger('click') } }); 이유가 뭔가 해서 찾아봤더니 jQuery의 사용과 Vue의 라이프사이클 훅 간에 타이밍 문제가 발생하기 때문 이었다. 일반적으로 Vue 컴포넌트의 mounted 훅은 컴포넌트의 템플릿이 렌더링되고 DOM에 마운트된 직후에 호..