‘Copy Anything to Clipboard’ WordPress Plugin

블로그나 티스토리를 쓸 때는 당연히 코드 복사 기능이 있어 불편하지 않았는데, WordPress로 바꾸니 복사 아이콘도 없고, Ctrl + A키를 누르면 화면 전체가 선택돼서, 찾아보니 Copy Anything to Clipboard(한글명 클립보드에 복사)란 플러그인이 있습니다.

1. Copy Anything to Clipboard

가. 플러그인 추가

알림판에서 플러그인 > 플러그인 추가를 클릭하고

플러그인 추가 메뉴

플러그인 검색 란에 ‘copy anything’이라고 입력하면 한글로 ‘클립보드에 무엇이든 복사하기’로 표시되고, 왼쪽 아이콘 안에 ‘Copy Anything to Clipboard’가 표시됩니다.

'클립보드에 무엇이든 복사하기(Copy Anything to Clipboard)' 플러그인

지금은 오른쪽 버튼명이 설치가 되고 활성화돼서 ‘활성’이라고 되어 있는데, 설치가 안되어 있다면 오른쪽 플러그인 처럼 ‘지금 설치’라고 되어 있을 것이므로 ‘지금 설치’ 버튼을 눌러 설치합니다.

나. 설정 – 실패 => ‘다. 설정 – 성공’으로 건너뛰어도 됩니다.

플러그인 설치를 하면 아래와 같이 설정 화면이 나옵니다.

'클립보드에 복사' 설정 메뉴

처음에는 뭔지 모르고 그냥 글쓰기로 넘어가서 글을 작성하고,

왼쪽 위 블록 삽입기를 누르고, 맨 아래로 내려가서 ‘클립보드에 무엇이든 복사하기’ 그룹의 ‘복사 아이콘’을 눌러 코드 위에 ‘복사 아이콘’을 추가한 후

'블록 삽입기'의 '클립보드에 무엇이든 복사하기 그룹'내 '복사 아이콘'

보기 > 새 탭에서 미리 보기를 눌러

새 탭에서 미리보기

글 위의 복사 아이콘을 누르면

글에 '복사하기 아이콘'이 추가된 모습

‘Copied’라고는 표시되는데, 메모장에 붙여 넣기를 하면

'복사 아이콘' 클릭시 'Copied'란 설명이 표시됨

아무 것도 붙여지지 않습니다.

다. 설정 – 성공

(1) 설정

‘클립보드에 무엇이든 복사하기’ 플러그인을 설정하기 위해

알림판 > 설정 > ‘클립보드에 복사’를 누른 다음

설정 > '클립보드에 복사' 메뉴

설정을 하는데, 이미 설정이 되어 있으므로, ‘code 복사’ 아래의 편집을 눌러보겠습니다.

'클립보드에 복사' 설정 목록

그러면 아래와 설정된 내용이 나오는데,

'클립보드에 복사' 설정 사항(Post Title, Selector, Format, Style 등)

Post Title은 ‘code 복사'(각자 알맞게 설정)이고,

설정(Settings)의 의미는 pre 태그(Selector)가 있으면

Default 형식(글 복사)으로 복사하는데,

모양은 아이콘이 아닌 버튼 모양이고,

버튼의 설명문은 Copy to Clipboard, Copied 등입니다.

설정을 다 했으면 아래 Save Changes 버튼을 눌러 저장합니다. 위에서는 Save Changes가 비활성화되어 있었는데, 설정을 바꾸면 활성화됩니다.

'클립보드에 복사' 저장 버튼

(2) Style – 아이콘과 버튼

버튼 모양이 아닌 아이콘 모양으로 하면

코드 블록의 배경색이 회색인 경우 인지가 잘 안되어

'복사 아이콘'이 회색 배경인 경우 잘 구분되지 않음

버튼 모양으로 하는 것이 구분이 잘됩니다.

'복사 버튼'은 회색 배경인 경우에도 잘 보림

(3) Format – Default, Google Docs, Email

참고로 Format은 Default, Google Docs, Email 형식이 있습니다.

'클립보드에 복사' 설정 중 Format 옵션

(4) 적용 결과

이제 작성된 글을 보면 코드뿐만 아니라 정형화된 형식으로 작성된 부분에도 ‘Copy To Clipboard’가 윗 부분에 추가된 것을 알 수 있고,

Code와 정형화된 형식에 '클립보드에 복사' 설정이 적용된 화면

이미 작성된 글 전체에 일괄적으로 적용된 것을 알 수 있습니다.

3. 상세한 설명 사이트

코드 말고, 다른 설정을 하고 싶으면 아래 사이트의 ‘continue reading’를 눌러서 읽어보기 바랍니다.

코드 복사뿐만 아니라 아래와 같이 다양한 복사 기능을 제공합니다.

'클립보드에 복사'가 적용 가능한 다양한 종류

한번씩 읽어보면 좋을텐데 읽어도 지식이 짧아 여러 번 읽어봐야 하겠습니다.

Rust 생태계와 Hello, World! 출력하기

🔸 Rust 생태계

러스트의 생태계는 여러가지 도구들로 구성되어 있으며, 그 중 중요한 것은 rustc, cargo, rustup입니다. 그러나, Visual Studio Code가 있기 때문에 cargo new를 이용해 간단하게 패키지를 만들고, cargo run을 이용해 실행할 수 있습니다.

  • rustc : rust의 확장자는 .rs이며, 이 파일을 바이너리 또는 다른 중간 형식으로 변환해주는 역활을 하는 컴파일러입니다. 그러나 Visual Studio Code(이하 code)를 사용하기때문에 거의 사용하지 않습니다.
  • cargo : rust 실행에 필요한 라이브러리를 관리하고 또한 프로젝트를 관리, 빌드, 테스트하는 도구입니다.
  • rustup : 첫번째 개발환경 세팅에서 언급한 바와 같이 rust를 업데이트해주고, toolchain을 설치하는 역활을 합니다. 여러 개의 rust 버전이 설치되어 있을 때 필요한 것을 선택할 수 있도록 합니다.

🔸 폴더 만들고 Code 실행하기

명령 프롬프트 창을 열고 D드라이브 루트인 상태에서 md rust-practice 라고 입력해서 rust-practice 폴더를 만들고

루트에서 cd rust-practice 폴더로 이동한 다음 code . 이라고 입력하면 rust-practice 폴더에서 code가 실행됩니다.

폴더를 만들고 그 폴더로 이동한 다음 visual studio code를 실행함

code 화면에 terminal이 실행되어 있지 않다면 ctrl + `(키보드 1 왼쪽 키)를 눌러 terminal을 엽니다.

🔸 cargo new

그리고, cargo new day1 이라고 입력하고 엔터 키를 누르면

code 터미널 창에서 cargo new 명령을 이용해 새로운 패키지를 만듭니다.

그러면 왼쪽 탐색기 창을 보면 rust-practice 아래에 preview 폴더가 생기고 오른쪽 터미널 창을 보면 preview라는 바이너리 패키지를 생성하고 있다는 메시지와 Cargo.toml 키를 더 알아보고, 사이트를 참고하라고 합니다.

cargo enw day1이라고 입력해서 day1이라는 패키지를 생성한 화면

다시 왼쪽 탐색기 창의 preview를 열어보면 preview 폴더 아래에 src 폴더가 있고, 그 아래 main.rc 파일이 있고, src 폴더와 동급으로 .gitignore, Cargo.toml 파일이 있습니다.

day1 폴더 아래에 src 폴더가 있고, 그 아래 main.rc 파일이 있으며, src 폴더와 동급으로 .gitignore, Cargo.toml 파일이 있습니다.

Cargo new 패키지명을 입력하면 기본적으로 이런 형식으로 폴더와 파일이 만들어집니다.

🔸 main.rs의 내용

이제 main.rs를 클릭하면 오른쪽 에디터 창에 아래와 같이 표시됩니다.

기본적인 main.rs의 내용은 "Hello, world!를 화면에 출력하라"는 것입니다.

fn main() {
    println!("Hello, world!");
}

fn은 function이라는 의미이고, main은 함수명이며 괄호 안에 인수를 넣는데 괄호만 있으므로 인수가 없는 것입니다.

그리고, 중괄호안에 실행할 내용이 들어가는데,

println!(“Hello, world!”);란 화면에 “Hello, world!를 출력하라”는 의미입니다.

🔸 cargo run

cargo run은 컴파일하고, 패키지를 실행하는 명령어입니다.

터미널에서 day1 폴더로 이동해야 하므로 ‘cd day1’이라고 입력하고 엔터키를 입력한 다음 ‘cargo run’이라고 입력하고 엔터키를 누르면

Compiling과 Finished, Running이라는 글자가 보이고, 화면에 “Hello, world!가 출력됐습니다.

Finished 이전에는 Building이라고 표시되다가 Finished로 바뀌었습니다.

실행 파일은 target 폴더 아래 debug 폴더에 day1.exe란 이름으로 생겼습니다. 실행 파일의 사이즈가 궁금하면 탑색기에서 살펴보기 바랍니다. 그러나 실행은 명령 프롬프트 창에서 해야 합니다.

이렇게 rust 프로그램을 만들고 실행하는 법을 전체적으로 살펴봤습니다.