[Udemy] React Native - The Practical Guide [2021 Edition]

강좌를 직접 구매하여 공부를 하고 기록을 한 곳입니다. 내 레파지토리 주소 : github.com/junghyeonsu/react-native-practical-guide 유데미 강좌 주소 : www.udemy.com/course/react-native-th\e-practical-guide/ 더보기 2020/12/29 (section1. 1강 ~ section1. 12강) 아래 번호는 강의 번호가 아닌, 배운 것들을 기록하고 보기 좋게 번호를 매긴 것 1. 강사 소개 2. react native가 무엇인지 3. react 설명 4. react native 작동 방식 5. 리액트 네이티브 코드가 어떻게 돌아가는가, 6. Expo CLI(Third-party service) VS React Native CL..

→2020.12.29

[Amazon Clone Coding]리액트로 만드는 아마존 웹사이트 - 1

이 글은 저 혼자 " Clever Programmer " 채널의 Clone Coding 영상을 보고 혼자 따라해본 글입니다. Clever Programmer You can find awesome programming lessons here! Also, expect programming tips and tricks that will take your coding skills to the next level. www.youtube.com 깃허브 주소 github.com/junghyeonsu/amazon-clone www.youtube.com/watch?v=_Z6eRoagmz4&list=PL-J2q3Ga50oNQP__onO64kAHX_z0BdLv6&index=3 1. npx create-react-app . ..

→2020.09.13

[Tinder Clone Coding]틴더 클론 코딩

이 글은 저 혼자 " Clever Programmer " 채널의 Clone Coding 영상을 보고 혼자 따라해본 글입니다. Clever Programmer You can find awesome programming lessons here! Also, expect programming tips and tricks that will take your coding skills to the next level. www.youtube.com 내 TINDER 클론 코딩 깃허브 주소 github.com/junghyeonsu/tinder-clone 구조 파악 (0분 ~ 11분) import React, { Component } from 'react'; import Header from './Header'; impor..

→2020.08.30

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

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

아래의 포스트들은 저 혼자 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.07.29

React와 Node.js 애플리케이션 Docker image build하기

아래의 포스트들은 저 혼자 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.07.24

Mysql Docker Image를 이용해서 React-Node.js-MySQL 애플리케이션 구현해보기

아래의 포스트들은 저 혼자 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.07.23