Chapter 3: KRenamer 기본 구조 만들기¶
🎯 Chapter 2에서 배운 것들을 실제로 사용해보자!¶
Chapter 2에서 tkinter의 모든 UI 요소들을 배웠습니다. 이제 이 지식을 사용해서 진짜 KRenamer 애플리케이션을 만들어봅시다!
우리가 만들 KRenamer는 파일 이름을 쉽게 바꿀 수 있는 도구입니다. Windows 탐색기에서 일일이 파일 이름을 바꾸는 것보다 훨씬 편리하게 여러 파일을 한 번에 처리할 수 있습니다.
🏗️ KRenamer 설계하기¶
우리가 만들 프로그램의 모습¶
위 설계도는 우리가 Chapter 3에서 만들 KRenamer의 완성된 모습입니다. 각 영역이 Chapter 2에서 배운 어떤 UI 요소로 구현되는지 왼쪽에 표시되어 있습니다.
Chapter 2에서 배운 요소들을 어떻게 사용할까?¶
Chapter 2에서 개별적으로 배운 UI 요소들이 Chapter 3에서 어떻게 실제 애플리케이션의 구성 요소로 활용되는지 보여줍니다.
주요 활용 방식:
- Label: 제목과 설명 텍스트 표시
- Listbox: 파일 목록 보여주기
- Button: 파일 추가, 제거 등 기능 버튼
- Frame: 화면을 구역별로 나누기
- StringVar: 상태 메시지 동적 업데이트
💻 KRenamer 기본 구조 만들기¶
위 플로우차트는 KRenamer를 단계별로 어떻게 구축해나갈지 보여줍니다. 각 단계에서 Chapter 2의 어떤 요소들을 사용하는지 확인할 수 있습니다.
1단계: 기본 창과 제목 만들기¶
Chapter 2에서 배운 창 만들기를 사용해봅시다!
KRenamer의 기본 창 구조입니다. Chapter 2에서 배운 Label을 사용해서 제목과 설명을 표시하고, 창 크기와 중앙 배치를 설정했습니다. 이것이 모든 GUI 애플리케이션의 시작점입니다.
2단계: 파일 목록 영역 추가하기¶
Chapter 2에서 배운 Listbox
와 Frame
을 사용해봅시다!
src/chapter3/step2_file_list.py | |
---|---|
50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147 148 149 150 151 152 153 154 155 156 157 158 159 160 161 162 163 164 165 166 167 168 169 170 171 172 173 174 |
|
3단계: 버튼 영역 추가하기¶
Chapter 2에서 배운 Button
과 Frame
배치를 사용합니다!
src/chapter3/step3_buttons.py | |
---|---|
120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147 148 149 150 151 152 153 154 155 156 157 158 159 160 161 162 163 164 165 166 167 168 169 170 171 172 173 174 175 176 177 178 179 180 181 182 183 184 185 186 187 188 189 190 191 192 193 194 195 196 197 198 199 200 201 202 203 204 205 206 207 208 209 210 211 212 213 214 215 216 217 218 219 220 221 222 223 224 225 226 227 228 229 230 231 232 233 234 235 236 237 238 239 240 241 242 243 244 245 246 247 248 249 250 251 252 253 254 255 256 257 258 259 260 261 262 263 264 265 266 267 268 269 270 271 272 273 274 275 276 277 278 279 280 281 282 283 284 285 286 287 288 289 |
|
4단계: 상태바 추가하기¶
Chapter 2에서 배운 StringVar
를 활용한 동적 상태 표시!
src/chapter3/step4_statusbar.py | |
---|---|
200 201 202 203 204 205 206 207 208 209 210 211 212 213 214 215 216 217 218 219 220 221 222 223 224 225 226 227 228 229 230 231 232 233 234 235 236 237 238 239 240 241 242 243 244 245 246 247 248 249 250 251 252 253 254 255 256 257 258 259 260 261 262 263 264 265 266 267 268 269 270 271 272 273 274 275 276 277 278 279 280 281 282 283 284 285 286 287 288 289 290 291 292 293 294 295 296 297 298 299 300 301 302 303 304 305 306 307 308 309 310 311 312 313 314 315 316 317 318 319 320 321 322 323 324 325 326 327 328 329 330 331 332 333 334 335 336 337 338 339 340 341 342 343 344 345 346 347 348 349 350 351 352 353 |
|
5단계: 완성된 KRenamer 기본 구조¶
모든 것을 합친 완전한 버전입니다!
src/chapter3/main.py | |
---|---|
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 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147 148 149 150 151 152 153 154 155 156 157 158 159 160 161 162 163 164 165 166 167 168 169 170 171 172 173 174 175 176 177 178 179 180 181 182 183 184 185 186 187 188 189 190 191 192 193 194 195 196 197 198 199 200 201 202 203 204 205 206 207 208 209 210 211 212 213 214 215 216 217 218 219 220 221 222 223 224 225 226 227 228 229 230 231 232 233 234 235 236 237 238 239 240 241 242 243 244 245 246 247 248 249 250 251 252 253 254 255 256 257 258 259 260 261 262 263 264 265 266 267 268 269 270 271 272 273 274 275 276 277 278 279 280 281 282 283 284 285 286 287 288 289 290 291 292 293 294 295 296 297 298 299 300 301 302 303 304 305 306 307 308 309 310 311 312 313 314 315 316 317 318 319 320 321 322 323 324 325 326 327 328 329 330 331 332 333 334 335 336 337 338 339 340 341 342 343 344 345 346 347 348 349 350 351 352 353 354 355 356 357 358 359 360 361 362 363 364 365 366 367 368 369 370 371 372 373 374 375 376 377 378 379 380 381 |
|
완성된 KRenamer 애플리케이션입니다. Chapter 2에서 배운 모든 요소들(Label, Listbox, Button, Frame, StringVar)이 조합되어 실제 동작하는 파일 관리 프로그램을 만들었습니다. 파일 추가, 제거, 상태 표시 등 모든 기본 기능이 구현되어 있습니다.
🎯 Chapter 3에서 배운 것들¶
✅ 실제 애플리케이션 구조¶
클래스 기반 설계:
class KRenamer:
def __init__(self):
# 초기화
def setup_window(self):
# 창 설정
def setup_widgets(self):
# UI 구성
단계별 UI 구성:
- 창 설정 → 기본 창 속성
- 제목 영역 → Label로 브랜딩
- 파일 목록 → Listbox + Scrollbar
- 버튼 영역 → 기능별 Button들
- 상태바 → StringVar로 동적 피드백
🔄 Chapter 2 요소들의 실제 활용¶
Label 활용:
- 제목 표시 (크고 굵게)
- 설명 텍스트 (회색으로)
- 파일 개수 표시 (동적 업데이트)
Listbox 활용:
- 파일 목록 표시
- 다중 선택 지원
- 스크롤 기능 포함
Button 활용:
- 기능별 색상 구분
- 상태에 따른 활성화/비활성화
- 명확한 아이콘과 텍스트
Frame 활용:
- 화면 영역 구분
- LabelFrame으로 그룹화
- 계층적 레이아웃 구성
🎨 사용자 경험 고려사항¶
직관적인 인터페이스:
- 아이콘 이모지로 기능 표현
- 색상으로 버튼 의미 구분
- 명확한 상태 피드백
안전한 작업 환경:
- 삭제 전 확인 대화상자
- 실시간 상태 표시
- 빈 상태일 때 도움말 제공
🚀 다음 단계 예고¶
Chapter 3에서 KRenamer의 기본 구조를 완성했습니다! 다음 Chapter 4에서는:
- 드래그 앤 드롭 기능 추가
- 실제 파일 시스템과 연동
- 파일 정보 표시 (크기, 날짜 등)
- 더 현실적인 파일 관리
🎉 Chapter 3 완료!
Chapter 2에서 배운 tkinter 요소들을 성공적으로 조합해서 실제 애플리케이션을 만들었습니다!
완성한 것들:
- ✅ 완전한 GUI 애플리케이션 구조
- ✅ 파일 목록 관리 시스템
- ✅ 사용자 친화적 인터페이스
- ✅ 실시간 상태 피드백
- ✅ 안전한 파일 작업 환경
🔥 실습해보기
완성된 KRenamer를 실행해서:
- 파일 추가 → 목록 확인 → 일부 제거 → 전체 삭제
- 버튼 상태 변화 관찰하기
- 상태바 메시지 변화 확인하기
- 확인 대화상자 동작 테스트하기
이제 진짜 파일명 변경 기능을 추가할 준비가 되었습니다!