지식조각 모음

영상강의를 보다가 문득 export와 export default의 차이가 궁금해졌다. 좋은 자료가 있어서 여기에 정리한다. export default의 특징 하나의 모듈에는 대개 하나의 export default가 존재한다.(여기서 모듈이란 하나의 파일을 말한다.) export default로 모듈을 내보낸다면 export한 이름과 상관없이 원하는 이름으로 import가 가능하다. export default의 예시 아래 처럼 Test를 내보냈지만 원하는 이름(여기서는 Testing)으로 import 할 수 있다. 또한 import시에 중괄호 작성이 필요없다. Test.js // Test로 내보낸다. export default function Test() { console.log("hi"); } App.j..

vue js에 computed 속성이 존재하는데 언제 써야 할지 정리한다. 강의가 존재 합니까?: {{ teacher.lectures.length > 0 ? 'Yes' : 'No' }} 와 같은 코드가 존재할 경우 html태그 안에 작성하는 경우 가독성이 떨어지게 된다. 이런 경우 computed속성을 사용한다. 강의가 존재 합니까?: {{ hasLecture }} const hasLecture = computed(() => { return teacher.lectures.length > 0 ? 'Yes' : 'No' }) 코드가 깔끔해진다. computed 속성의 장점은 무엇일까? 1) computed 속성의 대상으로 정한 data 속성이 변했을 때 이를 감지하고 자동으로 다시 연산해준다. 2) 코드의 ..

먼저 화면설계부터하면 비즈니스, 엔지니어간에 서로간에 커뮤니케이션이 쉬워진다. 화면설계 UX UI의 차이 자판기를 예로들면 - UX(화면설계의 목적) => 오른손잡이가 사용하기 쉽게하고 싶다 - UI(UX를 실현하기 위한 수단) => 오른손잡이가 조작가능한 설계 테스크 중심 UI 유저가 하고싶은것 중점으로 설계 ex1)은행ATM 첫화면 => 인출, 입금, 송금, 잔고조회 등 ex2)부동산 검색 => 역으로부터, 지도에서, 주소에서 등 오브젝트 중심 UI 유저의 흥미중심으로 설계 ex1) UberEats => 음식을 선택한 후에 주문, 장바구니 등 선택 ex2) 메일 => 메일을 연다음에 답장, 삭제 등 선택 잘못된UI의 예 예를들어 메일 첫화면이 메일확인, 메일답장, 메일삭제로 되있다면 NG 화면설계의 ..

일본에 5년이상 살면서 생소하게 느껴지는 말들을 정리한다. こしらえる [拵える]1.만들다.2.제조하다.3.마련·장만하다. こじら-せる [拗らせる]1. 악화시키다2. 꼬이게 만들다 とがめる [咎める]1.책망하다, 타박하다, 비난하다.2.수하(誰何)하다.3.(종기 따위를) 덧나게 하다. つきみそう [月見草]1.달맞이꽃. とくめい [匿名]익명. せんざいてき [潜在的]잠재적. とりそこなう [取(り)損なう]1.잡지 못하다, 잘못 잡다.2.잘못 알다. なつく [懐く]따르다. (=なじむ) しんじゅう [心中]1.정사(情死).2.함께 죽음, 동반 자살함. よくし [抑止] 억지, 억제, 제지. せびる조르다, 강요하다. ぶんざい [分際](그다지 높지 않은) 신분, 분수. (=分限, 身のほど) まかなう [賄う] 1.마련해 공..