[Vue] Vue를 사용한 TMDB API 사용하기

[Vue] Vue를 사용한 TMDB API 사용하기

1. Vue TMDB API 키 받기Vue.js에서 TMDB(The Movie Database) API를 사용하는 방법으로 API를 사용해 영화, TV 프로그램, 배우 정보 등을 가져올 수 있습니다. TMDB를 사용하려면 먼저 웹 사이트에 들어가 화원가입을하고 API 키를 발급 받아야합니다. The Movie Database (TMDB)환영합니다 수백만 개의 영화, TV 프로그램 및 인물을 발견하세요. 지금 살펴보세요.www.themoviedb.orgTMDB 공식사이트에 들어가 화원가입 후 설정에 들어가 API키를 발급 받습니다. 발급받은 API를 복사한 후 먼저 Vue 프로젝트를 생성하기 위해 아래 명령어를 입력해 Vue 프로젝트를 생성합니다.vue create tmdb-vue2. API 라이브러리 설..

  • format_list_bulleted Front-End/VueJS
  • · 2025. 3. 17.
  • textsms
[Vue] 6장(완) API 통신

[Vue] 6장(완) API 통신

1. Vue API 통신Vue에서 API 통신을 하기 위해 주로 axios 라이브러리를 사용합니다. 아래는 Vue에서 axios를 사용해 API와 통신하는 기본적입 방법입니다. 먼저 프로젝트에 axios라이브러리를 설치해줍니다.npm install axios && yarn add axios2. API 호출 예제다음은 Vue 컴포넌트에서 API를 호출합니다. API 데이터 {{ item.name }}   GitHub - Koras02/vue-tutorial: https://thinky.tistory.com/category/Front-End/VueJShttps://thinky.tistory.com/category/Front-End/VueJS - Koras02/vue-tuto..

  • format_list_bulleted Front-End/VueJS
  • · 2025. 3. 16.
  • textsms
[Ruby] 9장(완) 루비 고급 주제

[Ruby] 9장(완) 루비 고급 주제

1. 메타프로그래밍루비는 메타프로그래밍을 지원하여 프로그램이 실행 중 코드 구조를 변경할 수 있고, 이를 통해 동적 메서드 생성, 속성 정의 등을 할 수 있습니다. 예를 들어 method_missing을 사용해 호출되지 않은 메서드에 대한 처리를 정의합니다.class DynamicMethod def method_missing(method_name, *args) "You called #{method_name} with #(args.inspect)" end enddm = DynamicMethod.new puts dm.undefined_method2.블록과 프로시저루비에서 블록은 메서드에 전달할 수 있는 코드 조각으로, 블록을 사용해 코드의 재사용성을 높이고, 더 유연한 메서드를 만들 수 있습..

  • format_list_bulleted Back-End/Ruby
  • · 2025. 3. 15.
  • textsms
[Typescript] 13장 데코레이터

[Typescript] 13장 데코레이터

1. 명령줄(tsconfig.json 수정하기)먼저 데코레이터를 사용하려면 tsconfig.json 파일에 experimentalDecorators 옵션을 활성화해줍니다.{ "compilerOptions": { "outDir": "./dist", "target": "ES6" /* Set the JavaScript language version for emitted JavaScript and include compatible library declarations. */, "module": "commonjs" /* Specify what module code is generated. */, "esModuleInterop": true /* Emit additional JavaScript..

  • format_list_bulleted Front-End/TypeScript
  • · 2025. 3. 14.
  • textsms
[PHP] 12장(완). PHP 프레임워크 활용하기

[PHP] 12장(완). PHP 프레임워크 활용하기

1. Laravel Laravel은 현대적인 PHP 프레임워크로, 개발자가 웹 애플리케이션을 쉽게 구축할 수 있도록 다양한 기능을 제공하는 라이브러리입니다. PHP 중 가장 유명한 라이브러리이며 Laravel 특징은 다음과 같습니다.특징Eloquent ORM: 객체 관계 매핑(ORM) 시스템으로, 데이터베이스와의 상호작용을 쉽게함라우팅: 간단하고 직관적인 라우팅 시스템을 제공미들웨어: HTTP 요청과 응답을 필터링할 수 있는 기능을 제공Blade 템플릿 엔진: 뷰를 작성할 때 유용한 템플릿 엔진모듈화: 패키지 관리 시스템인 Composer를 통한 외부 라이브러리를 쉽게 통합라라벨 프로젝트를 생성하기 위해서는 아래 명령어를 입력해서 프로젝트를 생성합니다.composer create-project --pre..

  • format_list_bulleted Back-End/PHP
  • · 2025. 3. 12.
  • textsms
[ReactJS] React + MySQL 게시판 만들기

[ReactJS] React + MySQL 게시판 만들기

1. React + MySQL MySQL과 React를 사용하여 게시판(Bulletin Board) 애플리케이션을 만드는 기본적인 방법은 데이터베이스에서 게시물 데이터를 저장하고, React를 사용하여 사용자 인터페이스를 구축하는 방식입니다. 먼저 아래 필요한 Node.js와 MySQL과 React 프로젝트 생성부터 해야합니다.Node.js: Node.js 공식 웹 사이트에서 설치MySQL: MySQL 공식 웹 사이트에서 설치React 앱 생성: Create React App을 사용하여 React 프로젝트 생성npx create-react-app react-boardcd react-board 다음 mysql과 react를 나눌 수 있도록 폴더를 구조화 합니다.mkdir backend - MySQL mkd..

  • format_list_bulleted Front-End/ReactJS
  • · 2025. 3. 12.
  • textsms
반응형