본문 바로가기
728x90
반응형

전체 글640

[Vue.js] - Vue Props 속성을 사용해서 데이터 전달 하는 방법 #Vue Props란? Vue Props는 Vue 컴포넌트에서 다른 컴포넌트로 데이터를 전달하기 위해 사용하는 속성입니다. Props는 상위 컴포넌트에서 하위 컴포넌트로 데이터를 전달하는 방법으로 사용됩니다. Props를 사용하여 하위 컴포넌트에서 상위 컴포넌트의 데이터를 수정하지 않고 데이터를 전달할 수 있습니다. Props는 상위 컴포넌트에서 하위 컴포넌트로 전달됩니다. 하위 컴포넌트에서는 Props를 받아들이고, 받은 데이터를 사용하여 렌더링 하거나 다른 작업을 수행할 수 있습니다. Props는 컴포넌트 간의 데이터 흐름을 구현하는 데 사용됩니다. 상위 컴포넌트에서 데이터를 전달하면 하위 컴포넌트에서는 이 데이터를 사용하여 UI를 렌더링 하거나 다른 작업을 수행합니다. 이러한 데이터 전달 방식은 V.. 2023. 9. 10.
[Vue.js] - Vue 컴포넌트 불러오는 방법 (import) #Vue 컴포넌트란? Vue 컴포넌트는 Vue.js 프레임워크에서 사용되는 재사용 가능한 UI 요소입니다. 컴포넌트는 독립적이고 재사용 가능한 코드 블록으로, 특정한 기능을 수행하고 화면에 표시될 수 있습니다. Vue 컴포넌트는 HTML, CSS 및 JavaScript로 구성되며, 재사용성과 모듈성을 제공하여 애플리케이션을 구성하는 데 도움을 줍니다. Vue 컴포넌트는 Vue 인스턴스의 확장으로 생성됩니다. 각 컴포넌트는 자체적인 데이터, 메서드, 라이프사이클 훅(lifecycle hook) 등을 가질 수 있습니다. 컴포넌트의 데이터는 컴포넌트 내에서만 유효하며, 다른 컴포넌트와 독립적으로 상태를 관리할 수 있습니다. 컴포넌트는 Vue 애플리케이션에서 재사용 가능한 UI 조각을 만들기 위해 사용됩니다. .. 2023. 9. 10.
[Mybatis] - 마이바티스 Cause: org.apache.ibatis.ognl.ExpressionSyntaxException Malformed OGNL expression 에러 해결 방법 #마이바티스 Cause: org.apache.ibatis.ognl.ExpressionSyntaxException Malformed OGNL expression 에러 해결 방법 -에러 발생 코드 -mybatis .xml -mybatis if문에 AND연산자를 대문자로 사용해서 발생 MyBatis의 `` 문에서 `AND` 및 `OR`을 대문자로 사용하면 오류가 발생할 수 있습니다. 이는 MyBatis의 내부 파싱 및 처리 규칙 때문입니다. MyBatis에서는 SQL 문을 파싱 하기 위해 문자열 비교를 수행하고, 동적 쿼리를 생성하는 데 `` 문을 사용합니다. 이때 문자열 비교는 대소문자를 구분합니다. 따라서, `` 문에서 `AND` 및 `OR`과 같은 논리 연산자를 사용할 때 소문자로 작성해야 합니다. 예를.. 2023. 9. 8.
[Vue.js] - Vue axios 사용법(get, post..) 및 리스트(list) 데이터 렌더링 하는 방법 #Vue.js axios 메서드 종류 Vue.js 에서 axios를 사용할 때 사용 가능한 메서드는 다음과 같습니다: - **axios.get(url[, config])**: GET 요청을 보냅니다. - **axios.post(url[, data[, config]])**: POST 요청을 보냅니다. - **axios.put(url[, data[, config]])**: PUT 요청을 보냅니다. - **axios.delete(url[, config])**: DELETE 요청을 보냅니다. - **axios.head(url[, config])**: HEAD 요청을 보냅니다. - **axios.options(url[, config])**: OPTIONS 요청을 보냅니다. - **axios.patch(url[, .. 2023. 9. 4.
[Vue.js] - Vue axios 다운로드 방법 #Vue axios란? Vue Axios는 Vue.js 프레임워크에서 HTTP 클라이언트 라이브러리인 Axios를 사용하는 방법을 제공합니다. Axios는 브라우저와 Node.js를 모두 지원하며, 비동기 HTTP 요청을 쉽게 만들고 처리할 수 있도록 도와줍니다. Vue Axios를 사용하면 Vue.js 애플리케이션에서 API와의 통신이 간편해집니다. Axios는 Promises를 사용하여 요청을 처리하므로 비동기적인 작업을 쉽게 관리할 수 있습니다. 또한, Axios는 HTTP 요청과 응답을 인터셉트하고 다양한 인터셉터(interceptor) 기능을 제공하여 요청 전에 수정하거나 응답을 처리할 수 있습니다. Vue Axios를 사용하려면 먼저 Axios를 프로젝트에 설치해야 합니다. 설치 후에는 Vue.. 2023. 9. 3.
[Vus.js] - Vue npm install axios 설치 시 108 packages are looking for funding run `npm fund` for details 에러 해결 방법 #Vue npm으로 설치 시 108 packages are looking for funding run `npm fund` for details 에러 해결 방법 #npm으로 axios 설치 시 packages are looking for funding 에러 발생 -npm install axios #에러 발생 이유 Vue NPM이 "108 packages are looking for funding" 에러를 표시하는 경우, 이는 해당 패키지가 개발자들로부터 후원을 받고자 하는 메시지입니다. 이 에러는 일반적으로 개발 의존성 패키지가 자금 지원을 필요로 할 때 표시됩니다. 이 에러를 해결하기 위해 몇 가지 방법이 있습니다: 1. **후원하기**: 개발자로서, 에러 메시지에서 제공하는 링크를 통해 패키지를 후원할.. 2023. 9. 3.
728x90
반응형