React + Firebase 애플리케이션 구축하기

Frontend = create-react-app backend = firebase 소스코드는 git과 연동이 되어있도록 Github 연결 틴더 클론 코딩을 할 프로젝트라서 레파지토리 이름은 tinder-clone으로 정해주었습니다. 저는 github-desktop을 사용해서 레파지토리를 clone 했습니다. VScode 사용해서 폴더를 열어주고 Create-react-app 설치 npm create-react-app . 입력해서 현재 폴더에서 create-react-app 을 설치하였습니다! 필요없는 파일들은 삭제를 하고, App.js를 저렇게 바꾸어 주었습니다. 정상적으로 뜨는 것을 볼 수 있습니다. Firebase 설치 및 구성 npm install firebase firebase를 설치를 해줍니다..

→2020.08.22

[Kubernetes]쿠버네티스 설치부터 배포까지(kubespray 이용)

멀티 노드를 구현하기 위해서는 여러 대의 서버가 있거나 혹은 가상머신을 설치하여 여러 대의 가상 서버를 구축해야합니다. 1. 가상머신 설치(리눅스기반 설치) 1-1. Virtual Box 설치 https://www.virtualbox.org/wiki/Download_Old_Builds_5_2(Virtual Box 설치 링크) 위 링크 접속 후 메인 PC의 OS에 맞는 것을 다운로드! 1-2. CentOS7 ISO 설치 https://www.centos.org/download/(centOS7 설치 링크) x86_64 ISO 클릭! 저기서 아무곳 클릭! (네이버 클릭했음) 저기서 맨 위에있는 iso 파일 다운로드 했습니다. 적은 용량으로 하고싶다면 밑에 Minimal 버전 iso 파일 다운로드! 나머지 Vi..

→2020.08.21

[Kubernetes]쿠버네티스 컨트리뷰터 되기 : 쿠버네티스 문서에 기여하기

쿠버네티스 컨트리뷰터 되기 3000명 가까이 되는 사람들중 내가 끼어있다면?.. 쿠버네티스의 깃허브에서 website 레파지토리는 공식문서의 코드들을 담고있습니다. https://github.com/kubernetes/website(쿠버네티스 웹사이트 깃허브 레파지토리) 레파지토리를 fork 한 다음에 번역이 되지 않은 페이지를 번역해서 컨트리뷰터가 되보겠습니다. 쿠버네티스 웹사이트 레파지토리에는 많은 브랜치들이 있습니다. 그 중 저희가 건드릴 브랜치는 dev-1.18-ko.10 이라는 이름의 브랜치입니다. 뒤에 ko는 korea를 의미합니다.(브랜치는 버전마다 계속 바뀝니다.) https://kubernetes.io/ko/docs/contribute/(쿠버네티스 문서에 기여하기) CNCF 동의서 서명 ..

→2020.08.19

2020 하계 인턴 때 올린 블로그 포스트들 정리

인턴 기간 2020 / 7 / 3 (금) ~ 2020 / 8 / 28 (금) 근무 일수 : 40일 Docker image, container, docker-compose에 대한 내용들을 알 수 있었음 Docker 컨테이너들을 Kubernetes를 이용해 오케스트레이션하기 Docker를 이용한 Jenkins Image pull & run Docker를 이용한 MariaDB Image pull & run Docker를 이용한 Nexus Image pull & run Docker를 이용한 Tomcat Image pull & run Docker-compose로 여러 개의 서비스 구동하기 Kubernetes 기초 쿠버네티스에 대한 이해를 위해 공식문서를 읽어봄 쿠버네티스 공식문서 파헤치기 : 개요 쿠버네티스 공식..

→2020.08.14

[Kubernetes 공식문서 파헤치기] 고가용성 테스트(pod 부하분산, auto scaler 적용하기)

앞의 내용에서 이어서 진행합니다. [Kubernetes 공식문서 파헤치기] Redis를 사용한 PHP 방명록 애플리케이션 배포하기 + PV, PVC, Affinity 사용해보기 고가용성 고가용성이란 "서버, 네트워크, 프로그램같은 시스템이 절대 고장나지 않고 오랫동안 유지하는 능력"을 얘기합니다. 그럼 쿠버네티스에서의 고가용성 또한 다르지 않을겁니다. 그럼 쿠버네티스가 고장나는 상황은 무엇일까요? 1. 사용자가 많아져서 서버가 제 역할을 하지 못한다. 2. 애플리케이션이 동작하는 도중에는 예상치못한 중지들이 생길 수 있다. 3. 관리자가 쿠버네티스를 관리하다가 실수로 pod, node들을 중지시킬 수 있다. 4. 클라우드 제공 업체에서 제공해주는 클러스터에 대한 자원이 부족할 때 해결 방안 1번에 대한 ..

→2020.08.13

[Kubernetes 공식문서 파헤치기] Redis를 사용한 PHP 방명록 애플리케이션 배포하기 + PV, PVC, Affinity 사용해보기

원래는 react와 node js, mysql을 이용한 웹 어플리케이션을 돌리기로 마음을 먹었었지만, 1. 가상머신의 고정 용량으로 설정한 하드디스크의 용량 부족.. 2. 메인 컴퓨터의 docker 오류와 docker image build가 안됨 이러이러한 이유들로 kubernetes에서 제공해주는 image들을 사용하기로 마음먹고 공식문서에 있는 Redis와 PHP로 방명록 애플리케이션을 만드는 것으로 쿠버네티스의 고가용성을 테스트하기로 마음먹었습니다. 전체적인 틀 1. 방명록을 저장하는 단일 인스턴스 Redis 마스터 (pod 한 개) 2. 읽기를 제공하는 여러 개의 복제된 Redis 인스턴스 (pod 두 개) 3. 여러 개의 웹 프론트엔드 인스턴스 (pod 세 개) 까지가 공식문서에 나와있는 것입니..

→2020.08.10

[O'REILLY] 쿠버네티스 패턴 (Kuerbernetes Patterns)

책 쿠버네티스 패턴을 읽고 나 혼자 정리한 글 6장 자동 배치 패턴 자동 배치 패턴 = 스케줄러의 핵심 기능 스케줄러의 기능 = 노드에 신규 파드를 할당해주는 기능 컨테이너는 컨테이너 서로 간의 의존성 컨테이너와 노드간의 의존성 자원 요구사항 변경사항등등 시간이 지남에 따라 다양하게 변하기 때문에 스케줄링을 하는 것 = 이동 목표물에 과녁을 조준하는 것과도 같다고 말한다. 스케줄러의 주요 업무 API서버로부터 새로 생성된 파드 정의를 조회, 파드를 노드에 할당. 스케줄링이 정상적으로 진행되려면 몇 가지의 요구 조건이 충족되어야 한다. 1. 충분히 가용가능한 노드 자원 모든 노드에는 파드를 실행할 수 있는 용량이 있고, 스케줄러는 파드가 요청한 자원의 총합이 할당 가능한 노드의 용량보다 작다는 것을 확인해..

→2020.08.10

8월 8일 모각코 종료

react 프로젝트 4명이서 협업을 하였습니다. 전체 UI에 대한 구상을 하였고 import React, {Component} from 'react'; import './App.css'; import Content from './components/Content'; import Sidebar from './components/Sidebar'; import pythonImg from './images/python.png'; import arduinoImg from './images/arduino.png'; import cPlusPlusImg from './images/C++.png'; import javaImg from './images/java.png'; import juliaImg from './ima..

→2020.08.09

8월 8일 모각코 시작

오늘의 목표 1. 바텀업 공모전 UI 완성하기. 2. 모각코 영상 회의

→2020.08.08

Kubespray와 Ansible을 이용한 Kubernetes 설치하기 - 4편

아래의 포스트들은 저 혼자 kubernetes에 대한 이해와 실습을 위해서 시행착오들을 적어놓은 포스트들입니다. 완벽하지 않고 순서가 뒤죽박죽임을 알아주시고 참고해주시면 감사하겠습니다! Mysql Docker Image를 이용해서 React-Node.js-MySQL 애플리케이션 구현해보기 1. React 설치 2. Node.js 설치 3. React와 Node.js 동시 구동 4. mySQL image pull하기 5. mySQL, React, Node.js 연동하기 React와 Node.js 애플리케이션 Docker image build 6. React-Node.js image 생성하기 Kubespray와 Ansible을 이용한 Kubernetes 설치하기 - 1편 7. 가상머신을 통해 멀티 노드 환경..

→2020.08.05

모각코 8월 1일 종료

오늘은 리액트 관련 사이트들을 찾아보고 공부하기전에 즐겨찾기화 해놓았습니다. 그리고 리액트 프로젝트에 관해서 아이디어를 간단히 생각해보았습니다. 생각해 본 아이디어들 요즘 성격 유형 분석이 많은데 그런 것 처럼 내가 좋아하는 롤에도 유형 분석을 해서 사람들에게 알려주면 좋지 않을까? MBTI 롤 테스트 https://next.op.gg/mbti 이미 나와있는 것이 있었다.. 조금 더 찾아보아야 할 것 같다. 찾아본 사이트들 인프런에서 리액트와 노드에 관한 강의 따라하며 배우는 노드, 리액트 시리즈 - 기본 강의 - 인프런 이 강의를 통해서 리액트와 노드를 어떻게 사용하는지 기본적인 내용들을 배울 수 있습니다. 초급 웹 개발 프레임워크 및 라이브러리 React Node.js 웹 개발 온라인 강의 실무에서 ..

→2020.08.01

모각코 8월 1일 시작 계획

리액트 관련 자료 수집 및 아이디어 정하기

→2020.08.01