MYMONDAY.ai
MYMONDAY.ai
서비스스튜디오도구데이터·포맷73CSS 생성기19색상·이미지10인코딩·보안10웹·SEO11개발·데브옵스10파일·내보내기18계산기6가이드

가이드

실전 가이드

공식을 직접 유도하고 실제 입력과 출력을 보여 주며 한계까지 밝히는 장문 해설입니다.

데이터·포맷

  1. 019분 읽기중첩 JSON을 CSV로 변환하고 엑셀에서 열기: 평탄화 전략과 데이터가 깨지는 지점JSON은 트리이고 CSV는 표이므로, 변환할 때마다 배열과 중첩을 어떻게 다룰지 정해야 합니다. 같은 입력에 세 가지 방식을 적용해 보고, 결과를 망가뜨리는 이스케이프·엑셀·정밀도 문제를 짚습니다.
  2. 028분 읽기YAML 문법 주의점: Norway 문제, yes/no 불리언, 8진수, 탭과 들여쓰기 오류YAML은 평범한 텍스트처럼 보여서 오히려 사고가 납니다. 같은 글자를 다르게 읽는 두 버전과, 줄에 따라 조용히 또는 시끄럽게 실패하는 들여쓰기 규칙이 대부분의 함정입니다.

CSS 생성기

  1. 039분 읽기CSS clamp() 유동 타이포그래피: 공식을 처음부터 유도하기유동 타입은 여러 개의 브레이크포인트를 CSS 한 줄로 대신합니다. 그래프 위의 두 점에서 그 한 줄을 직접 유도해 보면, 생성기가 만든 값도 스스로 검산할 수 있습니다.
  2. 047분 읽기Flexbox와 Grid의 차이, 언제 무엇을 쓸까: 판단표와 바로 쓰는 CSSFlexbox는 콘텐츠 크기를 기준으로 한 축 위에 요소를 늘어놓고, Grid는 먼저 정한 2차원 구조에 요소를 끼워 넣습니다. 레이아웃 버그는 대개 둘 중 하나를 골라 놓고 그 성질을 거스르면서 생깁니다.

색상·이미지

  1. 058분 읽기웹 도구가 파일을 정말 브라우저 안에서만 처리하는지 확인하는 법 (개발자 도구 Network·오프라인 테스트)"파일은 기기 밖으로 나가지 않습니다"라는 말은 브라우저 개발자 도구로 5분이면 검증할 수 있습니다. 테스트 방법, 결과를 읽는 법, 결론이 흔들리는 지점을 정리했습니다.
  2. 067분 읽기파비콘 사이즈와 설정 체크리스트: 모든 사이트에 필요한 최소 아이콘 세트아이콘 파일이 스무 개나 필요하지는 않습니다. 여섯 개면 충분하고, 각각이 서로 다른 클라이언트를 맡습니다. 여기에 매니페스트 하나, 그리고 옛 아이콘이 안 바뀌는 이유에 대한 대처가 필요합니다.
  3. 078분 읽기화질 손상 없이 이미지 용량 줄이기: 먼저 크기를 맞추고, JPEG·WebP·AVIF를 고른다용량이 큰 이미지는 대부분 화질이 아니라 픽셀 수가 문제입니다. 크기부터 맞춘 다음, 근거를 댈 수 있는 형식과 품질 값을 고르세요.
  4. 088분 읽기내 사진에 GPS 위치가 들어 있을까? EXIF·XMP·IPTC에 담긴 정보와 안전하게 지우는 법사진 파일에는 픽셀 말고도 어디서, 어떤 기기로, 언제 찍었는지가 들어 있고, 때로는 자르기 전 원본 모습까지 남아 있습니다. 무엇이 들어 있는지와 사진을 망가뜨리지 않고 지우는 방법을 정리했습니다.
  5. 099분 읽기WCAG 색 대비 완전 정리: 계산식, 기준값, 실패한 색을 고치는 법대비 비율은 판단이 아니라 짧은 공식입니다. 손으로 계산할 수 있게 되면 검사 도구가 내놓는 통과·실패도 더는 블랙박스가 아닙니다.

인코딩·보안

  1. 107분 읽기Base64란 무엇인가: 비트 단위 인코딩 원리, 패딩, Base64URL, data: URI까지Base64는 바이트를 6비트 조각으로 다시 자르는 고정된 규칙으로, 바이너리를 텍스트 전용 통로에 실어 보내기 위한 것입니다. 비트 배치를 한 번 보고 나면 패딩, 크기 증가, URL 안전 변형이 모두 거기서 따라 나옵니다.
  2. 1110분 읽기보안 헤더 설정 방법: HSTS, Content-Security-Policy 등 실무 적용 가이드보안 헤더는 서버 설정 몇 줄이지만, 잘못 넣으면 브라우저가 몇 달 동안 내 사이트를 열지 못할 수도 있습니다. 시작용 헤더 세트와 값마다의 이유, 켜는 순서를 정리했습니다.
  3. 1210분 읽기JWT 구조와 안전한 디코딩: 헤더, 페이로드, 서명, 그리고 디코딩이 증명하지 못하는 것JSON Web Token은 점으로 이은 Base64URL 문자열 세 개입니다. 읽는 데는 몇 초면 되지만, 믿으려면 검증된 서명과 몇 가지 클레임 검사가 필요합니다.

웹·SEO

  1. 138분 읽기robots.txt 디버깅 가이드: 어느 줄이 URL을 막는지 RFC 9309로 찾기robots.txt의 판정은 그룹 하나와 이기는 규칙 하나로 정해집니다. 크롤러가 이를 고르는 순서를 알면 추측 대신 정확한 줄을 짚을 수 있습니다.
  2. 147분 읽기오픈그래프(Open Graph) 태그 설정: 필수 태그, og 이미지 크기, 트위터 카드, 미리보기가 안 바뀌는 이유누군가 메신저나 피드에 URL을 붙여 넣을 때 보이는 카드는 여러분이 디자인한 페이지가 아니라 몇 개의 메타 태그로 만들어집니다. 어떤 태그가 있고 무엇이 필수인지, 안 바뀌는 미리보기는 어떻게 고치는지 다룹니다.

개발·데브옵스

  1. 1510분 읽기크론 표현식 완전 정리: 필드, 스텝, 시간대, 바로 쓰는 스케줄 20개크론 한 줄은 작업이 언제 실행될지를 정하는 다섯 개의 값입니다. 문법은 짧지만 스텝, OR 규칙, 시간대 이 세 가지가 스케줄링 버그의 대부분을 만듭니다.
  2. 167분 읽기Docker Compose 포트 매핑 완전 정리: 문법, 충돌 조건, "port is already allocated" 해결Compose의 포트 매핑은 호스트의 소켓 하나를 점유하겠다는 선언입니다. 어떤 선언끼리 겹치는지 정확히 알면 docker compose up이 왜 실패하는지, 어느 줄을 고쳐야 하는지가 보입니다.
  3. 177분 읽기정규식 정리와 정규표현식 예제: 자바스크립트(ECMA-262) 치트시트, 전부 Node에서 실행해 확인이 글의 패턴과 결과는 모두 Node 24에서 직접 실행한 값입니다. 기준은 자바스크립트(ECMA-262) 정규식이고, 마지막 절에 PCRE·파이썬과 다른 점을 따로 모았습니다.
  4. 189분 읽기OpenAPI 문서 리뷰하는 법: operationId, $ref, 파라미터, 응답 점검생성기와 문서 사이트는 OpenAPI 파일을 문자 그대로 읽습니다. 식별자·참조·응답을 몇 분만 점검해 두면 나중에 바꿀 수 없는 SDK 메서드 이름을 피할 수 있습니다.
  5. 197분 읽기npm의 ^와 ~ 차이: semver 범위가 풀리는 방식, 0.x와 프리릴리스 예외까지^1.2.3 같은 범위는 비교 연산자 한 쌍의 줄임 표기이고, 0.x 버전이나 프리릴리스 같은 경계 사례에서는 누구나 한 번쯤 놀랍니다. npm이 쓰는 semver 라이브러리로 직접 확인한 정확한 전개 결과를 보여 줍니다.

파일·내보내기

  1. 208분 읽기ChatGPT 대화 기록 내보내기, 읽기, 검색, 장기 보관하는 방법ChatGPT는 내 기록 전체를 ZIP 하나로 내려줍니다. 하지만 그 안의 파일은 사람이 읽도록 만들어지지 않았습니다. 구조를 이해하고 10년 뒤에도 열어 볼 수 있는 아카이브로 바꾸는 과정을 설명합니다.
  2. 218분 읽기Google Keep 메모를 Markdown으로 옮기는 법 (Takeout, 체크리스트, 라벨, 첨부파일)Keep에는 Markdown 내보내기가 없지만 Google Takeout은 모든 메모를 JSON으로 내줍니다. 그 데이터에 무엇이 들어 있고 각 필드가 Markdown 어디로 가는지, 빠진 것은 없는지 확인하는 방법을 설명합니다.
  3. 228분 읽기EML·MBOX 파일 여는 법: 헤더 읽기, 한글 깨짐 해결, Gmail Takeout MBOX를 EML로 나누기EML은 RFC 5322 형식의 메일 한 통을 텍스트로 저장한 파일이고, MBOX는 그런 메일을 이어 붙인 파일입니다. 둘 다 브라우저에서 읽을 수 있고, 메일 프로그램이 보여 주지 않는 정보도 헤더 안에 들어 있습니다.
  4. 238분 읽기노트를 내보내면 링크가 깨지는 이유와 Notion·Apple 메모·Obsidian 내보내기 복구법노트 내보내기는 폴더 트리와 그 안을 가리키는 텍스트의 묶음입니다. 이름이 바뀌거나 앱 고유의 링크 문법이 밖으로 나오면 모든 포인터를 다시 계산해야 하고, 결과는 몇 가지 숫자로 검증할 수 있습니다.
  5. 2410분 읽기모서리 로고 제거 결과 검수법: 영상·PDF·PPTX·이미지 체크리스트썸네일로는 멀쩡해 보여도 모서리가 번져 있거나, 프레임레이트가 바뀌었거나, PDF 글자가 더 이상 선택되지 않을 수 있습니다. 엔진별 동작을 알고 나면 어디를 봐야 하는지가 정해집니다.

계산기

  1. 257분 읽기chmod 755와 644의 차이: 리눅스 파일 권한 숫자, umask, 특수 권한 정리유닉스 권한은 열두 개의 비트일 뿐입니다. 이를 8진수 세 자리로 읽을 수 있게 되면 ls -l, chmod, umask는 외울 대상이 아니라 간단한 계산이 됩니다.
  2. 269분 읽기유튜브 예상 수익을 솔직하게 계산하는 법: CPM, RPM, 시나리오, 부수입'조회수 1,000회당 몇 달러'라는 숫자 하나에는 가정이 최소 여섯 개는 숨어 있습니다. 가정을 하나씩 적고, 한 점이 아니라 범위로 계산하고, 내 분석 데이터가 생기는 대로 추측을 교체하세요.
  3. 2710분 읽기서브넷팅·CIDR 치트시트: 이진수 계산, /8~/32 표, /24 분할 예제모든 서브넷 문제는 프리픽스 길이 하나로 귀결됩니다. /26이 어떻게 마스크, 블록 크기, 호스트 수가 되는지, /24를 겹침 없이 나누는 법을 보여 드립니다.
  4. 2810분 읽기유닉스 타임스탬프와 시간대: 초·밀리초, ISO 8601, 서머타임, 2038년 문제시간 버그의 대부분은 순간(instant), 현지 벽시계 시각, 시간대 규칙이라는 서로 다른 세 가지를 섞어 쓰는 데서 나옵니다. 이 글은 셋을 분리하고 각각이 어디서 깨지는지 보여 줍니다.