스마트폰에서 ChatGPT에게 HTML이나 JavaScript를 작성하게 하고, 그것을 GitHub나 블로그, 메모 앱 등에 붙여넣어 사용하는 일이 늘어나고 있습니다.

하지만 스마트폰에서 긴 코드를 다루는 것은 의외로 힘든 일입니다.

예를 들어,

• 입력창의 전체 내용을 복사하고 싶다
• 입력창의 전체 내용을 삭제하고 싶다
• GitHub의 편집창에서 긴 코드를 교체하고 싶다
• ChatGPT로 만든 HTML을 스마트폰만으로 공개하고 싶다
• 플러그인용 JavaScript를 스마트폰에서 조금 수정하고 싶다

이런 작업은 PC라면 그리 어렵지 않습니다.

하지만 스마트폰에서는 전체 선택, 복사, 삭제 조작만으로도 상당히 번거롭습니다.

그래서 스마트폰에서 HTML이나 플러그인을 자주 다루는 분들에게는 개인적으로 Via라는 브라우저를 추천하고 싶습니다.

Via는 상당히 가볍고 조작감도 매우 좋은 브라우저입니다.

평소 사용하는 브라우저로서도 편리하지만, 개인적으로 특히 우수하다고 생각하는 것이 스크립트 기능입니다.

이 스크립트 기능을 사용하면 사이트 측에 자신만의 JavaScript를 아주 조금 추가할 수 있습니다.

즉, 평소 자주 사용하는 사이트의 조작을 자신에게 맞춰 조금 더 편리하게 만들 수 있습니다.

※ 슬프게도 음성 읽기 기능은 없었습니다. 소설 사이트를 열면 자동으로 읽어주는 스크립트를 만들었지만, Via에서는 동작하지 않았습니다.

스마트폰에도 기본적으로는 '전체 선택' 기능이 마련되어 있습니다.

다만, PC의 Ctrl+A처럼 어디서든 한 번에 안정적으로 사용할 수 있는 느낌과는 조금 다릅니다.

입력창을 길게 눌러 메뉴를 띄운 뒤 '전체 선택'이나 '모두 선택'을 고르는 흐름이 되는 경우가 많지만, 사이트나 입력창, 스마트폰 기종, OS 버전 등에 따라 조작감이 달라집니다.

특히 ChatGPT로 만든 긴 HTML이나 JavaScript를 GitHub 등에 붙여넣을 경우, 전체 선택을 하려다 커서가 이동하거나 범위 선택 핸들을 제대로 조작하지 못해 상당히 스트레스를 받는 일이 생기곤 합니다.

그렇기 때문에 입력창 근처에 '복사', '삭제' 등의 버튼을 띄울 수 있는 것만으로도 스마트폰에서의 작업은 상당히 편해집니다.

예를 들어, GitHub에서 HTML이나 JavaScript를 공개할 때 스마트폰은 입력창 조작이 힘듭니다.

긴 코드를 전체 선택해서 복사하거나, 전부 지우고 새로운 코드로 교체하는 것만으로도 은근히 시간이 걸립니다.

그래서 입력창에 포커스가 갔을 때만 입력창 근처에 보조 버튼을 표시하는 스크립트를 만들었습니다.

현재 공개하고 있는 것으로는 입력창 아래에 다음과 같은 버튼을 띄울 수 있습니다.

• 복사
• 삭제
• 앞부분 삭제
• 뒷부분 삭제

이것만으로도 스마트폰에서의 코드 편집이 상당히 수월해집니다.

특히 ChatGPT로 만든 HTML을 GitHub에 붙여넣을 때나, 기존 코드를 한 번 삭제하고 교체할 때 유용합니다.

입력창 조작을 편하게 해주는 스크립트는 여기 있습니다.

Via의 스크립트 기능에는 URL로부터 도입하는 기능이 있습니다.

그 기능으로 위 URL을 지정하면 스마트폰에서도 입력창 조작을 보조할 수 있게 됩니다.

사용할 경우에는 모든 경우를 다 커버하지는 않으므로, ChatGPT 같은 AI에게 첨부하여 안전한지 물어본 뒤 사용하는 것을 권장합니다. 프로그래머나 SE 분들은 가능하다면 육안 체크를 부탁드립니다.

이런 종류의 스크립트는 특정 사이트뿐만 아니라 많은 사이트에서 도움이 됩니다.

예를 들어,

• GitHub
• Qiita
• 블로그 포스팅 화면
• 메모계 Web 앱
• ChatGPT로 만든 HTML을 붙여넣는 화면
• 장문을 입력하는 폼

등에서 복사나 삭제 조작이 편해집니다.

스마트폰에서 '긴 입력창'을 다룰 기회가 많은 사람일수록 그 혜택을 느끼기 쉬울 것이라 생각합니다.

기사의 취지와는 조금 다르지만, 일부 쇼핑몰 사이트의 검색창 입력을 효율화하는 데도 적합하다는 인상입니다.

Via의 스크립트 기능을 사용하면 조작 보조뿐만 아니라 사이트의 모습도 어느 정도 변경할 수 있습니다.

예를 들어, 아래 스크립트에서는 사이트 전체를 크림색 배경과 검은색 글씨에 가깝게 조정하고 있습니다.

이런 것을 만들면,

• 눈이 편안한 배색으로 만들기
• 흰색 배경을 크림색으로 만들기
• 글자를 검은색에 가깝게 만들기
• 입력창이나 버튼의 모양을 바꾸기

등의 작업도 가능합니다.

물론 사이트에 따라서는 표시가 깨지는 경우도 있습니다.

따라서 만능은 아닙니다.

다만 자신이 자주 사용하는 사이트를 조금 더 쓰기 편하게 만드는 목적이라면 상당히 편리할 것이라고 생각합니다.

스크립트는 편리하지만, 무엇이든 다 넣어도 되는 것은 아닙니다.

스크립트는 페이지 위에서 동작하는 JavaScript (자바스크립트)이므로, 내용을 이해할 수 없는 것을 부주의하게 넣는 것은 피하는 것이 좋습니다.

특히,

• 비밀번호
• 개인정보
• 결제 정보
• 중요한 계정 정보

를 다루는 사이트에서는, 모르는 스크립트를 실행하지 않는 것이 안전합니다.

직접 만든 스크립트나, 내용을 확인할 수 있는 스크립트를 사용하는 것이 무난합니다.

스마트폰에서 ChatGPT로 만든 HTML이나 JavaScript (자바스크립트), 플러그인을 다루는 사람에게는, Via 브라우저의 스크립트 기능이 상당히 편리할 것이라고 생각합니다.

특히, 입력란 아래에 「복사」 「삭제」 등의 버튼을 만드는 것만으로도, 스마트폰에서의 작업 효율이 상당히 달라집니다.

PC라면 간단한 조작이라도, 스마트폰에서는 번거로운 일이 많습니다.

그러한 작은 불편함을, 자신만의 스크립트로 조금씩 줄여나갈 수 있는 것이 Via의 장점이라고 생각합니다.

스마트폰으로 HTML이나 플러그인을 만드는 분들은, 꼭 한번 시도해 보세요.