민구글 민구글

Passport - 애플리케이션(인터넷포털사이트,앱)들은 대부분 '회원'이 있습니다. 회원이 있다는 것은 회원가입을 통하여 신규 가입을 시켰을 겁니다. 신규 가입을 하고 로그인을 하게 되면 '로그인' 버튼이 사라지고 '로그아웃'버튼이 생기기도 하며 '내 정보'를 확인할 수 있고 로그인을 해야만 들어갈 수 있는 페이지를 접속할 수 있습니다. 일반적으로 쿠키와 세션을 통하여 로그인이 되어있는지 안되어있는지에 따라 페이지의 접근 여부 및 버튼들이 달라집니다.(로그인 인증) 직접 회원정보 DB와 비즈니스 로직을 짜서 로그인 기능을 구현하는 것은 비교적 쉬울 수 있지만 세션, 쿠키 처리 등 인증에 대한 부분은 다소 복잡할 수 있습니다. 여러 복잡한 인증절차들을 패스포트를 이용하여 인증 절차를 쉽게 만들 수있는 미..

프로젝트 예제파일 ) 1) github.com/mingoogle/blog-etc-svg 2) git clone github.com/mingoogle/blog-etc-svg.git SVG ( Scalabe Vector Graphic ) SVG 이미지 파일은 XML 문법을 기본으로 하는 문서이며 로고나 아이콘, 그래프 등 널리 사용하는 이미지 파일입니다. - SVG 이미지는 크기를 줄이거나 늘리더라도 화질에 영향을 받지 않습니다. - 원하는 색상으로 자유롭게 적용가능합니다. * 일반 PNG 파일 * SVG 파일 SVG 사용방법 css의 filter속성을 이용하기 - svg파일의 색상을 수정할때 이용합니다. 1. img태그를 선언합니다. 2. css의 filter속성을 사용합니다. .filter-orange{..

2020/11/12 - [tutorial/네이버클라우드 플랫폼] - [네이버 클라우드 플랫폼] Load Balancer(1) - 가용성과 확장성 2020/11/14 - [tutorial/네이버클라우드 플랫폼] - [네이버 클라우드 플랫폼] Load Balancer(2) - 서버 생성 및 원격접속 2020/11/15 - [tutorial/네이버클라우드 플랫폼] - [네이버 클라우드 플랫폼] Load Balancer(3) - 프로젝트 생성 및 실행 2020/11/17 - [tutorial/네이버클라우드 플랫폼] - [네이버 클라우드 플랫폼] Load Balancer(4) - PM2 및 부하 테스트 로드밸런서와 오토스케일링 통하여 보다 더 많은 요청에도 정상적으로 응답할 수 있도록 설정해보겠습니다. *로드밸런..

해당 포스팅은 각 도구(라이브러리)의 사용방법보다는 테스트를 하기 위해 사용되었습니다. 따라서, 다소 설명이 부족할 수 있다는 점 양해 부탁드립니다. 전 포스팅에서 원격 서버에 프로젝트를 실행하고 브라우저를 통하여 접속해봤습니다. 하지만, 터미널을 닫고 브라우저를 새로 고침하면 페이지가 열어지지 않습니다. PM2를 이용하여 백그라운드로 서버를 실행하고 로드밸런서를 설정하여 테스트를 진행해보겠습니다. * PM2 - pm2는 Node js에서 사용하는 프로세스 관리 도구 중 하나입니다. 무중단서비스나 모니터링, 클러스터, ecosystem.js 설정들을 통하여 쉽게 관리할 수 있도록 도와줍니다. - 참고 : pm2.keymetrics.io/ 설치 방법 - 원격 서버에서 테스트하기 때문에 원격 서버에 접속 후..

* 프로젝트 환경 및 툴 * - node js ( v15.0.1 ) nvm 및 node js를 설치하세요. - github * nvm을 이용하여 node js 설치하기 - 원활한 진행을 위해서 원격 서버에서 Node js를 설치하는 방법입니다. - 참고 : github.com/nvm-sh/nvm#about 1. 터미널에 다음과 같이 입력하세요. ( 원격서버 및 컴퓨터 설치하는 방법입니다. ) curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.37.0/install.sh | bash 2. bash_profile 수정하기 - vi 문법을 모르신다면 간단하게 검색하여 확인하시길 바랍니다. sudo vi ~/.bash_profile - 접속 후 i를 눌러 다음..

네이버 클라우드 플랫폼에 로그인합니다. ( 결제정보를 입력하면 10만원 크레딧과 1년 동안 사용 가능 한 micro 사양의 서버를 이용할 수 있습니다. ) 서버 생성 1. 상단 메뉴 -> 서비스 -> Compute의 Server 클릭 2. 이용 신청하기 버튼 클릭 3. 서버 생성 버튼 클릭 4. 서버 타입을 micro로 설정 및 ubuntu-16.04.64-server 다음 버튼 클릭 5. 서버 정보 입력 후 다음 버튼 6. 인증키 설정 ( 인증 키가 없다면 인증키명 입력 후 새로운 키를 만드세요. ) - 인증키를 생성하면 'key'파일이 다운로드 받아집니다. 7. 네트워크 접근 설정 선택 후 다음 버튼을 누르시면 서버가 생성됩니다. * 생성한 서버의 '상태'가 '운영 중'일 때 다음 작업을 진행하세요...

안녕하세요. 오늘은 네이버 클라우드 플랫폼의 Load Balancer를 이용하여 보다 안정적인 서비스를 제공할 수 있도록 해보겠습니다. 웹 서비스를 제공하면서 가장 중요한 부분인 '가용성'과 '확장성'을 빼놓을 수 없습니다. 가용성 - 가용성이란 서비스가 중단되지 않고 지속적으로 제공할 수있는지를 의미합니다. ( 지속적으로 서비스가 운영이 될 수 있는지 ) 확장성 - 확장성이란 얼마나 더 많은 트래픽과 트랜잭션을 처리하며, 확장을 하기 쉬운지를 의미합니다. ( 더 많은 부하를 처리할 수 있도록 처리량을 증가시키기 위한 확장 ) 예를 들어 집에 있는 컴퓨터를 가지고 서버를 구축하여 게임을 출시하였습니다. 가용성 집에 만약 정전일어나 컴퓨터가 켜지지 않는다면 게임(서비스)가 중단이 되겠죠? 확장성 집에있는 ..

한 3~4년전 자바스크립트에 관한 서적을 통해 처음 클로저를 접하였을 때 이해가 잘되지 않았습니다. 왜 이 상황을 보고 클로저라고 말을 하는 건지... 클로저에 관하여 자세히 포스팅된 글들을 보았습니다. 클로저를 사용하는 이유, 특징, 스코프와의 관계, 렉시컬 스코프, 프라이빗 함수/변수, 스코프 체인... 클로저 하는 알기위하여 구글 검색을 했지만 위와 같은 생소한(?) 말들로 분명 글인데 글을 이해하지 못하는 문맹인이 되어있었습니다.🙈 이번 포스팅은 클로저에 대하여 모든 것을 하나하나 뜯어보는 것보다 처음 클로저를 접한 사람에게 조금이나마 쉽게 다가갈 수 있도록 이해시키는 것을 중점으로 내용을 적겠습니다. 글을 보기전 한가지만 주의하면서 봐주시길 바랍니다. 포스팅에서 작성한 코드들의 '결과'를 생각하..