반응형
Recent Posts
250x250
«   2025/06   »
1 2 3 4 5 6 7
8 9 10 11 12 13 14
15 16 17 18 19 20 21
22 23 24 25 26 27 28
29 30
Archives
Today
Total
관리 메뉴

빵빵한하루

[Tistory] 모바일에서 읽기 편한 글 작성하기 - 모바일 최적화 하기 본문

Tistory 채워가기

[Tistory] 모바일에서 읽기 편한 글 작성하기 - 모바일 최적화 하기

anthia 2025. 5. 5. 11:00
반응형

 

오늘은

 

모바일에서 읽기 편한 글을

주제로 작성해 보려고 한다.

 

말 그대로 모바일 친화적인 글.

 

나는 블로그를 운영해 본 경험이

전무하다.

 

과거 연예인 팬클럽을

가입하기 위해

다음 카페 좀 사용해 봤지만,

블로그를 사용해 보는 것은

이번이 처음이라고 해도 과언이 아니다.

 

그래서 처음에는 그냥

무작정 글을 작성했다.

 

그 대표적인 표본이

아래의 이 글이다.

 

[비전공자] 정보처리기사 실기 시험 접수

 

[비전공자] 정보처리기사 실기 시험 접수

2025.03.24. 정보처리기사 실기 시험 접수를 하는 날이다.  10시로 예상하고아침부터 큐넷(Qnet) 홈페이지에 들어갔지만,공지사항을 확인하니 분산 접수를 하는 것 같다.  기사시험을 준비하는 나

anthia-wlog.com

 

이 글은 사실 실시간으로 시험을

접수하면서 작성을 했다.

 

나는 정보성 글이라고 생각해서

일단을 그 과정을 최대한 담으려 했다.

 그렇게 말이 점점 길어졌다.

 

하지만, 나는 그저 작성을 했다.

 


 

그러고 나서 후에

 

내 블로그에 방문해 주는 사람들이

어떤 환경에서 글을 읽을까?

 

라는 생각이 문득 들었다.

 

그리고 내 글을 보니

PC로 읽기엔 크게 불편하진 않지만

모바일 환경에서는

너무나도 불편하다는 것을 알게 되었다.

 

나는 하루 종일 PC 앞에

앉아있는 직업이다.

따라서 많은 검색을 PC로 한다.

 

 

하지만,

내 블로그에 방문하는

사람들도 그럴까?

 

더 다양한 사람들이

내 글을 편하게 읽었으면

하는 생각에 이 포스트를 하게 됐다.

 

 

물론

나도 지금 블로그 과도기여서

 

이렇게 작성하는 게 맞는지,

어떻게 작성하는게 더 좋은지

 

에 대해서는 알아가는 중이다.

 

이제 막 블로그를 시작했다면

나와 같이 이런 부분도 함께

고민해 보면 좋을 것 같다.

 

 


 

모바일에서는 PC보다

화면의 넓이

제한이 된다.

 

 

하지만 PC로 작성하게 되면

이 '넓이'에 대한 감각이

잘 정립되지 않는다.

 

이럴 때 활용할 수 있는 게, 

F12 개발자 툴 모드! 

 

키보드에 F12를 누르면

새 창, 또는 현재 창 오른쪽에

아래 이미지와 같은 화면이 뜬다.

 

F12 키를 누르면 등장하는 개발자 모드

 

매우 복잡해 보이는 창이지만,

여기에서 우리가 볼 것은 하나

pc화면과 모바일 화면이 있는 듯한

두 번째 아이콘이다.

두 번째 아이콘

 

 

 

이 아이콘을 클릭하게 되면

아래와 같이

모바일 환경에서 보는 것처럼

PC에서 확인할 수 있다.

 

 

모바일 환경으로 변환된 화면

 

마우스 휠(상하 이동)

마우스 클릭(스마트폰에서의 터치)

 

 

여러 기종에서의

화면을 확인할 수 있고,

배율 변환도 가능해

여러 환경에서의

테스트가 가능하다.

 

 

하지만,

PC에서 이 환경을

적용시키고

글을 작성하게 되면,

 

글의 작성과 수정이

매우 불편하다.

 

 

따라서, 

글을 기존의 방식대로 작성 후

마지막 최종으로

모바일 환경에서의

확인 및 검증을 추천한다.


 

또 하나의 방법은,

티스토리 블로그의

'미리보기' 기능을 활용하는 것이다.

 

티스토리 툴

 

 

게시글 작성 왼쪽 하단에 보면

 

미리보기, 맞춤법 검사, 글감검색

 

기능이 있다.

 

 

미리보기를 눌러 들어가면

아래와 같이 화면 상단에서

스마트폰 모양의 아이콘을 누르면

모바일 환경에서의

내 글을 볼 수 있다.

 

미리보기 상단화면

 

이것도 글을 작성하고

마무리 단계에서

확인해 보는 것을 추천한다.

 

티스토리 미리보기에서는

글의 수정이 불가하기 때문에

메모장을 켜두고 수정할 부분을

체크하는 것도 팁이다.


 

 

오늘은 이렇게

모바일 환경에서 글을 작성할 때

유용한 방법을 포스팅해 봤다.

 

 

내 생각에

내가 작성하는 글들은

모바일에서 보편적으로 확인이 될 것 같아.

이런 글을 작성하게 되었다.

 

 

현재 시점으로는

PC 접속이 좀 더 우세하지만,

아마도 영화 리뷰 때문인 것 같고..

 

 

시간이 지나면

모바일 접속이 많아질 것으로 예상돼서

앞으로의 글은 모바일 환경에

조금 더 초점을 맞춰

작성해보고자 한다.

 

 

모쪼록 이제 시작한 블로거들에게

도움이 되었으면 좋겠다.

 

 

반응형