전체 글20 vue에서 addClass, removeClass 처럼 사용 HTML Link 1 Link 2 Link 3 SCRIPT var app = new Vue({ el:"#app", data:{ active_el:0 }, methods:{ activate:function(el){ this.active_el = el; } } }); CSS ul > li:hover { cursor:pointer; } .active { color:red; font-weight:bold; } 2022. 8. 8. 1:1 error The template root requires exactly one element 해당 에러는 root를 하나로 설정해야 되는 규칙을 위반해서 나타나는 것이다. 해결방안으로는 하단을 로 감싸줘야 된다. test 2022. 8. 8. $nextTick() $nextTick() 이란? Javascript는 비동기로 처리되는 특성을 가지고 있습니다. 데이터가 업데이트 되고 나서 ui가 갱신될 때 뷰가 dom을 제대로 찾지 못하는 경우가 있습니다 이러한 문제점을 해결해주는 것이 callback 함수인 $nextTick() 입니다. 사용예시 HTML {{ month }} Add Month SCIRPT 화면 ** nextTick()가 없으면 add month 누르고 데이터가 추가되면 추가 되고 스크롤이 제일 아래로 내려가야되는데, 그 이전 데이터까지 스크롤이 내려가고 그 다음 데이터가 추가 된다. 따라서 데이터가 추가되고 스크롤이벤트가 발생되게 하기 위해서 nextTick()를 사용해야 한다. 참고 https://blog.logrocket.com/understan.. 2022. 8. 8. VS code 세팅 설정 1. material theme > 전체적인 색감 조절, 눈에 피로 덜함 > material theme daker high contrast 추천 받음 2. bracket pair colorizer > 괄호 마다 색깔이 달라서 코드 가독성을 높여줌 3. indent-rainbow > 들여쓰기가 명확하게 잘 보임 > 들여쓰기 컬러 설정되있음 4. auto rename tag > html 태그에서 만약 였는데 로 바꾸려고 하면 앞에 로만 변경해도 뒤에 자동으로 에서 로 바뀌게 됨 2022. 8. 8. 이전 1 2 3 4 5 다음
