분류 전체보기69 유용한 InteliJ 단축키 [Mac 기준] Content Key 설정(Preference) ⌘ + , Project 설정 ⌘ + ; 이전 커서 위치로 이동 ⌘ + [ (에서 사용 시 로 이동) 최근 열었던 파일 목록 ⌘ + E 사용되지 않는 import 제거 ⌘ + ⌥ + O 단어 별 커서 이동 ⌥ + 방향키 2022. 12. 15. [Vue] V-model : Vue2와 Vue3에서의 차이 Vue2 Value prop을 전달하고, input 이벤트를 emit 하는 것 부모 컴포넌트에서 데이터 prop을 통해 자식 컴포넌트로 데이터를 전달하고, 그 데이터를 전달 받은 자식 컴포넌트는 이벤트 전달($emit)을 통해 다시 부모로 보내주는 구조 //v-model로 축약 Vue3 modelValue prop을 전달하고 update:modelValue이벤트를 emit하는 것과 같다. //v-model로 축약 2022. 12. 13. [JavaScript] 화살표 함수 쓰는 이유 화살표 함수는 ES6문법에서 함수를 표현하는 새로운 방식입니다. 코드가 훨씬 간결해 지고 읽기도 편해 1. 정의 방식 var prev = function() { }; var arrow = () => { }; https://whales.tistory.com/37 https://joooing.tistory.com/entry/%EC%9C%A0%EC%9A%A9%ED%95%98%EC%A7%80%EB%A7%8C-%EC%9C%84%ED%97%98%ED%95%9C-%ED%99%94%EC%82%B4%ED%91%9C%ED%95%A8%EC%88%98 2022. 12. 13. Vue3 외부라이브러리 추상화 Third party 라이브러리를 Application에 적용할 때, 의존성을 최대한 분리하는 것이 유지보수에 유리하다. 예를 들어 Vue3에서 외부라이브러리 Element-plus를 사용하려고 할 때, 추상화 없이 el-radio를 직접 사용한다면 추후 radio 표시를 취소 가능하게 해달라는 요구사항이 들어왔을 때, 모든 컴포넌트를 돌며, el-radio를 수정해주어야 합니다. 하지만 el-radio를 특정 컴포넌트에 의존하도록 만들면 유지보수에 훨씬 용이합니다. 이는 소프트웨어 공학에서 나오는 SOLID 원칙 중 D에 해당하는 DIP(Dependency Inversion Principle) '의존관계 역전 원칙'의 내용으로 객체는 저수준 모듈 보다 고수준 모듈에 의존해야한다는 원칙에 해당되는 내용 .. 2022. 12. 12. 이전 1 ··· 14 15 16 17 18 다음
