목록2022/01/12 (2)
hmk run dev
스코프와 클로저 그리고 this를 모두 적절하게 이용한 코드를 보면서 이해해 보자! let that = this; 기본적으로 this는 window를 가르키지만 vue에선 보통 현재 컴포넌트를 가리킨다! 그런데 굳이 this를 that에 할당한 이유는 클로저 때문이다..! 선언당시에 참조범위는 created(){} 블록이며 axios({}) 비동기 통신 로직안에 this( vue 컴포넌트 data ) 속성 상태에 변화를 주고 싶어서 아래처럼 코드를 짰다! that에 할당한 this(vueComponent)는 axios 블록안에서도 스코프 체인에 의해 vueComponent를 가리켜 컴포넌트 상태(data)에 바로 변화를 줘 바로 렌더링 될 수 있도록 한다. data() { return { lineChar..
띄워 쓰기에 주의 해야한다. 특히 , 로 경계가 나눠지지 않은 FROM 뒤의 쿼리문들은 줄바꿈 마다 " " 공백을 추가 해줘야 쿼리문을 잘 인식한다. @Query(value = "SELECT " + "c.category_no, " + "c.complete_yn, " + "c.progress, " + "c.name, " + "c.image_url, " + "c.use_yn, " + "DATE_FORMAT(c.create_date, '%Y-%m-%d %p %h:%i' ) as create_date " + "FROM Category c " + "WHERE c.admin_no = :admin_no " + "AND c.complete_yn = :complete_yn " + "AND c.use_yn = 'Y' OR..