본문 바로가기
반응형

분류 전체보기387

img 태그 바인딩 Vue.js에선 element의 속성을 동적으로 처리할 때 v-bind라는 Directive를 사용한다. 일반적인 HTML 태그들의 속성을 바인딩할 경우가 생기는데, 그 대표적인 예로 img 태그의 src 속성이다. (src는 불러올 이미지의 경로를 지정) 특히 여러 이미지를 for문으로 한 번에 불러올 때 src를 바인딩 해줘야 한다. {{ data.title }} {{ data.price }} 원 허위매물 신고 신고 수 : {{ 신고수[0] }} :src 또는 v-bind:src를 써서 binding 해준다. (콜론은 v-bind: 의 sugar syntax. 즉, 축약어) 하지만 위와 같이 하면 이미지가 불러와지지 않는다. 그 이유는 각 객체의 image에 저장이 되어 있는 것은 단순 String .. 2023. 5. 18.
[vue3] ref, reactive template에 변화를 적용하기 위함. String, int 와 같은 일반 자료형은 ref 를 사용해도 되지만, object, array 등은 reactive 를 사용 import { ref } from 'vue'; import { reactive } from 'vue'; - ref 를 사용할 때 ref로 정의한 값을 .value로 가져온다. ex) import {ref} from 'vue'; export default { setup() { const name = ref('limi'); const updateName = () =>{ name.value = 'limilmi2'; console.log(name); } return { name, updateName, }; } - reactive는 value가.. 2023. 5. 18.
[Vue] Component name "" should always be multi-word vue/multi-word-component-names 에러내용) eslint.vuejs 공식문서 vue/multi-word-component-names | eslint-plugin-vue eslint.vuejs.org 원인) Vue에서 컴포넌트의 이름은 ESLint를 사용할 때 html태그와 헷갈리지 않도록 강제적으로 2단어 이상인 단어의 조합으로 만들어야 한다고 한다. 방법1) 오류 그대로 Cart.vue -> VueCart.vue 두 단어 조합으로 수정한다. 방법2) package.json 파일의 eslintConfig에 옵션추가. "rules": { "vue/multi-word-component-names" : 0 } + vue3 추가 방법3) - .eslintrc.cjs 수정 아래 rule을 추가해준다. 'vue/multi-word-component.. 2023. 5. 15.
warning: LF will be replaced by CRLF in dddd.txt.The file will have its original line endings in your working directory - gitbash에서 git add . 명령어 입력 시 발생하는 에러메세지 LF(Line-Feed) : 커서 위치는 그대로 두고 종이의 한라인 위로 올리는 동작 Mac, Linux (Unix 계열) 줄바꿈 문자열 = \n CR(Carriage-Return) : Mac 초기 모델 줄바꿈 문자열 = \r 커서 위치를 맨앞으로 옮기는 동작 커서 위치를 앞으로 이동 CRLF (Carriage-Return+Line-Feed) : CR(\r) + LR(\n) 두 동작을 합쳐서 (\r\n) 커서를 다음라인 맨앞으로 옮겨주는 동작 플랫폼(OS)마다 줄바꿈을 바라보는 문자열이 다르기 때문에 형상관리를 해주는 Git이 바라볼 땐 둘 중 어느 쪽을 선택할지 몰라 경고 메세지를 띄워준 것. 해결 : autocrlf 사용 기본.. 2023. 5. 9.
Local Storage , Session Storage의 차이 Local Storage , Session Storage의 차이 Local storage와 Session Storage의 가장 큰 차이는 브라우저 종료시 데이터가 사라지냐. Local Staroage는 관리자가 별도로 데이터를 삭제 해 주지않는 이상 데이터를 계속 가지고 있고 Session Storage는 브라우저 종료시 데이터가 사라진다. Local Storage localStorage는 시간제한이 없고 브라우저가 꺼져도 죽지 않는다. (브라우저를 종료하고 나중에 다시 접속해도 값이 유지가됨) 관리자가 데이터를 명시적으로 삭제 시켜줘야만 데이터 삭제가 된다. 탭을 여러개 열어도 공유된다 Session Storage 브라우저가 열려있는 동안만 데이터가 살아있으며 브라우저 종료시에 데이터도 함께 없어진다... 2023. 5. 9.
java.sql.SQLRecoverableException: IO 오류: The Network Adapter could not establish the connection 정상 작동되던 프로젝트 실행 시 오류 발생 방법 : OracleXE, OracleXETNSListener 확인 window+R > services.msc 혹은 시작 검색 - 서비스 입력 OracleXE와 Listener 가 정상 실행 중인지 확인 실행중이 아니면 작동 설정 해주면 된다 2023. 5. 9.
반응형

티스토리툴바