💻 개발자 도구
CSS 값을 눈으로 조정하면서 코드를 뽑아내고, 뒤엉킨 JSON을 읽을 수 있게 정리합니다. 에디터나 플레이그라운드를 켜기엔 사소하지만 손으로 하기엔 번거로운 작업들입니다. JSON 포맷터는 붙여 넣은 내용이 서버로 전송되지 않으므로 토큰이나 개인정보가 섞인 API 응답도 그대로 확인할 수 있습니다.
어떤 걸 써야 할까요
- 배경 그라데이션 만들 때CSS 그라데이션 생성기
- 그림자 값 조정할 때박스 그림자 생성기
- API 응답을 뜯어볼 때JSON 포맷터
개발자 도구 전체 3개
자주 묻는 질문
붙여넣은 JSON이 서버로 전송되나요?
전송되지 않습니다. 브라우저 안에서만 파싱하므로 API 응답이나 토큰이 들어 있어도 기기 밖으로 나가지 않습니다.
Base64는 암호화인가요?
아닙니다. 바이너리를 텍스트로 안전하게 옮기기 위한 인코딩일 뿐이라 누구나 되돌릴 수 있습니다. 비밀 정보를 감추는 용도로 쓰면 안 됩니다.
HEX 색상 코드를 RGB로 어떻게 바꾸나요?
#RRGGBB의 두 자리씩을 16진수에서 10진수로 바꾸면 됩니다. #FF8A5B는 rgb(255, 138, 91)입니다.
CSS 그라데이션 코드는 어디에 붙여넣나요?
생성된 background 속성을 그대로 CSS에 넣으면 됩니다. 방향과 색상 정지점을 바꾸면 코드가 실시간으로 갱신됩니다.