프로그래밍과 잡담

Vue.js 연습하면서 기존의 만들었던 뷰단을 Vue.js로 변환해보고 있는데, TypeScript 까지 같이 사용할려니까 더 어렵네. 오늘 알아낸거 적어놔야지. 타입스크립트를 이용해서 컴퍼넌트 작성 관련 사이트: https://blog.logrocket.com/vue-typescript-tutorial-examples/#usingvuejswithtypescript 프로퍼티 작성 시 no initializer and is not definitely assigned in the constructor 와 같은 오류가 나면 아래와 같이 했는지 확인!! @Prop() 프로퍼티이름 !: 타입; 아 시바 이것때문에 몇시간을 삽질했네. 저 오류 난걸 초기화 해주는 걸로 고치면 부모쪽에서 데이터가 안넘어오고 막 그랬음..

구글을 찾아봐도 내가 검색을 못하는건지 잘 안나오는거 같음. 내가 원하는건 컴포넌트의 값이 변경될 경우, 체크될 때 값을 체크해서 뭔가를 띄워주거나 하고 싶은건데 찾아도 watch를 검색하면 프로퍼티를 이용하는 방법만 나오더라. 그래서 대충 아무거나 해보던 와중에 발견한거임. 그냥 mounted 에서 this.$watch 함수를 이용해서 내가 원하는 데이터를 셋팅해주고 콜백 넣으니까 되더라 ㅋ 사실 제대로 이해하고 만든게 아니라 그냥 참조만 할것 template: '' data: function(){ return { data1 : "", Data: { name: "" } } }, mounted: function () { this.$watch('Data.name', function (newVal, old)..

template에 radio 버튼이나 checkbox 만들고 label for로 라벨클릭시 선택되게 할려고 할 때 아래처럼 해줘야 인덱스가 id에 들어감. 예제> nodejs에서 쓸 경우 i는 for문 변수 idx는 외부 변수 node.js에서 하면 편하다. 예제> node.js가 아닌 html에서 쓸 경우 template = ' \ \ \ \ ' 빨간색 작은따옴표( ' )는 template를 덮는 부분 파란색 \' 는 변수를 또는 추가로 붙일 문자에 넣음 보라색은 + 는 외부 변수 추가 용도 검은색 + 는 변수와 문자열을 연결하는 용도