도장 확장 프로그램 0.2.2

지금 보고 있는 화면을 한 번에 스터디 인증으로 남기는 크롬 확장입니다.
앱을 열고 그룹을 찾아 모달을 띄우는 과정을 버튼 하나로 줄입니다.

0.2.2에서 바뀐 것

군더더기 안내를 걷어냈습니다. 도장 찍기 버튼 아래에 있던 ‘스터디 기록으로
남깁니다’는 버튼이 이미 하는 말이라 뺐습니다. 그 자리는 스터디를 골라야 하거나
실패했을 때만 뜹니다.

팝업 안내를 줄였습니다. ‘한 번만 연결해두면 다음부터 바로 찍을 수 있습니다’가
‘처음 한 번만 연결하면 됩니다’가 됐습니다.

0.2.1에서 바뀐 것

팝업 입력칸이 창 밖으로 삐져나오던 것을 고쳤습니다.

칸 너비를 100%로 두고 안쪽 여백과 테두리를 더했는데, 그 둘을 너비에 포함시키라는
설정이 빠져 있었습니다. 프로그래머스에 뜨는 카드도 같은 문제를 안고 있었지만,
그쪽은 페이지가 이미 깔아둔 설정에 가려 보이지 않던 것뿐이라 함께 고쳤습니다.

어색한 문구를 다듬었습니다. ‘지금 화면으로 도장 찍기’는 ‘이 화면으로 도장 찍기’가
됐습니다.

0.2.0에서 바뀐 것

도장이 도장처럼 생겼고, 색이 파랑으로 바뀌었습니다.

초록 동그라미에 체크 표시였던 마크를 실제로 찍힌 도장으로 바꿨습니다. 가장자리가
손으로 누른 것처럼 흔들리고 가운데는 엄지가 파여 있습니다. 체크 대신 엄지를 쓴 건
모두가 같은 도장을 쓰기 때문입니다 — 도장에 새기는 글자는 원래 누가 찍었는지
밝히는 것이라 밝힐 게 없으면 자리를 비워두는 편이 낫습니다.

색은 초록에서 파랑으로 옮겼습니다. 초록 하나가 서비스 색이면서 ‘승인’ 표시까지
겸하고 있어서, 도장판이 초록으로 차면 그게 우리 색이라 그런 건지 다들 잘해서
그런 건지 구분이 안 됐습니다. 이제 승인은 색이 아니라 도장이 찍혔다는 사실로 읽힙니다.

웹과 확장이 같은 색을 씁니다.

설치

1. 아래 dojang-extension zip을 받아 압축을 풉니다.
2. 크롬에서 chrome://extensions을 엽니다.
3. 오른쪽 위 개발자 모드를 켭니다.
4. 압축해제된 확장 프로그램을 로드합니다를 누르고 압축을 푼 dojang-extension 폴더를 고릅니다.

주소나 키를 입력할 게 없습니다. 설치한 뒤 도장 아이콘을 눌러 GitHub로 한 번 연결하면 됩니다.
계정은 웹에서 쓰는 것과 같습니다.

쓰는 법

아이콘을 눌러 화면으로 남기기 — 인증할 화면에서 도장 아이콘을 누르고, 스터디를 고른 뒤
‘이 화면으로 도장 찍기’를 누릅니다. 보이는 탭을 캡처해 올립니다.

프로그래머스에서 정답이 나오면 — 채점 결과가 정답이면 오른쪽 위에 카드가 저절로 뜹니다.
도장 찍기를 누르면 제출한 코드가 그대로 기록됩니다. 팝업을 열 필요가 없습니다.
어느 스터디에 남길지는 아이콘을 눌러 한 번 골라두면 그걸 씁니다.

무엇을 읽나

• 아이콘을 눌렀을 때 보이는 탭의 화면과 탭 주소
• 프로그래머스에서는 채점 결과 문구(버튼을 띄울지 정하는 데만 쓰고 서버로 보내지 않습니다)와
  본인이 제출한 코드

문제 설명이나 입출력 예시 같은 플랫폼 콘텐츠는 읽지 않습니다.

알아두실 것

• 크롬 웹스토어 등록 전이라 개발자 모드로 설치합니다. 자동 갱신이 되지 않으므로
  새 버전은 다시 받아 같은 방식으로 교체해주세요.
• 프로그래머스 화면이 바뀌면 카드가 안 뜰 수 있습니다. 그때도 아이콘을 눌러 캡처로
  등록하는 방식은 그대로 동작합니다.
• 백준은 채점 서비스가 멈춰 있어 대상에서 빠져 있습니다.