'분류 전체보기' 카테고리의 글 목록

[Vue3.js] style 태그의 scoped 란

컴포넌트 생성 시 vbase-3 로 기본 태그들을 선언하는데이때 style 태그 안에 꼭 scoped가 있다 style scoped>style> scoped 란범위가 지정된 CSS즉, 현재 작성중인 컴포넌트 안에서만 style이 적용이 됨 출처https://ko.vuejs.org/api/sfc-css-features?utm_source=chatgpt.com

카테고리 없음 2025. 1. 16. 10:44

[Vue3.js] v-model 단방향과 양방향 바인딩의 차이점

강의를 듣던 도중 대충 들어서 그런가 헷갈리는 부분이 있어서 정리하러 왔다. 두 컴포넌트에 props data 넘겨주는 차이점을 잘 모르겠었다. 1. 단방향:title="title"title 이라는 prop에 부모 컴포넌트의 title 데이터를 단방향으로 전달 함.즉 부모 ➡️ 자식 데이터 흐름만 가능함. 2. 양방향v-model:title="title"v-model을 사용해 title과 자식 컴포넌트의 prop title을 양방향으로 바인딩 함.즉 부모 ↔️ 자식 간의 데이터 흐름이 가능함. 3. 차이점특성단방향 (:title="title")양방향(v-model:title="title")데이터 흐름부모 ➡️ 자식부모 ↔️ 자식부모 데이터 변경 반영자식에서 값 변경 시 반영되지 않음자식에서 값 변경 ..

카테고리 없음 2025. 1. 15. 15:49

[Vue3] watch, watchEffect 기능 및 차이점

Vue3 중 watch, watchEffect 기능 설명과 차이점생각보다 실무에서 유용하게 사용되어 따로 정리해 두었다. 1. watch 란?특정 반응형 상태(reactive state)를 관찰하고, 상태가 변경될 때 실행되는 콜백을 정의대상을 명시적으로 지정해야 됨최초 한 번은 실행이 되지 않기 때문에 immediate 로 즉시 실행을 할 수 있음const msg = ref(''); watch(msg, (newValue, oldValue) => { // 값이 변경이 되면 // DOM 을 조작하거나 // API 호출을 하거나~ 등등 // Type은 ref, reative, computed, array 등 다양한..

카테고리 없음 2025. 1. 14. 15:28

VSC 플러그인 추천 리스트

1. Korean Language Packvsc를 한국어로 사용 할 수 있음 2. Indent-RainbowTab 영역을 컬러별로 다르게 표시하여 코드라인이 길어 졌을때 읽기 편하게 함 3. Auto Rename TagHTML Tag에서 태그 이름을 바꾸면 쌍을 이루는 여는태그 또는 닫는대크 명도 함께 바꿔줌 4. CSS PeekHTML 문서에서 정의된 CSS를 금방 찾을 수 있도록 도와줌 ctrl + 클릭 하면 선언된 곳으로 이동함ctrl + comments(class) 에 커서 올리면 적용된 css를 바로 확인 할 수 있음. 5. HTML to CSS autocompletionHTML 문서에 선언된 class 명을 .css파일에서 입력할 때 자동완성 기능을 제공함. 6. HTML CSS..

카테고리 없음 2025. 1. 9. 15:19

[jQuery] jQuery keydown onkeyup onkeypress onchange 이벤트

jQuery를 사용하여 input의 값에 전화번호(숫자만)를 입력하면 자동으로 하이픈 (-)을 나오게 하고 싶었다. 그래서 onchange를 사용하여 함수를 실행하니 작동이 안 되더라 찾아보니 onkeypress를 써야 한다고 한다. ex) keydown은 입력이 됐을 때 함수 실행되게 사용하였고 ex) $("#test").keydown(function(){ 함수~ }) onkeyup은 엔터 시 함수 실행할 수 있도록 사용하였다 ex)

jQuery 2023. 2. 28. 14:50

[SpringBoot] Application-specific password required 에러 및 해결 방법

application-specific password required 이메일 전송으로 id 찾기를 구현하던 중 위와 같은 에러가 발생했다. 누가봐도 password가 잘못되어 있는 에러이다. 구글 비밀번호는 잘 되어 있는 데 뭐가 문제일까 싶어서 찾아보니, application-properties에서 설정한 spring.mail.password를 구글 비밀번호가 아닌 구글 보안의 앱 비밀번호를 입력하는 것이었다. 구글 > 보안 > Google에 로그인에서 2단계 인증의 사용 설정을 먼저 하고, 앱 비밀번호를 생성 받아서 입력해 주면 된다. 간단하게 해결됐고, 메일도 잘 오는 걸 확인했다. 메일을 전송 할 수 있다니 너무 신기하다.

Spring Boot 2023. 1. 19. 02:17

[SpringBoot] 카카오 로그인 api 구현 401 에러 및 해결

카카오 로그인 구현을 하고 있는데 계속 401 에러가 나서 왜 그런가 하고 봤더니 Kaokao Developers의 허용 IP 주소를 잘 못 입력해서 그런거였다. 허용 서버 ip 주소는 네이버에서 "내 아이피"라고 검색하면 나오는 ip를 입력하면 된다.

Spring Boot 2023. 1. 17. 21:42

[SpringBoot] "MultipartException: Current request is not a multipart request" 에러 해결 및 방법

"MultipartException: Current request is not a multipart request" 파일 업로드를 하려고 하는데 분명 제대로 구현 한 것 같은데 저장할때마다 위와 같은 에러가 발생했다. 찾아보니 form 태그에 multipart/form-data 입력을 누락시켜서 그랬다.

Spring Boot 2023. 1. 13. 19:34