본문 바로가기

전체 글384

List to Array List -> Array(배열) 1) for문 사용 for문 방식은 arrayList (리스트) 데이터를 for문을 통해 순서데로 String 배열에 넣는다 ArrayList arrayList = new ArrayList(); arrayList.add("Test1"); arrayList.add("Test2"); arrayList.add("Test3"); String[] array = new String[arrayList.size()]; int size=0; for(String temp : arrayList){ array[size++] = temp; } 2) arrayList.toArray - List에서 제공하는 메서드 - ArrayList.toArray() 의 경우, Object array를 리턴하여 .. 2023. 5. 26.
io.jsonwebtoken.security.WeakKeyException: The signing key's size is 192 bits which is not secure enough for the HS256 algorithm. JWT 암호화 알고리즘을 사용할 때 secret key가 256bit를 넘겨야되는데 256bit 보다 작기 때문에 발생하는 오류 secretKey를 이렇게 길게 바꿔주면 된다. private String secretKey = "길이설정"; 2023. 5. 23.
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.

티스토리툴바