라이브러리와 프레임워크의 차이
- 라이브러리: 공통으로 사용될 수 있는 특정 기능들을 모듈화한 것으로, 프레임워크에 비해 자유롭다. 예:
chart.js,axios - 프레임워크: 공통으로 사용될 수 있는 특정 기능들을 모듈화한 것이지만, 라이브러리에 비해 좀 더 엄격한 규칙을 가진다. 예:
vue.js,Django
코드 실행을 위한 사이트:
Axios와 Vue.js: 라이브러리와 프레임워크 사례
Axios 라이브러리 사례
Axios는 HTTP 요청을 처리하는 라이브러리로, 프레임워크에 비해 자유롭게 사용할 수 있으며, 다른 라이브러리에 통합하기 쉽다. Axios를 사용하여 HTTP GET 요청을 보내려면 .get() 메서드를 사용하고, 그 후에 콜백 함수 처리는 .then(callback) 등으로 할 수 있다. 이런 식으로 HTTP 요청 후 응답에 대한 로직을 구현할 수 있다.
axios.get('/user?ID=12345')
.then(function (response) {
// 성공 처리
console.log(response);
})
.catch(function (error) {
// 에러 처리
console.log(error);
})
.then(function () {
// 항상 실행되는 로직
});
Vue.js 프레임워크 사례
Vue.js는 프론트엔드 개발에서 널리 사용되는 프레임워크로, 규칙이 있고 라이브러리보다 좀 더 엄격하다. 라이브러리에 비해 더 많은 기능을 제공한다.
<script>
export default {
data() {
return {
count: 0
}
}
}
</script>
<template>
<button @click="count++">Count is: {{ count }}</button>
</template>
<style scoped>
button {
font-weight: bold;
}
</style>
위 코드에서는 count라는 변수를 증가시키기 위해서 data() 메서드 안에 변수를 선언해야 한다는 규칙이 있다. 또한,
이처럼 Axios와 Vue.js는 각각 라이브러리와 프레임워크의 사례로, 개발 과정에서 유연성과 엄격한 규칙 사이에서 선택할 수 있게 해준다.
