src/fixtures 폴더를 만들고 src/fixtures/faqs.json [ { "id": 1, "header": "What is Netflix?", "body": "Netflix is a streaming service that offers a wide variety of award-winning TV programmes, films, anime, documentaries and more – on thousands of internet-connected devices.\n\nYou can watch as much as you want, whenever you want, without a single advert – all for one low monthly price. There's always ..
1. 여러가지 패키지들을 설치한다. yarn add styled-components yarn add firebase yarn add fuse.js yarn add normalize.css 대표적인 CSS-in-JS 라이브러리 https://styled-components.com/ 구글 Firebase https://firebase.google.com/?hl=ko 클라이언트 측에서 사용되는 가볍고 강력한 텍스트 검색 라이브러리 https://fusejs.io/getting-started/installation.html 웹 페이지의 스타일을 표준화시키는 CSS 리셋 스타일시트 https://github.com/necolas/normalize.css 2. 기본 튜토리얼 시작 코드 src/app.js expor..
1. node 설치 https://nodejs.org/ko 18.16.0 LTS 버전으로 설치하였다. node, npm(패키지 관리자) 버전확인 node -v npm -v 2. yarn 설치 npm install -g yarn 설치확인 (1.22.19) yarn --version Yarn은 Node.js 자바스크립트 런타임 환경을 위해 페이스북이 2016년 개발한 소프트웨어 패키지 시스템이다. NPM을 사용해도 되지만 이 튜토리얼에서는 NPM의 한계를 극복하기 위해 나온 Yarn 을 사용하였다. 3. yarn netflix 라는 react-app 을 만든다. yarn create react-app netflix 이렇게 나오면 완료. 중간에 뜨는 노란색 warning들은 무시해도 된다.
리액트 공부를 하려고 하려고 정보들을 찾아보다 넷플릭스를 클론코딩 하고 싶었다. 깃허브를 돌아다녀보니 여러가지 자료들이 있었지만 https://github.com/karlhadwen/netflix 의 코드가 가장 공부하기 좋아보였다. 영어로되어있지만 동영상 10시간짜리의 영상이 있기에 따라해가면서 만들어보기로 하였고, 3년전 만들어진 코드라서 최신 상황에 맞게 바꿔나가면서 진행을 해보려고 한다. 이 프로젝트는 커스텀 훅, 컨텍스트, 포털 등의 기능을 활용하며, Firebase를 사용하여 데이터베이스와 인증 시스템을 구축하는것을 목표로 한다.
파이썬에서 Firebase의 데이터를 가져오는 방법을 알아본다. 앞의 데이터 삽입부분에서의 pip install 과 Firebase key를 받아 온것으로 생각하고 진행하겠습니다. 2023.09.06 - [Dev/Web] - Firebase 파이썬으로 DB 데이터 삽입 코드 import firebase_admin from firebase_admin import credentials from firebase_admin import firestore import json # Firebase 서비스 계정 키 파일 경로 cred = credentials.Certificate("firebase-adminsdk.json") # Firebase 앱 초기화 firebase_admin.initialize_app(cred..
파이썬으로 google의 DB플랫폼인 Firebase를 제어할 수 있다. 기본적인 데이터 삽입에 대해 알아본다. 설치 pip install firebase_admin 사용법 (Firebase) firebase에서 프로젝트설정 - 서비스 계정 - 아래에 비공개 키 생성으로 키 파일을 다운로드 받는다 사용법 (코드) import firebase_admin from firebase_admin import credentials from firebase_admin import firestore # Firebase 인증 정보를 제공하는 서비스 계정 키 파일을 다운로드하고 경로를 설정합니다. cred = credentials.Certificate('path/to/serviceAccountKey.json') fireb..
The following packages have unmet dependencies: vim : Depends: vim-common (= 2:8.1.0875-5+deb10u4) but 2:8.2.2434-3+deb11u1 is to be installed E: Unable to correct problems, you have held broken packages. 일때 apt remove vim-common ## or sudo apt-get remove vim-common 후 apt install 하면 됨
다음은 쿠버네티스에서 동적 프로비저닝을 사용하여 스토리지를 관리하는 방법에 대한 설명입니다. 다음은 쿠버네티스에서 동적 프로비저닝을 위한 PersistentVolumeClaim (PVC)에 대한 YAML 파일 예시입니다. 이 예시는 AWS EBS CSI Driver 저장소에서 가져왔습니다: apiVersion: v1 kind: PersistentVolumeClaim metadata: name: myapp-pvc-dynamic spec: accessModes: - ReadWriteMany resources: requests: storage: 1Gi storageClassName: nfs-client 이 YAML 파일에서: apiVersion, kind, 그리고 metadata는 표준 쿠버네티스 필드입니다...
Kubernetes Storage_Static 쿠버네티스에서는 Persistent Volume (PV)과 Persistent Volume Claim (PVC)을 사용하여 스토리지를 관리합니다. PV는 클러스터 내에서 사용할 수 있는 스토리지의 양을 나타내며, PVC는 사용자가 요청하는 스토리지의 양을 나타냅니다. 이를 통해 사용자는 필요한 만큼의 스토리지를 동적으로 할당받아 사용할 수 있습니다. 이번 실습에서는 NFS를 사용하여 스토리지를 제공하는 방법에 대해 알아보겠습니다. NFS는 Network File System의 약자로, 네트워크를 통해 파일 시스템을 공유하는 프로토콜입니다. .sh 파일은 쉘 스크립트 파일로, 리눅스나 유닉스 시스템에서 사용하는 스크립트 언어입니다. 이 파일은 일련의 명령을 자..
Kubernetes Storage_Hostpath 쿠버네티스에서 hostPath 볼륨은 노드의 파일 시스템에 있는 파일이나 디렉터리를 파드에 마운트하는 데 사용됩니다. 이는 개발 및 테스트 환경에서 유용하며, 특히 단일 노드 클러스터에서 사용됩니다. 다음은 각 YAML 파일에 대한 설명입니다. myapp-rs-hp.yaml 이 YAML 파일은 ReplicaSet을 정의합니다. 이 ReplicaSet은 두 개의 파드를 생성하며, 각 파드는 hostPath 볼륨을 사용하여 노드의 특정 디렉터리를 마운트합니다. apiVersion: apps/v1 kind: ReplicaSet metadata: name: myapp-rs-hp spec: replicas: 2 selector: matchLabels: app: m..