민구글 민구글

벌써 3월이 되었다. 지난주 근교에 있는 공원에 갔다 개구리(두꺼비?)들이 겨울잠에 깨어나 저수지로 향하는 모습을 보았다. 봄을 알리는 신호 같았다. ( 산에서 내려오는 개구리를 보면서 경칩이라는 말을 실감했다 🙂) 겨울잠을 자고 일어난 개구리를 보며... 2021년 난 어떤 사람이 되고 싶었고 퇴사 후 어떤 것을 하고 싶었는지.... 퇴사 후 다짐했던 것들을 잘 하고 있는지 퇴사 후 내가 하고 싶어 하던 일을 이루었는가? 하고 싶었던 일 - 내가 해오던 일에 대해 Deep 해보기 - 여행하기 - 영어공부하기 - 블로그 포스팅하기 회사를 다니고 나서부터 정기적으로 도서관을 가는 것을 좋았다. 한 달에 1권 정도는 읽었던 것 같다. 외우려고 하기보다는 내가 사용하는 언어에 대해 이해를 하고 싶었다. 막상 ..

안녕하세요. 이번 포스팅은 자바스크립트의 타입에 대한 글을 포스팅하겠습니다. 동적 타입을 설명하기에 앞서 자바스크립트의 타입에 대해 설명하고 동적 타입으로 인한 오류를 제어하기 위하여 직접 구현한 타입 체크를 하는 모듈에 대한 설명도 있습니다. ( 추후 github에 업로드 하겠습니다 :D ) 자바스크립트 타입 자바스크립트의 타입은 ES6는 7가지 데이터 타입이 있으며 '원시 타입'과 '객체 타입'으로 분류할 수 있습니다. 원시 타입 Number (숫자) 정수와 실수 구분 없이 하나의 숫자 타입만 존재 String (문자열) 문자열 Boolean (참/거짓) 논리적 참과 거짓을 표현 (true/false) undefined 선언된 변수에 암묵적으로 할당되는 값 null 값이 없다는 것을 의도적으로 명시할..

안녕하세요. 이번 글은 시퀄 라이즈와 package-lock.json에 대하여 포스팅하고자 합니다. 나중에 sequelize와 package.json에 관한 포스팅을 하게 되면 따로 분리할 예정입니다. 참고: package.json npm을 가지고 모듈(패키지)을 설치하다 보면 package.json 파일을 마주치게 됩니다. package.json은 해당 프로젝트가 사용하고 있는 패키지에 관한 정보와 의존 중인 버전에 관한 정보를 담고 있습니다. 쉽게 말해 github와 같은 원격 저장소에서 프로젝트를 다운로드받고 npm install을 하게되면 프로젝트를 실행하기 위한 패키지들을 다운로드받게 되는데, 패키지에 관한 정보들이 package.json 파일에 있습니다. 해당 파일을 이용하여 npm 명령어(s..

안녕하세요. 이번 시간에는 call(), apply(), bind()에 대하여 포스팅하고자합니다. 개인적으로 들어는 봤지만 this를 제어한다는 수준으로 밖에 몰랐는데 이번 기회에 한번 알아보려고합니다. 자바스크립트 함수에는 기본메서드인 call(), apply(), bind()가 있습니다. 참고 : developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Function/arguments# ( 왼쪽 관련 주제 탭 -> MethodsMethods ) * 참고 : 함수와 메서드(메소드) 라는 말은 같은 말일까? 프로그래밍 언어에서 공통적으로 함수라는 것은 특정한 기능을 가진 하나의 단위를 '함수'라고 말합니다. ( 예를 들어 : x, y값..

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/ 설치 방법 - 원격 서버에서 테스트하기 때문에 원격 서버에 접속 후..