post-thumbnail

TIL | 네트워크, 라우터, 스위치, 방화벽

고객사가 요구하는 대로 서버 인스턴스 구성을 할 수 있어야 한다.시스템네트워크 (VPC) - 온프레미스 환경에서는 네트워크 환경을 구축할 수 있지만 되지만 클라우드 환경에서는 장비를 물리적으로 세팅할 수 없기 때문에 설정만 할 수 있다.클라우드 서비스protocol통신

2021년 7월 16일
·
0개의 댓글
post-thumbnail

TIL | AWS IP, SSH 원격접속, 네트워크

서울 리전: ap-northeast-2ap-northeast-2VPChttps://docs.aws.amazon.com/공인 IP이기 때문에 요금이 발생해 반드시 삭제해야 한다.공인(Public) && 사설(Private) IP의 차이점공인 IP는 전세계에서 유

2021년 7월 14일
·
0개의 댓글
post-thumbnail

TIL | 가상화, 마이크로 서비스, 컨테이너 개념

시스템 → 리눅스, 윈도우네트워크AWS 클라우드 - public, private클라우드 업체 → 가상화라는 형식으로 서비스를 지원AWS의 콘솔을 이용해서 클라우드를 컨트롤 하는 것이 아니라 IaC를 이용해서 클라우드를 설계하고 실제 장비 쪽으로 배포한다.서버 - 일반적

2021년 7월 13일
·
0개의 댓글
post-thumbnail

TIL | IaC, Cloud 기초

Infrastructure as a Code의 약자로 IT 서비스를 위한 시스템을 구성할 때 수동으로 구성하는 대신 Shell 기반의 스크립트를 사용하여 컴퓨팅 인프라를 구성하는 기술.보통 '프로그래밍형 인프라'라고도 하는 Infrastructure as a Code는

2021년 7월 13일
·
0개의 댓글
post-thumbnail

TIL | Terraform 기본구성

provider: 테라폼으로 생성할 인프라의 종류를 의미resource: 테라폼으로 실제로 생성할 인프라 자원을 의미state: 테라폼을 통해 생성한 자원의 상태를 의미output: 테라폼으로 만든 자원을 변수 형태로 state에 저장하는 것을 의미module: 공통적

2021년 5월 17일
·
0개의 댓글
post-thumbnail

TIL | DBD(Drive By Download) 공격 개요

'Drive-By'는 '~쪽으로 자동차를 운전하다'라는 의미이다. 여기서는 '드라이브-바이 다운로드'는 '(컴퓨터에) 지나가듯 다운로드 행위가 발생한다'고 해석할 수 있다.온라인 광고 업체는 사용자가 아무런 의심 없이 동의 버튼을 누르는 버릇을 악용해 광고 콘텐츠를 설

2021년 4월 10일
·
0개의 댓글
post-thumbnail

TIL | useRef, firebase Storage 시작하기

useRef는 특정한 DOM을 선택하고 싶을 때 사용한다.이게 무슨 말인지 설명하자면, 우선 아래의 코드를 추가하고 파일 삽입 기능을 추가하고 싶다고 했을 때를 예로 들어보자.https://s3-us-west-2.amazonaws.com/secure.notio

2021년 3월 7일
·
0개의 댓글
post-thumbnail

TIL | firebase, React-hook-form

register 폼에 errors가 랜더링되어 출력되지 않길래 이상하게 생각했더니...Firebase의 프로젝트 페이지로 이동해서 빌드 항목의 Authentication을 시작하기를 눌러줘야 제대로 값이 전달 되는 거였다.https://s3-us-west-2.

2021년 3월 7일
·
0개의 댓글
post-thumbnail

TIL | firebase, React-bootstrap

Firebase를 사용하기 위해서는 우선 Firebase 홈페이지로 이동해서 로그인을 해줘야 한다.로그인을 마친 뒤에 홈페이지에서 Firebase 프로젝트 항목을 볼 수 있는데, 프로젝트 추가를 눌러 프로젝트를 추가한다.https://s3-us-west-2.a

2021년 3월 7일
·
0개의 댓글
post-thumbnail

TIL | Redux, Firebase

TIL Props vs State Props 부모 컴포넌트와 자식 컴포넌트 사이의 관계에서 데이터를 전달할 때는 Props를 이용해야 한다. Props는 부모 컴포넌트에서 자식 컴포넌트로만 전달할 수 있다. 부모 컴포넌트에서 자식 컴포넌트로 데이터가 전달되는

2021년 3월 1일
·
0개의 댓글
post-thumbnail

TIL | Redux

부모 컴포넌트와 자식 컴포넌트 사이의 관계에서 데이터를 전달할 때는 Props를 이용해야 한다.Props는 부모 컴포넌트에서 자식 컴포넌트로만 전달할 수 있다.부모 컴포넌트에서 자식 컴포넌트로 데이터가 전달되는 과정에서 Props는 변할 수 없다. (immutable)

2021년 2월 28일
·
0개의 댓글

서버와 클라이언트 동시 실행

서버는 node.js이고 클라이언트는 react이다.여태까지는 서버 따로 클라이언트 따로 npm start를 해줬지만 concurrently 라이브러리를 이용하면 동시에 시작해서 좀 더 편하게 개발환경을 구성할 수 있다.설치가 완료되면 package.json에서 설치된

2021년 2월 28일
·
0개의 댓글
post-thumbnail

TIL | MongoDB, 회원가입 로그인 API

API 기능을 구현하기 전에 koa-bodyparser라는 미들웨어를 적용한다.이 미들웨어는 POST/PUT 등의 메소드의 Request Body에 JSON 형식으로 데이터를 넣어주면 이를 파싱해서 서버측에서 사용할 수 있도록 해준다.bodyParser를 적용해서 다

2021년 2월 24일
·
0개의 댓글
post-thumbnail

TIL | MongoDB, Promise

REST API에서는 요청의 종류에 따라 다른 HTTP 메소드를 사용한다. HTTP 메소드는 여러 종류가 있는데 그 중 주로 사용되는 것은 다음과 같다.GET: 데이터를 가져올 때 사용POST: 데이터를 등록할 때 사용, 인증작업을 거칠 때 사용 (Login 등)DEL

2021년 2월 23일
·
0개의 댓글
post-thumbnail

TIL | code 명령으로 vscode 열기

Intro 이번에 맥북을 새로 장만하게 되어서 vscode를 맥에 설치하고 code 명령어를 이용해서 vscode를 실행하기 위해서 설정을 해주려고 한다. 사실 이전에 vscode를 설치했었는데 재부팅을 하니 명령어와 vscode가 사라져 있어서 잠깐 당황했다가 다시

2021년 2월 21일
·
0개의 댓글
post-thumbnail

Matrial UI

회사에서 채팅 웹앱을 만들어야 해서 괜찮은 React 라이브러리를 찾아야 해서 검색을 해봤는데 센드버드나 stream chat 같은 라이브러리 들은 매우 쉽게 구성할 수 있게 되어 있지만 상업적으로 사용하려면 라이센스 비용을 지불해야 해서 다른 좋은 라이브러리가 없나

2021년 2월 21일
·
0개의 댓글

npm 버전 관리

npm도 node와 같이 항상 같이 버전을 확인하고 관리를 해줘야 한다. 항상 버전에 따라서 되는게 있고 되지 않는게 있어서 골치가 아프다.npm 버전을 확인해본다.node.js의 핵심인 모듈을 관리해주는 것이 npm이므로 항상 업데이트 해주는 것이 중요하다.버전이 구

2021년 2월 14일
·
0개의 댓글

node 버전 관리 - n을 이용한 방법

node 버전의 경우에는 크게 nvm을 사용하는 방법이 있고 n을 사용하는 방법 2가지가 있다.nvm의 경우에는 기존 버전의 node.js와 충돌할 수 있기 때문에 기존에 설치된 node.js를 삭제하고 설치해야 하는 번거로움이 있다.그에 반에 n은 기존 node.js

2021년 2월 14일
·
0개의 댓글

2차 프로젝트 체크리스트 - 프론트엔드

Functional component를 생성할 수 있다. Hooks의 useState, useEffect 함수를 사용하여 컴포넌트의 상태를 관리할 수 있다. styled-component를 사용해 js 파일 안에서 컴포넌트의 스타일을 지정하고, 컴포넌트의 상태를 pr

2021년 2월 7일
·
0개의 댓글

2차 프로젝트 체크 리스트 - 공통

Trello에 정리한 티켓 내용을 토대로 매일 아침 정해진 시간에 팀원들과 standup meeting을 진행할 수 있다. 내가 할 수 있는 것과 없는 것, 현재 우선순위가 높은 것과 그렇지 않은 것을 잘 구별하고 팀에게 전달하여 기획과 일정을 조율할 수 있다. 전체

2021년 2월 7일
·
0개의 댓글