본문 바로가기

전체 글179

[ ReactJS + Carousel ] 리액트 프로젝트에서 이미지 슬라이드 만들기 Carousel 이란? Carousel은 웹 페이지나 애플리케이션에서 이미지나 콘텐츠를 순환적으로 보여주는 슬라이드 쇼 형태의 컴포넌트입니다. Carousel은 사용자에게 다양한 콘텐츠를 시각적으로 전달하고, 사용자 상호작용을 통해 콘텐츠 간의 전환을 가능하게 합니다. Carousel은 여러 개의 슬라이드로 구성되어 있으며, 각 슬라이드에는 이미지, 텍스트, 버튼 등 다양한 콘텐츠를 포함할 수 있습니다. 일반적으로 좌우 화살표나 점(dot) 형태의 인디케이터를 사용하여 사용자가 슬라이드를 이동하거나 특정 슬라이드로 이동할 수 있도록 합니다. 프론트엔드 분야에서 자주 사용되는 Carousel은 다양한 기능과 설정을 제공하여 사용자 정의가 가능합니다. 몇 초마다 자동으로 슬라이드가 전환되도록 타이머를 설정하.. 2023. 2. 15.
[ VueJS + Portfolio ] 프로젝트 운영하면서 배운 꿀팁 정리 1.Firebase Config [ v8 version ] : 빠른 연동 import firebase from "firebase/compat/app"; import "firebase/compat/auth"; import "firebase/compat/firestore"; const firebaseConfig = { apiKey: "", authDomain: "", databaseURL: "", projectId: "", storageBucket: "", messagingSenderId: "", appId: "", measurementId: "", }; const firebaseApp = firebase.initializeApp(firebaseConfig); const db = firebaseApp.fir.. 2023. 2. 14.
[ Vuejs + GitHub ] Vue 프로젝트 Github으로 배포 및 호스팅 안녕하세요 오늘은 자주 사용하는 Github으로 프로젝트를 배포나 호스팅 어떤 식으로 활용하는지 간략하게 정리해보고자 합니다. Git이란? Git은 형상 관리 도구 중 하나로, 컴퓨터 파일의 변경사항을 추적하고 여러 명의 사용자들 간에 해당 파일들의 작업을 조율하기 위한 분산 버전 관리 시스템입니다. - Git은 소프트웨어 개발에서 소스 코드를 효과적으로 관리할 수 있도록 하는 무료, 공개 소프트웨어입니다. - Git은 프로젝트 폴더 내에서 작업을 기록하고, 버전 관리를 통해 체계적인 개발이 가능하도록 합니다. - 소스코드를 따로 주고 받을 필요 없이, git을 사용하면 하나의 프로젝트, 같은 파일을 여러 사람이 동시에 작업하는 병렬 개발이 가능하다는 것입니다! https://prmblogs.tistor.. 2023. 2. 14.
Firebase Firestore Init 오류 해결 법 Firebase 이란? Firebase는 Google에서 제공하는 모바일 및 웹 애플리케이션 개발 플랫폼입니다. 개발자들이 사용자 인증, 데이터베이스, 저장소, 호스팅 등 다양한 기능을 제공하는 클라우드 기반 서비스를 구축할 수 있도록 도와줍니다.Firebase는 개발자들이 애플리케이션을 구축하고 배포하는 데 필요한 다양한 백엔드 인프라를 제공하여 개발 생산성을 높이고 서버 관리에 대한 부담을 줄여줍니다. https://prmblogs.tistory.com/45 자주 사용하는 35가지 GitHub 명령어 모음 GitHub에서 자주 사용하는 중요한 Git 명령어 35가지 목록을 간단하게 설명해드리겠습니다. 이 명령어들은 프로젝트 관리 및 협업에 도움을 주는 기능들을 다룹니다. GitHub 명령어 모음 gi.. 2023. 1. 7.
[ Vue.js + Firebase ] Vue.js 프로젝트를 Firebase 호스팅으로 배포 이번 블로그에서 Firebase 호스팅 서비스를 사용하여 Vue.js 애플리케이션을 배포하는 방법을 짧고 쉬운 방식으로 보여드리겠습니다. 정적 사이트, 단순한 앱 랜딩 페이지 또는 복잡한 PWA(Progressive Web App)를 구축하는 경우 Firebase Hosting 기능으로 웹사이트와 앱을 구축하고 관리하기 위해 맞춤화된 툴이나 기능, 인프라까지 제공합니다. 생각보다 간단해서 다음 순서대로 따라하시면 쉽게 해결하실 수 있습니다. · Firebase 호스팅 프로젝트 설정 · 프로젝트 구성 · Firebase CLI 설치 · Vue 애플리케이션 배포 1. Firebase 호스팅 프로젝트 설정 파이어베이스 호스팅 프로젝트를 설정하려면 공식 사이트로 이동하여 메인 탐색 외하단에 있는 "GO TO C.. 2023. 1. 6.

티스토리툴바