2022년 03월 11일
그룹웨어 로그인 플러그인
출퇴근 서비스를 만들었지만, 그룹웨어의 다른 기능들을 사용하려면 결국 그룹웨어 페이지에서 QR코드를 인증해야했다.
나는 console에 스크립트를 입력하여 로그인하다보니 상관 없었지만, 다른 사람들에게 개발자 도구 켜서 스크립트 입력하세요라고 알려주기에는 비개발자들이 접근하기 어려웠다.
크롬 플러그인
처음에는 출퇴근 페이지에서 한번에 처리하는게 편하다고 생각했지만, CORS 이슈와 쿠키 셋팅하는 부분에서 우회하는 처리가 까다로웠다.
시간을 많이 소요하기에는 임펙트가 없다고 생각하기에 플러그인으로 CORS를 해결하고 API를 다이렉트로 호출하여 setCookie를 받으면 빠르게 작업 처리가 가능하다고 판단하여 크롬 플러그인 형태로 진행했다.
결과물
-
2022년 05월 07일
SSH 접근 오류
`REMOTE HOST IDENTIFICATION HAS CHANGED!` 인스턴스 사양을 늘리기 위해 스냅샷으로 새로운 서버를 생성, 다시 접근하는데 다음과 같은 오류가 났다. 현재 PC에서 SSH로 접근하는 서버의 인증 정보를 가지고 있는데, 동일한 IP 서버 인증키가 달라졌기 때문에 경고를 주는 것. ## 해결방법 해당 서버의 키만 제거하려다가 그냥.. 다 지워버렸다. ```bash rm -r /var/root/.ssh/known_hos ```
-
2022년 05월 07일
AWS Lightsail Nextjs, Nodejs 셋팅
출퇴근 페이지를 개선하면서 도메인을 변경했고, 서버를 이전하기로 했다. 프로젝트 사이즈, 서버 비용을 감안하여 EC2보다는 Lightsail으로 작업을 진행했다. ## Lightsail 설정 ### Instance 생성  인스턴스 이미지는 OS만 설치하도록 설정했다. ( Ubuntu 20.04 LTS ) nginx가 설치된 형태도 진행해봤는데, 다른 패키지 설치 과정에서 충돌나거나 nginx.conf 파일에서 추가적인 작업을 하는 등의 이슈로 그냥 OS만 설치하는게 마음이 편했다. ### Static IP / DNS 생성  도메인을 가비아에서 구매했고, Lightsail 서버에 연동이 필요했다. Network 탭에서 Static IP, DNS zone을 클릭하여 IP, DNS를 발급받았다.  발급받은 후 모습이며, Static IP는 생성한 인스턴스에 연결해야하고 DNS에서는 records를 생성하여 도메인을 추가해야한다. > **가비아에서 도메인 설정 방법** > 도메인 정보 변경 -> 네임서버 설정 > DNS 정보 -> DNS 관리 -> A 레코드, IP 입력 ## 서버 설정 ### 서버 접근 Lightsail에서 Connect하면 브라우저 콘솔로 서버에 접근할 수 있지만, iterm이 편하다 보니 ssh key...
-
2022년 01월 02일
그룹웨어 간편화 웹페이지
회사 합병으로 기존 출퇴근과 법인카드 사용 방식이 변경되었고, 그룹웨어 페이지에 접속하여 수기 진행하는 방식으로 제공되었다. 그룹웨어의 출퇴근 방식은 PC로만 제공되어서 모바일로 출퇴근이 불가능했고, 노트북을 회사에 두고 다니는 사람들은 퇴근을 누르지않아 회사로 복귀하는 상황이 지속적으로 발생했다. 또한 법인카드 사용내역 등록 방식이 복잡해지면서 혼란이 가중되고 직원들이 불편함을 호소했다. 기존처럼 모바일로 출퇴근한다면 생산성이 올라가지 않을까하여 그룹웨어와 통신하는 웹페이지를 기획했다. 초기버전 프론트는 Next.js로 Vercel로 배포하였으며, 백엔드는 Node.js로 구성했다. 백엔드는 서버에 배포했는데, AWS Lightsail + Ubuntu 환경에 nginx를 붙였다. SSH 셋팅을 진행하고 PM2로 서비스를 관리했다. ( 참고 ) 초기버전에서는 출퇴근 기능과 법인카드 사용내역을 포맷에 맞게 등록해주는 기능을 구현했다. 사이트에서는 항상 로그인 계정을 입력받고 그룹웨어와 통신하여 데이터를 가져온다. 출퇴근과 법인카드는 직원들이 가장 많이 접근하는 메뉴이기 때문에 채널에 오픈 당시 많은 환영을 받았다. 기능 업그레이드 5월 포괄임금제 정책이 변경되면서 출퇴근 기록이 중요해졌고, 유저에게 더 의미있는 정보를 제공해보았다. 다양한 인사관리 프로그램을 참고하여 어떤 정보를 제공하면 좋을까 고민하고 다음과 같이 UI를 변경했다. 메인화면에서는 출퇴근 시간을 UI로 명확하게 보여주고, 휴가와...