ulgerang/web_mindmap
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add Linux basics mindmap

Browse Source
This commit is contained in:
user
2026-05-12 13:09:36 +09:00
parent 2c46c020e5
commit a0e8ae2adc
10 changed files with 719 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

30
imgs/linux_filesystem.svg Normal file
View File

@@ -0,0 +1,30 @@
<svg xmlns="http://www.w3.org/2000/svg" width="1200" height="760" viewBox="0 0 1200 760" role="img" aria-labelledby="title desc">
<title id="title">Linux filesystem</title>
<desc id="desc">Linux directory tree with root, home, etc, var, usr, and mount points.</desc>
<rect width="1200" height="760" fill="#f5f9ff"/>
<text x="90" y="120" font-family="Segoe UI, Arial, sans-serif" font-size="50" font-weight="800" fill="#12345b">Linux 파일 시스템</text>
<text x="90" y="170" font-family="Segoe UI, Arial, sans-serif" font-size="24" fill="#526173">모든 것은 루트 / 아래의 경로로 연결되고, 장치도 마운트 지점에 붙습니다.</text>
<g stroke="#9ab8dc" stroke-width="5" fill="none">
<path d="M600 220 V330"/>
<path d="M600 330 H240 V450"/>
<path d="M600 330 H430 V450"/>
<path d="M600 330 V450"/>
<path d="M600 330 H770 V450"/>
<path d="M600 330 H960 V450"/>
</g>
<g font-family="Segoe UI, Arial, sans-serif" font-size="28" font-weight="800" text-anchor="middle">
<rect x="520" y="190" width="160" height="70" rx="16" fill="#12345b"/>
<text x="600" y="238" fill="#fff">/</text>
<rect x="150" y="450" width="180" height="90" rx="18" fill="#e8f1ff"/>
<text x="240" y="505" fill="#12345b">/home</text>
<rect x="340" y="450" width="180" height="90" rx="18" fill="#ecfdf5"/>
<text x="430" y="505" fill="#12345b">/etc</text>
<rect x="510" y="450" width="180" height="90" rx="18" fill="#fff7ed"/>
<text x="600" y="505" fill="#12345b">/var</text>
<rect x="680" y="450" width="180" height="90" rx="18" fill="#f4f0ff"/>
<text x="770" y="505" fill="#12345b">/usr</text>
<rect x="870" y="450" width="180" height="90" rx="18" fill="#ecfeff"/>
<text x="960" y="505" fill="#12345b">/mnt</text>
</g>
<text x="90" y="650" font-family="Segoe UI, Arial, sans-serif" font-size="25" fill="#526173">숨김 파일은 점(.)으로 시작하고, 설정 파일은 보통 홈 디렉터리나 /etc에서 만납니다.</text>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 2.0 KiB

24
imgs/linux_network_packages.svg Normal file
View File

@@ -0,0 +1,24 @@
<svg xmlns="http://www.w3.org/2000/svg" width="1200" height="760" viewBox="0 0 1200 760" role="img" aria-labelledby="title desc">
<title id="title">Linux packages and networking</title>
<desc id="desc">Linux package management and networking tools including apt, dnf, ping, ss, curl, ssh, and firewall.</desc>
<rect width="1200" height="760" fill="#f5f9ff"/>
<text x="90" y="120" font-family="Segoe UI, Arial, sans-serif" font-size="50" font-weight="800" fill="#12345b">패키지와 네트워크</text>
<text x="90" y="170" font-family="Segoe UI, Arial, sans-serif" font-size="24" fill="#526173">필요한 도구를 설치하고, 네트워크 상태를 확인하고, 원격 서버에 안전하게 접속합니다.</text>
<g font-family="Segoe UI, Arial, sans-serif" font-weight="800">
<rect x="120" y="260" width="270" height="120" rx="20" fill="#e8f1ff"/>
<text x="155" y="325" font-size="30" fill="#12345b">apt / dnf</text>
<text x="155" y="355" font-size="19" fill="#526173">패키지 설치와 업데이트</text>
<rect x="465" y="260" width="270" height="120" rx="20" fill="#ecfdf5"/>
<text x="500" y="325" font-size="30" fill="#12345b">ping / ss</text>
<text x="500" y="355" font-size="19" fill="#526173">연결과 포트 확인</text>
<rect x="810" y="260" width="270" height="120" rx="20" fill="#fff7ed"/>
<text x="845" y="325" font-size="30" fill="#12345b">curl / wget</text>
<text x="845" y="355" font-size="19" fill="#526173">HTTP 요청과 다운로드</text>
<rect x="300" y="470" width="270" height="120" rx="20" fill="#f4f0ff"/>
<text x="335" y="535" font-size="30" fill="#12345b">ssh</text>
<text x="335" y="565" font-size="19" fill="#526173">원격 셸 접속</text>
<rect x="645" y="470" width="270" height="120" rx="20" fill="#ecfeff"/>
<text x="680" y="535" font-size="30" fill="#12345b">ufw / firewall</text>
<text x="680" y="565" font-size="19" fill="#526173">접근 허용과 차단</text>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 2.0 KiB

25
imgs/linux_overview.svg Normal file
View File

@@ -0,0 +1,25 @@
<svg xmlns="http://www.w3.org/2000/svg" width="1200" height="760" viewBox="0 0 1200 760" role="img" aria-labelledby="title desc">
<title id="title">Linux overview learning map</title>
<desc id="desc">Linux basics organized around shell commands, files, permissions, processes, packages, and networking.</desc>
<rect width="1200" height="760" fill="#f5f9ff"/>
<rect x="70" y="70" width="1060" height="620" rx="28" fill="#ffffff" stroke="#b8c9df" stroke-width="4"/>
<text x="110" y="150" font-family="Segoe UI, Arial, sans-serif" font-size="54" font-weight="800" fill="#12345b">Linux 기초 개념</text>
<text x="110" y="205" font-family="Segoe UI, Arial, sans-serif" font-size="26" fill="#526173">명령어, 파일 시스템, 권한, 프로세스, 패키지, 네트워크를 한 흐름으로 봅니다.</text>
<g font-family="Segoe UI, Arial, sans-serif" font-size="26" font-weight="800" fill="#12345b">
<rect x="110" y="285" width="265" height="120" rx="18" fill="#e8f1ff" stroke="#9ab8dc"/>
<text x="140" y="350">Shell</text>
<text x="140" y="382" font-size="18" font-weight="600" fill="#526173">명령 실행과 조합</text>
<rect x="465" y="285" width="265" height="120" rx="18" fill="#ecfdf5" stroke="#91cbb2"/>
<text x="495" y="350">Filesystem</text>
<text x="495" y="382" font-size="18" font-weight="600" fill="#526173">경로와 저장 위치</text>
<rect x="820" y="285" width="265" height="120" rx="18" fill="#fff7ed" stroke="#e0b07a"/>
<text x="850" y="350">Permission</text>
<text x="850" y="382" font-size="18" font-weight="600" fill="#526173">사용자와 접근 제어</text>
<rect x="290" y="500" width="265" height="120" rx="18" fill="#f4f0ff" stroke="#b7a6e8"/>
<text x="320" y="565">Process</text>
<text x="320" y="597" font-size="18" font-weight="600" fill="#526173">실행 중인 작업</text>
<rect x="645" y="500" width="265" height="120" rx="18" fill="#ecfeff" stroke="#8acdd5"/>
<text x="675" y="565">Package &amp; Network</text>
<text x="675" y="597" font-size="18" font-weight="600" fill="#526173">설치, 통신, 원격 접속</text>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 2.1 KiB

21
imgs/linux_permissions.svg Normal file
View File

@@ -0,0 +1,21 @@
<svg xmlns="http://www.w3.org/2000/svg" width="1200" height="760" viewBox="0 0 1200 760" role="img" aria-labelledby="title desc">
<title id="title">Linux permissions</title>
<desc id="desc">Linux permission model showing owner, group, others and read, write, execute bits.</desc>
<rect width="1200" height="760" fill="#f5f9ff"/>
<text x="90" y="120" font-family="Segoe UI, Arial, sans-serif" font-size="50" font-weight="800" fill="#12345b">권한과 사용자</text>
<text x="90" y="170" font-family="Segoe UI, Arial, sans-serif" font-size="24" fill="#526173">파일마다 소유자, 그룹, 그 외 사용자에게 읽기/쓰기/실행 권한을 나누어 줍니다.</text>
<rect x="120" y="245" width="960" height="110" rx="20" fill="#0b1728"/>
<text x="170" y="315" font-family="Cascadia Code, Consolas, monospace" font-size="38" fill="#d6e4ff">- rwx r-x r-- user devs deploy.sh</text>
<g font-family="Segoe UI, Arial, sans-serif" font-size="25" font-weight="800" text-anchor="middle">
<rect x="150" y="435" width="220" height="110" rx="18" fill="#e8f1ff"/>
<text x="260" y="485" fill="#12345b">Owner</text>
<text x="260" y="520" font-size="20" fill="#526173">파일 주인</text>
<rect x="490" y="435" width="220" height="110" rx="18" fill="#ecfdf5"/>
<text x="600" y="485" fill="#12345b">Group</text>
<text x="600" y="520" font-size="20" fill="#526173">공동 작업 단위</text>
<rect x="830" y="435" width="220" height="110" rx="18" fill="#fff7ed"/>
<text x="940" y="485" fill="#12345b">Others</text>
<text x="940" y="520" font-size="20" fill="#526173">나머지 사용자</text>
</g>
<text x="130" y="635" font-family="Segoe UI, Arial, sans-serif" font-size="27" fill="#526173">chmod는 권한을 바꾸고, chown은 소유자를 바꾸며, sudo는 관리자 권한으로 실행합니다.</text>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.8 KiB

24
imgs/linux_processes.svg Normal file
View File

@@ -0,0 +1,24 @@
<svg xmlns="http://www.w3.org/2000/svg" width="1200" height="760" viewBox="0 0 1200 760" role="img" aria-labelledby="title desc">
<title id="title">Linux processes and services</title>
<desc id="desc">Linux process and service flow with systemd, processes, logs, and scheduled jobs.</desc>
<rect width="1200" height="760" fill="#f5f9ff"/>
<text x="90" y="120" font-family="Segoe UI, Arial, sans-serif" font-size="50" font-weight="800" fill="#12345b">프로세스와 서비스</text>
<text x="90" y="170" font-family="Segoe UI, Arial, sans-serif" font-size="24" fill="#526173">실행 중인 프로그램을 관찰하고, 서비스로 등록하고, 로그와 예약 작업으로 운영합니다.</text>
<g font-family="Segoe UI, Arial, sans-serif" font-weight="800">
<rect x="150" y="260" width="260" height="120" rx="20" fill="#e8f1ff"/>
<text x="190" y="325" font-size="30" fill="#12345b">ps / top</text>
<text x="190" y="355" font-size="19" fill="#526173">무엇이 실행 중인지 보기</text>
<rect x="470" y="260" width="260" height="120" rx="20" fill="#ecfdf5"/>
<text x="510" y="325" font-size="30" fill="#12345b">systemd</text>
<text x="510" y="355" font-size="19" fill="#526173">서비스 시작과 자동 실행</text>
<rect x="790" y="260" width="260" height="120" rx="20" fill="#fff7ed"/>
<text x="830" y="325" font-size="30" fill="#12345b">journalctl</text>
<text x="830" y="355" font-size="19" fill="#526173">서비스 로그 확인</text>
<rect x="310" y="470" width="260" height="120" rx="20" fill="#f4f0ff"/>
<text x="350" y="535" font-size="30" fill="#12345b">kill</text>
<text x="350" y="565" font-size="19" fill="#526173">종료 신호 보내기</text>
<rect x="630" y="470" width="260" height="120" rx="20" fill="#ecfeff"/>
<text x="670" y="535" font-size="30" fill="#12345b">cron</text>
<text x="670" y="565" font-size="19" fill="#526173">정해진 시간에 실행</text>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.9 KiB

23
imgs/linux_shell.svg Normal file
View File

@@ -0,0 +1,23 @@
<svg xmlns="http://www.w3.org/2000/svg" width="1200" height="760" viewBox="0 0 1200 760" role="img" aria-labelledby="title desc">
<title id="title">Linux shell commands</title>
<desc id="desc">A terminal style diagram showing command structure, pipes, redirects, grep, find, environment variables, and history.</desc>
<rect width="1200" height="760" fill="#f5f9ff"/>
<rect x="90" y="80" width="1020" height="600" rx="26" fill="#0b1728"/>
<rect x="90" y="80" width="1020" height="72" rx="26" fill="#17263d"/>
<circle cx="135" cy="116" r="12" fill="#ef4444"/>
<circle cx="174" cy="116" r="12" fill="#f59e0b"/>
<circle cx="213" cy="116" r="12" fill="#22c55e"/>
<text x="130" y="230" font-family="Cascadia Code, Consolas, monospace" font-size="34" fill="#d6e4ff">$ ls -la /var/log | grep error &gt; errors.txt</text>
<g font-family="Segoe UI, Arial, sans-serif" font-size="24" font-weight="800">
<rect x="145" y="310" width="185" height="90" rx="14" fill="#e8f1ff"/>
<text x="172" y="365" fill="#12345b">명령어</text>
<rect x="380" y="310" width="185" height="90" rx="14" fill="#ecfdf5"/>
<text x="407" y="365" fill="#12345b">옵션/인자</text>
<rect x="615" y="310" width="185" height="90" rx="14" fill="#fff7ed"/>
<text x="642" y="365" fill="#12345b">파이프</text>
<rect x="850" y="310" width="185" height="90" rx="14" fill="#f4f0ff"/>
<text x="877" y="365" fill="#12345b">리다이렉트</text>
</g>
<text x="145" y="490" font-family="Segoe UI, Arial, sans-serif" font-size="30" font-weight="800" fill="#ffffff">Shell은 작은 명령을 조합해 원하는 결과를 만드는 작업대입니다.</text>
<text x="145" y="545" font-family="Segoe UI, Arial, sans-serif" font-size="22" fill="#b6c6dd">pwd, cd, ls로 위치를 잡고 grep/find로 찾고, PATH와 history로 반복 작업을 줄입니다.</text>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.8 KiB