본문 바로가기
728x90
반응형

IT515

[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.
[Postman] - 포스트맨 목 서버(Postman Mock Server) 생성 및 사용 방법 #mock server란? 목 서버(Mock Server)는 개발자가 백엔드 서버와의 통신을 시뮬레이션하기 위해 사용되는 가짜 서버입니다. 실제 백엔드 서버와 통신할 수 없는 경우나 개발 중에 백엔드 서버의 작업이 완료되지 않은 경우에 주로 사용됩니다. 모의 서버는 실제 서버와 유사한 API 엔드포인트 및 응답을 제공합니다. 개발자는 이 모의 서버를 사용하여 프론트엔드 애플리케이션과 상호작용하고, 데이터를 테스트하고, 애플리케이션의 동작을 확인할 수 있습니다. 모의 서버는 일반적으로 개발자가 원하는 방식으로 응답을 설정할 수 있습니다. 예를 들어, 특정 API 엔드포인트에 대해 정해진 JSON 응답을 반환하거나, 오류 응답을 시뮬레이션하거나, 응답 시간을 조정하여 네트워크 지연을 시뮬레이션할 수 있습니다.. 2023. 9. 3.
728x90
반응형

티스토리툴바