일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | 6 | 7 |
8 | 9 | 10 | 11 | 12 | 13 | 14 |
15 | 16 | 17 | 18 | 19 | 20 | 21 |
22 | 23 | 24 | 25 | 26 | 27 | 28 |
29 | 30 | 31 |
- scss
- ES6
- v-html
- 쉬운설명
- JavaScript
- webpack
- HOC
- Vue transition
- nodejs
- sass
- event
- input
- State
- MySQL
- 리액트
- Vue
- Vue.js
- Wecode
- storybook
- 자료구조
- 댓글달기
- jsx
- express
- CSS
- vuex
- TypeScript
- App.vue
- mapGetters
- react
- 자바스크립트
- Today
- Total
목록Cloud (10)
익명의 개발노트
1. 설치하기 다운로드 링크 : https://docs.docker.com/docker-for-mac/install/ Install Docker Desktop on Mac Docker Desktop for Mac is the Community version of Docker for Mac. You can download Docker Desktop for Mac from Docker Hub. Download from Docker Hub By downloading Docker Desktop,... docs.docker.com 설치되었으면 도커 명령어로 확인한다. docker version 설치가 되면 위와 같이 client, server 에 대한 정보가 출력된다. 도커는 클라이언트와 서버로 버전정보가 나뉘어..
서버 쪽 공부를 위해 맥환경에 mysql을 설치하는 도중 path문제가 일어나서, 잠시 중단을 했다. 그리고 로컬에 설치하기 보다는 docker 환경에다가 설치하면, 설정이 꼬이거나 할 일이 없고, 관리하기 수월해서 도커에다가 설치하기로 했다. 도커와 VM의 가장 큰 차이점은 VM은 OS위에 게스트 OS 전체를 가상화하여 사용하는 방식이기 때문에 사용하는 컴퓨터의 리소스를 분할하여 사용하여, 속도 저하 , 주변 장치와 완벽한 호환이 어렵다. 이러한 단점을 보완하기위해 프로세스를 격리하는 방식이 등장한다. 리눅스에서는 프로세스를 격리하는 방식을 리눅스 컨테이너라고 하며, 격리시키기 때문에 가볍고 빠르게 동작한다. 도커는 게스트 OS가 필요하긴 하지만, VM처럼 전체 OS를 가상화하는 방식이 아니기 때문에,..
1. 팝업창 떠서 들어가게 하기 일단 진행은 바닐라 자바스크립트에서 진행한다. var auth = firebase.auth(); var authProvider = new firebase.auth.GoogleAuthProvider(); auth.signInWithRedirect(authProvider); signInWithRedirect 이부분은 원래 signInWithPopup으로 했다가 아래와 같은 에러 발생 검색결과 위와 같은 경우 signInWithRedirect 이걸로 사용하라고 하여, 변경해서 진행하거나, 브라우져 설정에서 팝업 허용으로 변경하면 됨. var auth = firebase.auth(); var authProvider = new firebase.auth.GoogleAuthProvid..
1.로컬 개발환경설정 파이어베이스를 사용하려면 노드js와 firebase cli(컴터와 파이어 베이스 연결)를 설치해야한다, 프로젝트 디렉토리 초기화 후 웹경로 를 설정한다.(os별로 노드만 설치 약간 다름.) 1) 설치하기 npm install firebase-tools -g 2. firebase-cli firebase login 입력 후 Y firebase list 에 프로젝트 뜨면 연동성공 공식문서 : https://firebase.google.com/docs/web/setup?authuser=0 3. 프로젝트 초기화 프로젝트 폴더 만들고 들어가서 npm init하듯, 아래와 같이 입력하면 된다. firebase init DB, hosting 선택 후 엔터. 기본값주고 엔터치면 아래와 같은 폴더구조..
1. 로그인 인증방법을 선택할 수 있다. 2. 템플릿에 가면 이메일 기능을 활용할 수 있다. 이렇게 본인 인증을 이메일로 하게하는 등 기능을 사용할 수 있음.
1. Firebase란? 파이어베이스는 14년도에 구글에서 인수한 모바일, 웹 애플리케이션 개발플랫폼이다. 16년도 부터 구글에서 서비스를 대폭 강화한 Baas(Backend as a service) 서비스 이므로, 백엔드를 대신해 줘서 프론트엔드에 집중할 수 있게 서비스를 지원해준다. 2. 대표 서비스내용 1) 실시간데이터베이스 : 오프라인에도 실시간 데이터 통신을 하면서 최신상태 유지, api까지 지원해줌, 잠금모드와 테스트 모드가 있는데, 개발할때는 누구나 읽고, 쓸수있도록 테스트 모드로 하는 것을 추천한다. 기본적으로 json 형식으로 지원해준다. 2) 인증기능(Oauth, 일반로그인) : 이메일 템플릿을 이용하여 유효한 이메일인지 확인해서 인증하는 것도 있음. 3) 호스팅기능 4) 스토리지 3...
가상화는 물리적환경을 가상환경으로 구성한 것이고, 도커는 기존의 가상화보다 가벼운 가상화이다. 기존에 VM은 운영체제 + 가상컴퓨터 자체를 가상화하였기에 많이 무겁다. 도커는 부팅부터 시작하지 않고, 우분투 일부 환경을 사용할 수 있게 해논 것이다. 우분투는 커널(시스템엔진)로 부터 시작을 한다. 시스템에서 명령어를 입력하면 커널 단으로 들어가서 시스템이 움직인다. 시스템에서 system space는 시스템이 사용하는 공간이고 user space는 사용자가 사용하는 공간이다. 기존 VM은 system space + user space 둘다 가지고 있기때문에 무겁고, 도커는 user space 만 가지고 있다. 그러면 실행하려면 커널이 있어야하는데, 커널은 어떻게 사용하냐?? 중간에 번역해주는 Transl..
데이터 베이스를 설치하는 방법은 2가지다. 1. EC2에 까는 방법 2. RDS사용하는 방법 RDS 설정방법 1. 서비스에서 RDS 검색 후 클릭하면 좌측에 아래 그림과 같은 메뉴들이 보인다. Parameter groups를 클릭하자. 2. 우측상단에 파라미터 그룹 생성버튼 클릭. 3. 파라미터 그룹 설정하기 1) 데이터 베이스 선택하고, 그룹이름, 설명적어주면된다. 생성하면 해당 DB를 선택 한 후 crate parameter group 버튼 옆에 Parameter group actions 셀렉박스를 클릭 후 Edit을 클릭한다. 4. 설정할 파라미터는 아래와 같이 설정해준다. 1) character_set_client 의 value 값을 utf8mb4로 변경 2) character_set_connec..
EC2 서버는 인스턴스라고 부른다. 1. 지역을 먼저 설정한다. (기본값이 아마 미국으로 되어있을 것임) 2. 위 그림에서 파란버튼(lunch instance) 클릭. 3. 클릭후 원하는 OS 선택한다. 4. OS 를 선택한 후에 사양을 결정하게 된다. 사양이 좋을 수록 비싸다. 5. 하단 부의 버튼 중 next로 표기 된 것을 선택하자. 가운데 버튼은 디폴트값으로 지정하는 거고, NEXT 버튼은 세부설정 버튼이다. 6. 세부설정 네트워크는 하나밖에 없고, 서브넷은 No preference로 지정한다. (백엔드 개발자는 알아둬야한다.) auto-assign public IP는 자동 퍼블릭 ip설정 할 것인지 설정하는 것이며, 원래는 퍼블릭을 disable해야한다. 왜? 서버는 원래 외부에서 아무나 접근하..
AWS는 Amazon Web Service의 줄임말 입니다. AWS는 소위 클라우드 서비스라고도 합니다. 클라우드 서비스는 서버 등의 인프라스트럭쳐를 필요한대로 on demand로 사용할 수 있는 서비스 입니다. 즉, 유저가 직접 서버를 구입하고 설치할 필요 없이 AWS상에서 클릭 몇번으로 서버를 구축하고 사용할 수 있습니다. * 추가로 알면 좋은 내용 : IDC 1. 웹 서비스 배포에 필요한 필수개념 1) EC2 2) Security Group 3) RDS 4) Load Balancer(ALB) 5) Route 53 6) S3 2. EC2 1) Elastic Compute Cloud 2) AWS 상에서 사용하는 Server이며, EC2 서버에 API를 배포한다. 3) 다양한 옵션이 존재하며, 사양이 좋..