본문 바로가기

분류 전체보기

프로젝트/미니 프로젝트 2021. 8. 16. express + react 를 활용한 OAuth 소셜 회원가입및 로그인 진행하기 (1) - 백엔드 Sequelize 연동하기 express 를 기본 백엔드로 react를 기본 프론트엔드로 프로젝트를 구현 해야 할 일이 생겼다. 이에따라서 여러가지 자료들을 조합해 로그인 관리 방식을 고안해야 했고(주말에 쉴때 마다 고민했던거같다. 어떻게 로직을 짜야할까..? 여기저기 자료들도 찾아보고 하는데 꽤 시간이 들었다. ) 어느정도 결론이 나서 토이프로젝트 식으로 작성해 본다. 따라서 이에 따라 OAuth + JWT를 활용한 회원가입 및 로그인 방식을 구현해봤다. 활용할 로그인 방식은 구글 로그인으로 진행할 예정이며 카카오 로그인 또한 같이 설명에 넣을 예정이다. https://loy124.tistory.com/384 https://loy124.tistory.com/385 express + react 를 활용한 OAuth 소셜 회원가입및..
Git 2021. 8. 15. GITHUB 를 활용한 무료 웹 페이지 호스팅하기 이전부터 github에서 gh-pages 등을 활용해서 웹 페이지에 정적 웹 페이지 호스팅을 하는 방법들이 존재했지만 조금 더 쉽고 간편하게 호스팅 하는 방법이 홈페이지에 공개되어있어 관련 포스팅을 써봅니다. (GIT 기초 명령어정리) https://loy124.tistory.com/91?category=743830 GIT 기초 명령어 및 GITHUB와 연동하기 및 삭제하기 git을 기본적으로 처음 깔았을떄 해야하는것 git config --global user.name "사용자" git config --global user.email "사용자 이메일" (깃허브의 이메일 주소) cmd창에 등록 git status git.. loy124.tistory.com GIT 및 GITHUB 관련 명령어들은 상단에 ..
프로젝트/미니 프로젝트 2021. 7. 12. Docker + PM2 + winston.js를 활용한 무중단 운영 시스템 구축하기 최근 node.js 기반의 백엔드 서비스를 설계 + 제작 + 운영을 해야 할 일이 생겼다. 이에 따라 Node.js + express 기반의 실 운용 서버 운영에 대한 고려를 하게 되었고 그에 따라 무중단 운영 + 로깅 시스템을 구축할 필요성이 생겼다. 또한 만든 시스템을 어디에서도 사용 할 수 있게 컨테이너화 또한 하고 싶었다. 따라서 컨테이너화를 위해 도커를 사용하기로 했고 로그 모듈로 가장 많이 사용하는 모듈이 winston.js 노드 프로세스 매니저로 가장 많이 사용되는 모듈이 pm2 여서 두가지를 같이 사용해서 docker-compose 를 활용해 이를 엮은 무중단 운영 시스템을 구축해보았다. pm2 와 winston.js 에대한 정리는 아래 블로그 글에 정리해두었다. pm2로 node.js 프..
Node.js/node 활용하기 2021. 7. 11. node - winston node.js 로그 관리하기 - 기본 명령어, 적용하기 개발을 하다보면 새삼 로그의 중요성을 느낄 때가 많다. 어느 시점에 에러가 났는지 그에 따라서 어느시점에 복구가 되었는지 로그를 보고 대응이 가능하며 에러 시점을 파악하기 위해 터미널을 쫙 열어놓고 tail -f (해당 파일의 끝부분을 계속해서 읽어오는 명령어)만 주구장창 보는일도 많았다. (이렇게 로그를 계속 보며 테스트 하며 왜 버그가 일어날까 하고 일주일동안 고통받던적도 있다. ) 그에 따라서 Log는 에러를 파악할 수 있는 열쇠기 때문에 꼭 로그 시스템을 구축해서 시스템을 운영하는것이 필수적이다. Node.js에서도 log를 효율적으로 관리할 수 있게 도와주는 모듈인 winston.js가 존재한다. https://github.com/winstonjs/winston winstonjs/winston ..
Node.js/node 활용하기 2021. 7. 10. node - pm2로 node.js 프로세스 관리하기 - 기본 명령어, 실행하기 최근 node.js 기반의 백엔드 서비스를 설계 + 제작 + 운영을 해야 할 일이 생겼고 Node.js + express 기반의 실 운용 서버 운영에 대한 고려를 하게 되었다. 기존에 supervisord를 사용한 supervisord에 대한 경험도 있었고 그에따라 프로세스 매니저가 필요하게 되었다. 이러한 프로세스 매니저는 실제 운영중인 서버에서 어..? (서버에러 멈춰!!) 소리가 나올 확률을 엄청나게 줄여준다. Node에서 대표적으로 많이 사용하는 프로세스 매니저가 PM2였고 이에 따라 공부를 진행하기로 하였다. pm2의 역할 프로세스가 종료되면 다시 실행 해 줄 수 있다. 파일을 수정 했을 때 자동으로 프로세스를 껐다가 켜준다 기존의 싱글스레드 기반 Nodejs를 cluster 기능을 통해 최대 ..
프로젝트/미니 프로젝트 2021. 7. 9. OAuth 2.0 인프런 사이트 소셜 회원가입 분석 최근에 소셜(SNS) 로그인및 회원가입 에 대한 공부를 진행하고 있는데 해당 소셜 로그인에 따른 순서를 분석하기 위해 인프런 사이트에서 회원가입 파트에 대한 분석을 간단하게 해보았다. 인프런 - 프로가 되는 온라인 클래스 | 온라인 강의 플랫폼 프로그래밍, 인공지능, 데이터, 마케팅, 디자인, 엑셀 실무 등 입문부터 실전까지 업계 최고 선배들에게 배울 수 있는 곳. 우리는 성장 기회의 평등을 추구합니다.... www.inflearn.com 인프런 회원가입에 들어가보면 기본적인 회원가입 양식과, 각 소셜 버튼이 나열되어 있다. 전체적인 흐름 소셜 회원가입 소셜 버튼 클릭 -> 소셜 사이트에서 인증및 인가 진행 -> 승인시 인가 받은 소셜 데이터로부터 email 정보 가져오기 (이메일 정보가 없으면 이메일 ..
프로그래밍 지식/웹 개발 2021. 7. 9. OAuth 2.0 이란 OAuth 2.0 OAuth 2.0은 인증을 위한 표준 프로토콜입니다. OAuth 2.0은 웹 애플리케이션, 데스크톱 애플리케이션, 휴대폰 및 거실 장치에 대한 특정 권한 부여 흐름을 제공합니다. OAuth는 사용자가 Facebook, Github, Google 등 해당 인터넷 서비스의 기능을 다른 어플리케이션에서도 사용 할 수 있게 한것이다. 해당 부분을 활용해서 Kakao로 로그인하기, Google로 로그인하기 등 여러 방면으로 사용 되고 있다. Authorization (인증) 인증은 로그인등 시스템 접근에 대한 인증을 진행받는것 Authenication (인가) 인증을 받은 사용자(로그인 된 사용자) 가 서비스를 사용할 때 다른 기능에 대한 부분들을 허가해주는 것
프로그래밍 지식/네트워크 2021. 3. 23. 네트워크 모델 네트워크 란? 전송 링크로 연결된 상호 협력하는 통신 노드들의 그룹 네트워크 종류 크게 3가지로 나눌수 있다. 인터넷 전세계 국가의 모든 지역전산망과 컴퓨터가 상호접속된 세계 최대의 전산망 TCP/IP 기반 인트라넷 내부 목적으로 사용되는 네트워크 사내, 군대, 보안을 목적으로한 네트워크 엑스트라넷 기업 내의 인트라넷의 확장 기업내 및 외부의 협력업체와 통신을 위한 사설망 WAN (Wide Area Network) 보통 통신사업자(ISP)가 제공하는 전용선이나 전화 회선등과 같은 시리얼 라인 또는 회선교환망, 패킷교환망으로 구축한 광역 네트워크를 지침한다. LAN (Local Area Network) 근거리 지역내 다양한 컴퓨터의 상호접속 및 컴퓨터 자원의 공유를 의미한다. (넓은 의미로는 소프트웨어를 ..

티스토리툴바