만족

https://startatage30.tistory.com/12 [MongoDB] 우분투(ubuntu 20.04)에 (몽고디비)mongodb 설치 1. wget -qO - https://www.mongodb.org/static/pgp/server-6.0.asc | sudo apt-key add - 2. echo "deb [ arch=amd64, arm64 ] https://repo.mongodb.org/apt/ubuntu focal/mongodb-org/6.0 multiverse" | sudo tee /etc/apt/sources.list.d/mongodb-org-6.0.list 3. sudo ap startatage30.tistory.com

웹 어플리케이션에서 데이터 패칭, 캐싱, 서버 상태와 동기화 및 업데이트(fetching, caching, synchronizing and updating server state)를 쉽게 만들어주는 library 이 포스트에서는 react-query의 기초적인 개념 몇 가지에 대해 다룬다. Installation yarn add @tanstack/react-query eslint와 함께 사용하는 것을 추천, 세팅은 아래 링크 참조 https://tanstack.com/query/latest/docs/eslint/eslint-plugin-query ESLint Plugin Query | TanStack Query Docs tanstack.com Quick Start: queryClient https://t..

const normalDoc = await MyModel.findOne(); mongoose를 이용하여 쿼리할 때 위와 같은 형태로 쿼리한다. https://mongoosejs.com/docs/index.html mongoose 의 quick start에서도 위와 같이 소개하고 있어 계속 이렇게 사용해왔지만, 클러스터링까지 사용하게 되면서 cpu, memory 사용량이 증가하여 조치를 취해야만 한다. 쿼리 시 어떤 데이터를 반환하는가? const normalDoc = await MyModel.findOne(); 이 코드를 사용했을 때 normalDoc에는 어떤 데이터가 할당될까? util.inspect와 console.log를 이용해 normalDoc을 찍어보면 { _id: 659bc8cc415b117a..

얼마 전부터, 불명의 원인으로 서버의 CPU수치가 100%로 치솟으면서 내려오지 않아 서버가 요청을 전혀 처리하지 못하는 현상이 발생하고 있다. 특정 프로세스, 특정 시간이나 특정 주기로 발현되는 증상도 아니고, 어쩔 땐 하루에 두번이나 저랬다가 또 어쩔 땐 몇주동안 발생하지 않는다. 아직 원인을 찾지 못해서 장애를 인지하면 문제가 되는 프로세스를 재시작하고 있다. 현재 서버 내 서비스 구조를 간단히 요약하면 위와 같다. 백엔드 프레임워크들끼리도 특정 기능을 의존하고 있고, DB는 거의 모든 api에서 사용하고 있기 때문에 이들 중 하나만 장애가 발생하더라도 연쇄적으로 장애가 발생한다. 장애가 발생할 경우 빠른 인지, 수정, 복구가 가능해야 하는데, 이 상황에서 가장 중요한 것은 '빠른 인지'기 때문에 ..

2023년 9월 18일 새벽 2시경부터 ssh 접속이 불가능한 문제가 발생했다. OS 업데이트 중 실패하여 발생한 문제로 파악하고, 매일 0시에 스냅샷을 백업하게 설정해 두었기 때문에 크게 생각하지 않고 복구 작업에 들어갔다. 그러나 17일, 16일... 12일까지 저장된 모든 스냅샷을 이용해 새 인스턴스를 만들었지만 전부 ssh 접속이 불가능했다. 문제는 ssh 접속뿐만 아니라 대부분의 서비스(apache, mysql 등)이 동작하지 않고 있었다. 부팅 자체가 실패했는가? 에 대해서는 서버 모니터링 시스템에선 정상적으로 트래픽이 들어오고 있었기 떄문에 부팅은 성공했지만 일부 서비스 구성에 실패한 것으로 보인다. 서버 복구를 위해 어떤 일들을 했는지 정리해보고 같은 문제를 겪고 있는 사람들에게 도움이 되..

웹 배포 후 정상적으로 작동하는지 확인해보기 위해 직접 몇몇 url들로 들어가, 정상적으로 웹사이트가 동작하는지 확인하고는 한다. 그러나 매 배포마다 모든 페이지를 확인하기는 번거로우며, 그렇다고 테스트 코드를 빡빡하게 작성하기에는 부담스럽다. cypress를 사용하면 이 작업을 간단히 자동화할 수 있다. 가령 특정 url로 접근하기만 해도 웹사이트가 터져버리는데 미처 확인하지 못해 한참 뒤에나 알아차린 경험이 있다면 아주 간단한 cypress test를 적용하는 것 만으로도 그런 상황을 막을 수 있을 것이다. 샘플 프로젝트 세팅 # 리액트 프로젝트 생성 npx create-react-app simple-cypress-with-react cra로 리액트 프로젝트를 생성해준다. yarn add react-..

아파치 설정 튜닝 후, 동시 연결을 테스트할 때 발생했다. 한 번에 열 수 있는 파일 갯수에 대한 제한이 있는데, 이것을 늘려 주면 해결된다. ulimit -n 현재 설정된 동시 오픈 수 확인 (1024로 확인됨) ulimit -n 4096 뒤에 원하는 동시 오픈 제한 수를 입력해주면 늘릴 수 있다.

어느 순간부터 AWS lightsail의 기본 CPU core 사양이 2core 로 변경되었다. 분명 20달러부터 2코어였는데, 아무도 모르게 2core로 변경되었다. 문제는 기존 플랜을 사용하던 사용자의 사양은 자동으로 변경되지 않았다는 것인데... CPU가 더 낮은 사양으로 변경되고 코어를 하나 추가해 준 것인지, 아니면 동일한 CPU에 그냥 코어를 하나 덤으로 추가해 준 것인지에 대한 정보는 알 수가 없어 직접 확인해 보았다. 기존 플랜과 신규 플랜의 CPU cat /proc/cpuinfo | grep 'name'| uniq 위 명령어로 CPU 모델 정보를 가져올 수 있다. 기존 플랜의 CPU는 Intel(R) Xeon(R) CPU E5-2686 v4 @ 2.30GHz 이고, 신규 플랜의 CPU는 ..

yarn classic yarn classic(v1) 과 npm에서 의존성을 추가하면 node_modules 에 설치된다. 새로운 프로젝트를 생성하고, yarn init 으로 초기화한 후 yarn add react 를 이용해 react 의존성을 추가하면 node_modules에 react 패키지가 추가된 모습을 볼 수 있다. 그런데 분명 추가한 것은 react 하나뿐이지만, js-tokens 와 loose-envify 패키지도 존재하는 것을 확인할 수 있다. node_modules/react/package.json의 dependencies를 살펴보면 loose-envify를 사용하고 있고, node_modules/loose-envify/package.json의 dependencies를 살펴보면 js-to..

음식점/카페업종 부가가치세 신고를 도와주면서 많은 도움이 되었던 영상이다. 아래 영상을 보면서 차근차근 따라하면 쉽게 신고를 마칠 수 있다. https://www.youtube.com/watch?v=kyPQGtt_u00&ab_channel=%EC%84%B1%EC%8B%A4%ED%95%9C%ED%8B%B0%EB%B9%84 빠진 내용이 있어 몇 가지만 첨언하고자 한다 1. 현금매출(현금영수증, 세금계산서를 발행하지 않은 건)은 직접 입력해 주어야 한다. -> 물론 증빙이 없으니 국세청에서 100% 잡지는 못하겠지만... 괜히 걸리면 피곤해진다. 2. 매입 전자세금계산서를 발급받은 신용카드 매입분은 제외시켜야 한다. -> 사업용 신용카드 등록을 하면 어떻게 되는지는 모르겠지만, 이번에는 등록하지 않아서 직접 ..

기본스킨에 약간 수정한 스킨을 3년정도 썼는데, 질려서 새로운 스킨을 찾아봤다. 그 중, hELLO 라는 스킨이 예뻐보여서 적용해봤다. https://pronist.dev/5 hELLO 티스토리 스킨을 소개합니다. hELLO 스킨은 본래 기능의 많이 없었다가, 티스토리 블로거 여러분의 호응에 힘입어 기능의 추가와 함께 업데이트를 여러 번 하게 되었습니다. hELLO 1.0 때와 비교하면 비교할 수도 없을 만큼의 기 pronist.dev 외부 스킨 추가 방법 관리자 메뉴로 들어가서, 스킨 변경-> 스킨 등록 버튼을 클릭한다. hELLO 스킨 기준으로 설명하자면, 스킨을 다운받고 압축 파일이라면 해제한다. 그리고, 해당 폴더 안에 있는 모든 파일을 선택해서 추가한다. hELLO의 경우 스킨 폴더 내에 파일들..

https://twojobschool.co.kr/871 애드센스 종합소득세 신고 방법(직장인 투잡) 오늘은 애드센스 수익의 종합소득세 신고 방법과 유의사항에 대해 알아보겠습니다. 5월은 종합소득세 신고/납부의 달입니다. 티스토리나 워드프레스 블로그를 운영하시거나, 유튜브 크리에이 twojobschool.co.kr 종합소득세 신고의 달이 다가왔다... 위 링크를 참고해서 진행하면 된다. 참고했던 링크 중에서 가장 잘 설명한 포스트라고 생각한다. 요약 및 추가내용 Q. 애드센스(애드몹) 수익은 사업소득? 기타소득? A. 일시적으로 발생하는 수익(복권 당첨 등)은 기타소득, 꾸준히 발생하는 소득은 사업소득이다. 따라서, 사업소득으로 신고한다. 직장을 다니고 있다면 사업소득, 근로소득 두 가지로 신고하면 된다...

여러가지 nodejs 데몬 툴 중 forever와 pm2가 특히 유명한데, forever는 기능은 적지만 사용법이 매우 간단해 운영중인 nodejs 서비스에 사용 중이었다. 그러나 모니터링, 무중단 업데이트와 같은 다양한 기능들이 필요하게 되었고, 따라서 forever에서 pm2로 이주해보려 한다. https://pm2.keymetrics.io/ PM2 - Home Advanced process manager for production Node.js applications. Load balancer, logs facility, startup script, micro service management, at a glance. pm2.keymetrics.io PM2 Nodejs 데몬 프로세스 매니저다. 단순..

Fatal Exception: java.lang.IllegalStateException: Can not perform this action after onSaveInstanceState at androidx.fragment.app.FragmentManager.checkStateLoss(FragmentManager.java:1844) at androidx.fragment.app.FragmentManager.enqueueAction(FragmentManager.java:1884) at androidx.fragment.app.BackStackRecord.commitInternal(BackStackRecord.java:329) at androidx.fragment.app.BackStackRecord.commit..

마이렛저는 광고 표시를 위해 Google Admob을 사용하고 있습니다. 광고 표시를 위해 Admob에서 일부 정보를 수집할 수 있으며, 이 정보는 개발자에게 전달되는 것이 아니며, Admob에서 최적화된 광고 표시를 위해 자체적으로 사용합니다. Admob의 개인정보 처리방침은 Google 개인정보 처리방침을 따릅니다. https://policies.google.com/privacy?hl=ko 개인정보처리방침 – 개인정보 보호 및 약관 – Google 방침 정보 이 방침의 적용 이 개인정보처리방침은 YouTube, Android, 타사 사이트에서 제공되는 서비스(예: 광고 서비스)를 포함해 Google LLC 및 계열사가 제공하는 모든 서비스에 적용됩니다. 이 개인 policies.google.com 개..

Android Studio에서 JDK 버전을 업데이트하려면 다음 단계를 따르세요. 공식 웹 사이트( https://www.oracle.com/java/technologies/javase-downloads.html ) 에서 최신 JDK 버전을 다운로드하여 설치합니다 . Android Studio를 열고 파일 > 프로젝트 구조로 이동합니다. 프로젝트 구조 대화 상자의 왼쪽 메뉴에서 SDK 위치를 선택합니다. JDK 위치에서 경로 옆에 있는 줄임표 버튼을 클릭하고 최신 JDK 버전을 설치한 위치를 선택합니다. 적용을 클릭한 다음 확인을 클릭합니다. 변경 사항을 적용하려면 Android 스튜디오를 다시 시작하세요. 그게 다야! 이제 Android Studio에서 설치한 최신 JDK 버전을 사용합니다. -----..

CLS(Cumulatie Layout Shift) 누적 레이아웃 변경 수치를 말한다. 예를 들어 img 태그에 가로/세로값을 지정하지 않았을 때, 이미지 로딩이 끝난 이후에야 크기를 추정할 수 있으므로 이미지 로딩 중에는 크기가 0으로 추정되고 로딩이 끝나고 나면 크기가 결정되어 레이아웃의 위치가 변경된다. 네트워크의 속도가 느리거나, 크기를 지정하지 않은 이미지의 갯수가 많은 경우 많은 레이아웃 이동이 발생하고, 레이아웃의 이동은 사용자가 의도하지 않은 항목의 클릭과 같은 문제로 UX가 저해된다. 이것을 수치화시킨 것이 CLS 수치이다. (lower is better) CLS 측정하기 크롬 개발자 도구의 lighthouse 를 이용해 측정할 수 있다. 이미지와 글밖에 없는 간단한 html이지만 벌써부터..

전면 광고가 성공적으로 로딩되었음에도 로딩되지 않는 현상이 포착되었다. 조건 만족 시 전면 광고 로딩이 실패하거나 표시된 후 다음 동작이 실행되었기 때문에 매우 치명적인 문제였다. 오류 설명 코드에서는 전면 광고를 담당하는 로직을 분리해 별도의 클래스에서 관리하고 있었다. public void load(Context context) { mInterstitialAd = new InterstitialAd(context); if (BuildConfig.DEBUG_MODE) { mInterstitialAd.setAdUnitId("ca-app-pub-3940256099942544/1033173712"); } else { mInterstitialAd.setAdUnitId("AD_UNIT_ID"); } mInters..

골든래빗 출판사로부터 책을 제공받아 작성했습니다 -골든 래빗 출판사- 소위 말하는 '고수' 분들의 이야기를 담은 책이다. 작년에 대학을 졸업하고, 올해 개발자로서 1년차를 맞이하게 되었기 때문에 어떻게 내 커리어를 만들어갈 지에 대한 고민이 많던 중 이라는 책의 리뷰어를 신청해 선정되었다. 어떤 내용인가? 사실 책의 표지에서 풍기는 분위기로는 딱딱하게 풀어갈 줄 알았지만, 저자와 커피 한잔 하며 궁금한 것을 대답해 주는것만 같은 편안한 분위기로 내용이 진행된다. 책의 추천사에서도 말했듯이, '꼰대스럽지 않게' 생각의 방향을 제시해준다. 목차 1. 덕업일치를 넘어서 2. 오류를 만날 때가 가장 성장하기 좋을 때다 3. 소프트웨어 디자인 원칙 4. 나의 메이저 버전을 업그레이드하는 마이너 원칙들 5. 이직,..

갑자기 정책 위반 관련 메일을 받고 수익창출이 아예 틀어막혀버렸다. 원인 파악과 의심되는 원인을 수정하는 과정을 소개한다. (정확한 문제를 알려주지 않아 추정해서 수정해야 한다) 원인 파악 1: 다른 액티비티에 의해 전면 광고가 가려질 수 있음 현재 사용중인 광고는 전면 광고, 배너 광고, 네이티브 고급 광고이다. 배너 광고와 네이티브 고급 광고는 구조적으로 가려질 수 없었기에 전면 광고를 의심했다. 내 앱의 전면 광고 표시 로직을 요약하면 다음과 같다. 1. 액티비티를 새로 여는 동작이 감지됨 2. 액티비티를 여는 동작을 인터셉트하여 중지시키고, 전면 광고 데이터가 로딩 완료되었는지 체크 3-1. 예) 전면 광고를 표시하고 광고가 닫힌 후 액티비티 여는 동작 마저 실행 (3-1이 한번 실행된 이후에는 ..