Posts on Tech Side Story

ASCII Art: 이미지 없이 블로그 꾸미기

Thu, 12 Feb 2026 16:00:00 +0900

    ___   _____ ______________   ___    ____  ______
   /   | / ___// ____/  _/  _/  /   |  / __ \/_  __/
  / /| | \__ \/ /    / / / /   / /| | / /_/ / / /   
 / ___ |___/ / /____/ /_/ /   / ___ |/ _, _/ / /    
/_/  |_/____/\____/___/___/  /_/  |_/_/ |_| /_/

TL;DR

이미지 대신 ASCII art를 쓰면 용량을 아끼고 로딩이 빨라진다
figlet: 텍스트를 큰 글자로 변환 (18개 폰트)
ascii-image-converter: 이미지를 ASCII로 변환 (braille, complex 등 다양한 옵션)
asciiart.eu: 수작업 아트 아카이브
기술블로그 대문에 쓰기 딱 좋다

왜 ASCII Art인가

블로그에 이미지를 넣으면 한 장에 수백 KB에서 수 MB까지 나간다. ASCII art는 텍스트 몇 줄이면 끝이다. 로딩 속도, 저장 용량, 렌더링 비용 전부 이긴다. 무엇보다 코드 블록 안에 들어가니까 기술블로그 분위기와 잘 맞는다.

1. figlet - 텍스트를 큰 글자로

설치: sudo apt install figlet

`1`	`figlet -f slant "HELLO"`

18가지 폰트를 비교해봤다.

#     # ####### #       #       ####### 
#     # #       #       #       #     # 
#     # #       #       #       #     # 
####### #####   #       #       #     # 
#     # #       #       #       #     # 
#     # #       #       #       #     # 
#     # ####### ####### ####### #######

big

 _    _ ______ _      _      ____  
| |  | |  ____| |    | |    / __ \ 
| |__| | |__  | |    | |   | |  | |
|  __  |  __| | |    | |   | |  | |
| |  | | |____| |____| |___| |__| |
|_|  |_|______|______|______\____/

slant

    __  __________    __    ____ 
   / / / / ____/ /   / /   / __ \
  / /_/ / __/ / /   / /   / / / /
 / __  / /___/ /___/ /___/ /_/ / 
/_/ /_/_____/_____/_____/\____/

small

 _  _ ___ _    _    ___  
| || | __| |  | |  / _ \ 
| __ | _|| |__| |_| (_) |
|_||_|___|____|____\___/

future

╻ ╻┏━╸╻  ╻  ┏━┓
┃━┃┣╸ ┃  ┃  ┃ ┃
╹ ╹┗━╸┗━╸┗━╸┗━┛

digital

+-+-+-+-+-+
|H|E|L|L|O|
+-+-+-+-+-+

bubble

  _   _   _   _   _  
 / \ / \ / \ / \ / \ 
( H | E | L | L | O )
 \_/ \_/ \_/ \_/ \_/

standard

 _   _ _____ _     _     ___  
| | | | ____| |   | |   / _ \ 
| |_| |  _| | |   | |  | | | |
|  _  | |___| |___| |__| |_| |
|_| |_|_____|_____|_____\___/

shadow

 _   _|  ____|  _ \    |  
 |   |  |      |   |   |  
 ___ |  __|    |   |   |  
_|  _|_____|___|  ___|_____|

smblock

▐▌▛▀▘▌  ▌  ▞▀▖
▐▌▙▄ ▌  ▌  ▌ ▌
▐▌▌  ▌  ▌  ▌ ▌
▐▌▀▀▘▀▀▘▀▀▘▝▀

2. asciiart.eu - 수작업 아트 아카이브

https://www.asciiart.eu 에는 수천 개의 수작업 ASCII art가 있다. 카테고리별로 블로그 대문에 쓸 수 있다.

Computer (by Joan G. Stark)

 .----.
 .---------. | == |
 |.-""""""-.| |----|
 ||         || | == |
 ||         || |----|
 |'-......-'| |::::|
 `"")---(""` |___.| 
 /:::::::::::\" _  "
 /:::=======:::\`\`\
 `""""""""""""""` '-'

Sick Computer (by Joan G. Stark)

    _______
   |.-----.|
   ||x . x||
   ||_.-._||
   `--)-(--`
  __[=== o]___
 |:::::::::::|\ 
 `-=========-`()

Docker Whale

              ##        .            
        ## ## ##       ==            
     ## ## ## ##      ===            
 /""""""""""""""""\___/ ===        
{                      /  ===-      
 \______ O           __/            
   \    \         __/               
    \____\_______/

Linux Tux

       .--.
      |o_o |
      |:_/ |
     //   \ \
    (|     | )
   /'\_   _/`\
   \___)=(___/

Laptop

  +--------------+
  |.------------.|
  ||            ||
  ||            ||
  ||            ||
  ||            ||
  |+------------+|
  +-..--------..-+
  .--------------. 
 / /============\ \
/ /==============\ \
/____________________\
\____________________/

Network

     +---+
     |   |
  +--+   +--+
  |          |
+-+--+    +--+-+
|    |    |    |
| PC |    | PC |
+----+    +----+
     \    /
      \  /
    +------+
    |ROUTER|
    +------+
       |
    +------+
    | WEB  |
    +------+

3. ascii-image-converter - 이미지를 ASCII로

설치: https://github.com/TheZoraiz/ascii-image-converter

이미지 하나로 여러 스타일을 뽑을 수 있다. 방패 아이콘(512x512 PNG, 26KB)으로 비교했다.

default

         ...........        ..          
       ....:----------------:  ..       
    ....:=#@@@@@@@@@%%%%%%%%%*=.  .     
  ...:=#@@%*++++++++-------=+#%%*-...   
  ...-@@#+++++++++++----------=*@@- .   
  ...-@@++++++++++++-----------=%%- .   
  ...-@@++++++++++++----+%#=---=%%- .   
  ...-@@++++++++++++--+#@#+=---=%%- .   
  ...-@@+++++#%*+++++#@%+------=%%- .   
  ...-@@+++++#@@%**%@%+--------=%%- .   
  ...:%@#++++++#@@@@+----------*@#...   
   ...=@@*+++++++*#+----------+%%- ..   
    ...=@@#+++++++++---------*@%- ..    
     ...-#@%*+++++++-------=#@*: ..     
      ....=%@%*+++++-----+#@#=. .       
        ...:=%@@#+++--=*%@#=. ..        
          ....-*@@@#*#%%*-. ..          
            ....:=*%%+-.  .             
               ......  .                
                  ...

negative

@@@@@@@@@%%%%%%%%%%%@@@@@@@@%%@@@@@@@@@@
@@@@@@@%%%%#****************#@@%%@@@@@@@
@@@@%%%%#+:         .........-+%@@%@@@@@
@@%%%#+:  .-========*******+=:..-*%%%@@@
@@%%%*  :===========**********+-  *@%@@@
@@%%%*  ============***********+..*@%@@@
@@%%%*  ============****=.:+***+..*@%@@@
@@%%%*  ============**=: :=+***+..*@%@@@
@@%%%*  =====:.-=====: .=******+..*@%@@@
@@%%%*  =====:  .--. .=********+..*@%@@@
@@%%%#. :======:    =**********- :%%%@@@
@@@%%%+  -=======-:=**********=..*@%%@@@
@@@@%%%+  :=========*********- .*@%%@@@@
@@@@@%%%*: .-=======*******+: -#@%%@@@@@
@@@@@@%%%%+. .-=====*****=: :+%@%@@@@@@@
@@@@@@@@%%%#+.  :===**+-. :+%@%%@@@@@@@@
@@@@@@@@@@%%%%*-   :-:..-*%@%%@@@@@@@@@@
@@@@@@@@@@@@%%%%#+-..=*%@@%@@@@@@@@@@@@@
@@@@@@@@@@@@@@@%%%%%%@@%@@@@@@@@@@@@@@@@
@@@@@@@@@@@@@@@@@@%%%@@@@@@@@@@@@@@@@@@@

braille

⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢀⣀⣀⣀⣀⣀⣀⣀⣀⣀⣀⣀⣀⣀⣀⣀⣀⡀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⢀⣠⣶⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣶⣄⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⣠⣴⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⠀⠀⠀⠀⠀⠀⠀⠈⠙⠿⣿⣿⣦⣄⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⢸⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠈⠻⣿⣿⠁⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⢸⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢸⣿⣿⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⢸⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⠀⠀⠀⠀⣠⣾⣷⡄⠀⠀⠀⢸⣿⣿⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⢸⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⠀⠀⣠⣾⣿⡿⠋⠀⠀⠀⠀⢸⣿⣿⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⢸⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣠⣾⣿⡿⠋⠀⠀⠀⠀⠀⠀⢸⣿⣿⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠸⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⡿⠋⠀⠀⠀⠀⠀⠀⠀⠀⢸⣿⣿⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⠋⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⣸⣿⡿⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠘⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⣰⣿⣿⠃⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠘⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⠀⠀⠀⠀⠀⠀⠀⠀⠀⣴⣿⣿⠃⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠈⢿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⠀⠀⠀⠀⠀⠀⠀⣠⣾⣿⡿⠁⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠙⢿⣿⣿⣿⣿⣿⣿⣿⣿⠀⠀⠀⠀⠀⣠⣾⣿⡿⠋⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠙⢿⣿⣿⣿⣿⣿⣿⠀⠀⢀⣴⣾⣿⡿⠋⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠉⠻⣿⣿⣿⣿⣤⣾⣿⣿⠟⠉⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠙⠻⢿⡿⠟⠋⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀

braille + dither

⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢀⣀⣀⣀⣀⣀⣀⣀⣀⣀⣀⣀⣀⣀⣀⣀⣀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⣄⣾⣯⡿⣿⣻⢿⣻⢿⣻⢿⣺⡺⣺⡺⣺⢺⡺⣮⡻⡦⣄⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⢀⣠⡶⣿⣻⢗⢏⢎⢲⠸⡘⡌⡎⡪⡪⠀⠄⢂⠠⠐⡀⠄⠄⠙⠽⣺⢽⣢⢄⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⢐⣯⣿⡫⡱⡑⡅⡇⡕⢕⢕⢱⢑⢕⢜⠀⠅⠄⠂⢂⠐⠠⢁⠁⡂⠌⢙⢾⢽⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⢐⣿⣽⢪⢸⢘⢌⢎⢜⠜⡌⡎⡪⡢⡣⢈⠐⡈⢐⠠⢈⠐⡀⢂⠐⠐⢐⡽⣽⠀⠀⢀⠀⠀⠀
⠀⠀⠀⠀⠁⠠⣿⣯⢣⢱⢑⢅⢇⢕⠕⡕⢜⢌⢆⢇⠂⡐⢀⠂⣰⡺⣦⢂⠐⡈⠨⢀⣟⢾⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠨⣿⣾⢱⢑⢕⢅⢇⢕⢕⢱⢑⢅⢇⢎⠄⢂⢰⢮⣗⡟⠊⡀⠂⠄⠡⠠⣯⣻⠀⠀⠄⠀⠀⠀
⠀⠀⠀⠀⠐⢈⣿⣾⢱⢑⢕⠜⡔⣵⣮⡪⡊⡎⢆⢇⢰⢼⣝⡗⠃⠄⠡⠀⠅⠨⠐⠐⡷⣽⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠐⣿⣾⡱⡑⡅⡇⣍⢻⢽⣿⣳⣜⢜⣼⢽⡳⠃⠄⠡⠈⠄⠡⠈⠄⠡⢈⣟⢾⠀⠀⢀⠀⠀⠀
⠀⠀⠀⠀⠁⠀⢿⣻⣎⢎⢪⢸⠰⡑⡕⡝⣯⣿⣟⡿⠩⠐⠈⠄⠡⠈⠄⠡⠁⠌⡈⣰⢽⡝⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⢀⠀⠘⣿⣽⣎⢪⢢⠣⡣⢣⠪⡢⡫⢏⢎⠂⡁⠡⠈⠄⠡⠁⠌⠠⢁⢰⣝⡷⠁⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠘⢿⣾⢮⢢⢣⠣⡣⢣⠣⡪⢪⢒⢀⠂⠡⠈⠄⠡⠈⠄⡁⣢⣟⡮⠃⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠄⠀⠈⢻⡿⣷⣅⢇⢣⠣⡃⡇⡣⡣⠐⡈⠄⠡⠈⠄⠡⢡⢮⣳⠗⠁⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⡀⠀⠙⢯⣿⢾⣌⢎⢎⢪⢪⠸⢀⠐⡈⠄⡁⢅⡮⡯⡗⠃⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠙⢿⣻⡷⣎⡎⢆⢫⠀⢂⢐⡰⡮⣯⠯⠋⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠁⠀⠀⠀⠈⠻⢿⣻⣷⣕⡬⣲⢽⡽⠝⠁⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠐⠀⠀⠀⠀⠉⠳⢿⠽⠚⠁⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠁⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠈⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀

complex

        `:i!llllllll,,,,,,,,::".        
     .,lill-|((||||(}[[[[[[[<,,::^.     
  ."Iill_rpBB8%888%8aaaaaaa*#O\i,,:,`.  
  Iii<tZ8$#Ocvvvvvvu|||||||/zpMoJ)l;;,  
  I>l($$wznnuuuuuuun(((((((())/JW&[,;,  
  I>l(@8cuvvuuuuuuvu|(|()()(||)/a#[,I,  
  I>l($%Yuvuuvvvuuvu|()(ckw/(((joM[,I,  
  I>l($%Xuvuunuuvvvu()vb&bz\(()foM[,I,  
  I>l($%XuvucdhUuuunvd&kc()((()foM[,I,  
  I>l($%Xuvucp%$oJC*&kc()(|((((foM[,;,  
  :>i~#$mnvuuncZ&$$&X()(|((((|1UWd!:;^  
  .i>l\@@QnuvvunuOmu((|((((|(1v#M{,I:   
   `i>l/%$wuuvvvuuuu|(((((()(J&o1,I;'   
    `!>l[d$MCnuuvvvu|((|())xb%O+,I:'    
     .I>!!rM$#Lnnuvu|()1)np8b\:,I,.     
       ^!>l<xo$8qXnn)1fJhWq/I";:`       
         "!ili(0&$WwJbMaU[:"::`         
           ^Ii!l~/0#kY1l",:,'           
             ."I!ll>I",:,^.             
                ."Il:,`.

custom map: `░▒▓█`

                                        
           ░░░░░░░░░░░░░░░░░░           
        ░▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒         
     ░▒▒▒░░░░░░░▒▒░      
     ░▒▒░░░░░░░░░░▒▒░     
     ░▒▒░░░░░░░░░░░▒▒░     
     ░▒▒░░░░▒░░░▒▒░     
     ░▒▒░░▒░░░▒▒░     
     ░▒▒▒▒▒░░░░░░▒▒░     
     ░▒▒▒▒▒▒▒▒░░░░░░░░▒▒░     
     ░▒▒▒▒▒▒░░░░░░░░░░▒      
      ▒▒░░░░░░░░░░▒▒░      
       ▒▒░░░░░░░░░▒▒░       
        ░▒▒░░░░░░░▒░        
          ▒▒▒░░░░░▒          
           ░▒▒▒░░▒▒            
              ░▒▒▒▒▒░              
                ░▒▒░

Wrap Up

이미지 한 장이 수백 KB를 먹을 때, ASCII art는 수백 바이트면 충분하다. CDN도 필요 없고, 느린 네트워크에서도 즉시 렌더링된다. 무엇보다 코드와 텍스트로 이루어진 기술블로그에서 이질감 없이 녹아든다.

물론 한계는 있다. 사진이나 스크린샷을 완전히 대체할 수는 없고, 모바일에서 가로 스크롤이 생기기도 한다. 결국 어디에 어떤 형태의 시각 요소를 쓸지는 선택의 문제다.

나는 slant가 좋아 보이는데. 여러분은 어떤게 마음에 드시나요?

VPS 보안 기초: 방화벽과 포트 관리

Thu, 12 Feb 2026 00:00:00 +0000

@@@@@@@@@@%%%%%%%%%%%@@@@@@@@%%@@@@@@@@@@
@@@@@@@%%%%#****************#@@%%@@@@@@@
@@@@%%%%#+:         .........-+%@@%@@@@@
@@%%%#+:  .-========*******+=:..-*%%%@@@
@@%%%*  :===========**********+-  *@%@@@
@@%%%*  ============***********+..*@%@@@
@@%%%*  ============****=.:+***+..*@%@@@
@@%%%*  ============**=: :=+***+..*@%@@@
@@%%%*  =====:.-=====: .=******+..*@%@@@
@@%%%*  =====:  .--. .=********+..*@%@@@
@@%%%#. :======:    =**********- :%%%@@@
@@@%%%+  -=======-:=**********=..*@%%@@@
@@@@%%%+  :=========*********- .*@%%@@@@
@@@@@%%%*: .-=======*******+: -#@%%@@@@@
@@@@@@%%%%+. .-=====*****=: :+%@%@@@@@@@
@@@@@@@@%%%#+.  :===**+-. :+%@%%@@@@@@@@
@@@@@@@@@@%%%%*-   :-:..-*%@%%@@@@@@@@@@
@@@@@@@@@@@@%%%%#+-..=*%@@%@@@@@@@@@@@@@
@@@@@@@@@@@@@@@%%%%%%@@%@@@@@@@@@@@@@@@@
@@@@@@@@@@@@@@@@@@%%%@@@@@@@@@@@@@@@@@@@

TL;DR

방화벽(UFW) 없이 서버 운영하고 있었다 — 위험
외부에 Dokploy(3000), WordPress(8080/8081), Docker Swarm(2377/7946) 노출 상태
wp-login.php 브루트포스 공격이 IP 직접 접근으로 들어오고 있었음
UFW 켜서 SSH(22)만 허용, 나머지 전부 차단
Cloudflare Tunnel 경유 서비스는 영향 없음 (localhost 통신)

오늘 배운 것

VPS 서버의 기본 보안을 설정했다. 방화벽 없이 운영되고 있던 서버에 UFW를 적용하고, 불필요한 포트를 차단했다.

현재 상태 파악

`1`	`ss -tlnp \| grep -v '127.0.0'`

외부에 노출된 포트를 확인하니 SSH(22), sslh(443) 외에도 Dokploy(3000), WordPress(8080, 8081), Docker Swarm(2377, 7946)이 열려 있었다.

포트    서비스           필요    위험도
──────────────────────────────────────
22      SSH              O      브루트포스 (fail2ban 있음)
443     sslh → SSH       O      회사 우회용
3000    Dokploy          X      관리패널 노출
8080    WP 한국어        X      직접 노출 불필요
8081    WP 영어          X      직접 노출 불필요
2377    Docker Swarm     X      클러스터 관리 포트
7946    Docker Swarm     X      노드 통신 포트

WordPress 로그를 확인하니 외부 IP에서 직접 wp-login.php를 때리고 있었다.

161.35.157.115 - POST /wp-login.php  ← 반복 브루트포스
159.223.228.106 - POST /wp-login.php ← 반복 브루트포스

UFW 설정

# 필요한 포트만 허용
sudo ufw allow 22/tcp

# 방화벽 활성화
sudo ufw --force enable

# 확인
sudo ufw status

Status: active

To                         Action      From
--                         ------      ----
22/tcp                     ALLOW       Anywhere
22/tcp (v6)                ALLOW       Anywhere (v6)

Cloudflare Tunnel과의 관계

Cloudflare Tunnel을 사용하면 웹 서비스는 터널 경유로 접근한다. 터널 데몬(cloudflared)이 localhost에서 각 서비스로 연결하므로 외부 포트를 열 필요가 없다.

[사용자] → Cloudflare Edge → Tunnel → localhost:3000 (Dokploy)
                                    → localhost:8080 (WP KO)
                                    → localhost:8081 (WP EN)

UFW가 차단하는 건 IP 직접 접근뿐이다. 도메인 경유 접근은 터널을 타므로 영향 없음.

SSH 포트 변경

기존에 sslh를 통해 443 포트로 SSH를 우회하는 구조였는데, Cloudflare Tunnel로 SSH 접속이 가능해지면서 표준 포트(22)로 변경했다.

1
2
3

# /etc/ssh/sshd_config
Port 22
PermitRootLogin prohibit-password

Wrap Up

방화벽 설정은 서버 운영의 가장 기본적인 보안 조치다. 하지만 오늘 실제로 경험해보니, “기본"이라는 말이 “쉽다"는 뜻은 아니었다.

UFW를 켜기 전에 열린 포트를 확인했을 때, Docker Swarm 관리 포트(2377, 7946)까지 외부에 노출되어 있었다. Docker가 자체적으로 iptables 규칙을 추가하기 때문에, UFW만으로는 Docker 컨테이너의 포트 노출을 완전히 제어할 수 없다. 이 부분은 별도로 다뤄야 할 주제다.

한 가지 더 생각해볼 것: Cloudflare Tunnel을 사용하면 사실상 외부에 포트를 열 필요가 없어진다. 그렇다면 SSH(22)마저도 터널로 대체하고 모든 포트를 닫아버리는 것이 궁극적인 방향일까? 포트가 하나도 열려있지 않은 서버 — 매력적이지만, 터널 서비스 자체에 장애가 나면 접근 방법이 사라진다는 리스크도 함께 안게 된다.

보안은 결국 편의와 안전 사이의 트레이드오프다. 중요한 건 그 균형점을 의식적으로 선택하는 것이다.

다른 사람들은 이 균형을 어디에 두고 있을까. SSH 포트는 22번 그대로 쓰는 걸까, 바꾸는 걸까. 터널만 믿고 포트를 다 닫아버린 사람도 있을까.

Posts on Tech Side Story

ASCII Art: 이미지 없이 블로그 꾸미기

TL;DR

왜 ASCII Art인가

1. figlet - 텍스트를 큰 글자로

banner

big

slant

small

future

digital

bubble

standard

shadow

smblock

2. asciiart.eu - 수작업 아트 아카이브

Computer (by Joan G. Stark)

Sick Computer (by Joan G. Stark)

Docker Whale

Linux Tux

Laptop

Network

3. ascii-image-converter - 이미지를 ASCII로

default

negative

braille

braille + dither

complex

custom map: ░▒▓█

Wrap Up

VPS 보안 기초: 방화벽과 포트 관리

TL;DR

오늘 배운 것

현재 상태 파악

UFW 설정

Cloudflare Tunnel과의 관계

SSH 포트 변경

Wrap Up

custom map: `░▒▓█`