안녕하세요. 루루개발자 입니다. 이번 시간에는 github action 을 활용하여 github package 저장소에 npm package 를 배포하는 방법에 대해 기술해보고자 합니다. 본 글에서는 typescript 기반의 react 와 프론트엔드(브라우저)에서 사용되는 패키지를 기준으로 하며 레포지토리의 패키지 개발 코드들이 src 폴더 밑에 있다고 가정하고 배포하는 방법을 설명하기 때문에 이 점 참고해주세요. :) 1. personal access token 발급 받기 github action 에서 github package 저장소로 패키지를 publish 하기 위해서는 해당 권한이 있는 토큰이 필요하므로 아래 과정을 참고하여 토큰을 발급받아 주세요. https://github.com/ githu..

안녕하세요. 루루개발자 입니다. 최근 안드로이드 디바이스의 절전모드로 인해 겪었던 이슈에 대해 공유드리고자 합니다. 이슈가 생긴 서비스의 플로우는 어떻게 되나? 어떤 서비스의 로그인 페이지가 있습니다. A 앱에서는 이 로그인 페이지를 웹뷰로 표시하고, 로그인 페이지에서 "로그인" 버튼을 클릭하면 B 앱이 위에 표시되며 로그인이 진행 된 후 B 앱이 종료되며 다시 A 앱의 웹뷰 화면으로 돌아가게 됩니다. 발생한 이슈는 무엇인가? 문제는, B앱이 호출된 직후 A앱 Webview 페이지의 javascript 에서 이후 로직이 진행되어야 하는데 해당 로직이 진행되지 않아 팝업창이 표시되지 않는 현상이 발생하였습니다. 다양한 케이스로 테스트를 해본 결과 원인은 절전모드에 있었습니다. 안드로이드 디바이스의 절전모드..

안녕하세요. 루루개발자 입니다. 이번에는 GET 메소드로 요청을 보낼 때, body 를 같이 보내는 것이 가능한지 알아보고자 합니다. GET 메소드에 대한 정리글 https://prinha.tistory.com/entry/HTMLWEB-HTTP-Method-GET-POST의-차이 https://kmyjn.tistory.com/541 위 2개 블로그에서 확인해보면 보통 GET 메소드로 요청을 보내면 body 는 비어있는 상태로 전송되는 것이 일반적인 것처럼 보입니다. 현재는 GET 메소드시 body 가 허용된다? https://leedo.me/m/34 좀 더 구글링을 해보니 위 블로그를 발견하였는데, 기존에는 GET 메소드 요청시 body 가 허용되지 않았으나 2014년도 부터는 GET 메소드에 body ..

안녕하세요! 루루개발자 입니다. 회사 업무를 하다 보면 가끔은 집에 있는 개인 PC 에서 재택으로 일을 하는 경우가 있는데, 그러다보니 git 의 글로벌 설정으로 user.name 과 user.email 을 회사 계정으로 설정해두고 사용하고 있었습니다. 하지만 가끔은 제 개인 레포지토리에 푸쉬를 날릴 때도 있는데, 이 때 실수로 제 회사 계정 정보로 커밋된 정보가 제 개인 레포지토리로 푸쉬 되는 경우가 종종 있었습니다. 이를 방지하기 위해 github 에서 public 으로 공개된 제 개인 레포지토리들의 branch rule 에서 서명된 커밋만 푸쉬가 가능하도록 설정하였고, 이후 서명된 커밋을 이용하는 방법에 대해 공유드리고자 합니다. 1. 개발 PC 에서 gpg 설치하기 우선 커밋할 때 서명을 사용하기..

안녕하세요. 오늘은 OAuth 2.0 에 대하여 알아보겠습니다. ▣ OAuth 2.0 이해를 위한 용어 정리 1. 인증 (Authentication) - 신원을 확인하는 것 자신이 A 라고 주장하는 고객이 정말로 A 본인이 맞는 것인지 확인하는 것을 뜻합니다. 예를 들어 앱을 통해 계좌를 개설할 때 주민등록증 사진, 이름, 생년월일, 휴대폰인증 등이 요구되는데 이러한 부분이 인증에 해당합니다. 2. 승인 (Authorization) - 권한을 부여하는 것 통제된 자원에 대해 자원의 주인이 클라이언트 접근에 대해 행하는 승낙이나 동의를 뜻합니다. ▣ OAuth 2.0 의 등장 배경 일반적인 인증 방식으로는 아이디와 비밀번호로 로그인 하는 방식이 많이 사용되어 왔습니다. 서버는 클라이언트로부터 아이디와 비밀..

안녕하세요. 이번에는 OSI 7계층에 대해 알아보려고 합니다. ▣ OSI 7계층이 뭐야? OSI 7계층은 국제표준화기구(ISO, International Organization for Standardization)에서 개발한 모델로 네트워크 통신 과정을 7계층으로 나눠 설명한 것입니다. ▣ 왜 7계층으로 나눈거지? 계층을 나눔으로 인해 각 계층은 독립적인 역할을 할 수 있습니다. 네트워크 통신에 문제가 발생했을 경우 어떤 계층에서 문제가 발생했는지 파악할 수 있고 이상이 생긴 계층만 고칠 수 있습니다. ▣ 7계층 종류는? OSI 7계층은 다음과 같이 7계층으로 나뉘어 집니다. Layer 7. 응용 계층 (Application Layer) 최상위 계층으로 애플리케이션(프로그램)이 네트워크에 접근할 수 있게..

이번에는 스레드와 프로세스에 대해 자세히 알아보려고 합니다. 하나의 프로세스는 여러개의 스레드를 가질 수 있습니다. ※ 프로세스(Process) - 메모리에 올라와 실행되고 있는 프로그램의 인스턴스 (독립적인 객체) - 운영체제로부터 시스템 자원을 할당받아 작업을 진행 ※ 스레드(Thread) - 프로세스 내에서 실행되는 작업의 단위 - 스레드들은 프로세스에 할당된 메모리, 자원 등을 공유 그림을 표현하면 다음과 같이 표현 할 수 있을 것 같습니다. 출처 https://gmlwjd9405.github.io/2018/09/14/process-vs-thread.html https://ybdeveloper.tistory.com/20 https://goodgid.github.io/What-is-Thread/ h..

Node.js 를 Javascript 런타임이라고 부르곤 합니다. 그렇다면 런타임(Runtime)은 어떤 의미일까요? 런타임이란, 운영체제 위 또는 운영체제 자체에서 실행되면서 특정 프로그래밍 언어가 구동될 수 있는 환경이라고 합니다. 즉 그림으로 표현하자면 다음과 같이 표현할 수 있을 것 같습니다. 출처목록 https://noelyppa.tistory.com/13 https://asfirstalways.tistory.com/99 https://spaghetti-code.tistory.com/35