기본 콘텐츠로 건너뛰기

추천 가젯

리액트 + 비트(Vite)로 모바일 청첩장 만들기 — 1편

모바일 청첩장 시리즈 1편 · 기획/스택/배포 리액트 + 비트(Vite)로 모바일 청첩장 만들기 — 1편 안녕하세요, 이번에 결혼 준비를 하면서 여자친구와 같이 모바일 청첩장 을 만들고 있어요. 여자친구가 디자인을 해서 전달해주면 제가 개발을 진행하고 있어요. 이 글은 구현기 1편 으로, 전체 흐름과 스택, 배포 구성까지 “부담 없이” 훑어봅니다. (코드는 여러 버전 테스트 중!) 이 글에서 보는 것 왜 SPA 모바일 청첩장인가? 기본 스택 & 폴더 구조 라우팅 선택: HashRouter가 편한 이유 Cloudflare Pages로 자동 배포 현재 진행 중인 UI 버전들(테스트 기록) 1) 왜 SPA 모바일 청첩장인가? 모바일 청첩장은 핵심이 명확해요. 가볍고 빠르고 끊김이 없어야 하고, 사진/지도/일정이 터치에 친화적 이어야 합니다. 그래서 React + Vite 로 싱글 페이지 앱(SPA)을 구성했고, 정적 호스팅(CDN)인 Cloudflare Pages 에 올려 GitHub 푸시 → 자동 배포 까지 한 번에 묶었습니다. UX 팁 · 이미지 WebP, loading="lazy" 기본 · 큰 터치 타깃 · BGM은 “사용자 탭 후” 재생(모바일 정책) 2) 기본 스택 & 폴더 구조 서버는 따로 두지 않았고, 정적 빌드 결과물( dist/ )만 올립니다. 현재 의존성은 아래와 같아요. package.json(요약) { "name": ...

파이썬 sorted() 함수 완전 정복: 정렬 기준과 key 파라미터 활용하기

파이썬 sorted() 함수 완전 정복: 정렬 기준과 key 파라미터 활용하기 🔢

sorted() 함수는 파이썬에서 데이터를 정렬할 때 가장 많이 쓰이는 함수입니다. 이번 글에서는 기본 정렬부터 key 파라미터와 lambda 함수를 활용한 커스텀 정렬까지 다양한 예제를 통해 정리해봅니다.

Python Sorted icon

✅ 기본 정렬

숫자 리스트를 정렬하는 가장 간단한 방법입니다.

# 기본 리스트 정렬
numbers = [5, 2, 9, 1]
sorted_numbers = sorted(numbers)
print(sorted_numbers)  # [1, 2, 5, 9]

✅ 내림차순 정렬

reverse=True 옵션을 활용하면 순서를 반대로 정렬할 수 있습니다.

# 내림차순 정렬
desc = sorted(numbers, reverse=True)
print(desc)  # [9, 5, 2, 1]

✅ key 파라미터로 기준 정하기

문자열의 길이나 특정 속성을 기준으로 정렬할 수 있습니다.

# key 파라미터 사용: 문자열 길이로 정렬
words = ['apple', 'banana', 'kiwi', 'grape']
sorted_by_length = sorted(words, key=len)
print(sorted_by_length)  # ['kiwi', 'apple', 'grape', 'banana']

✅ lambda와 함께 쓰는 커스텀 정렬

튜플이나 딕셔너리처럼 복합 구조일 때는 lambda로 정렬 기준을 직접 정의할 수 있습니다.

# lambda와 key 조합: 튜플의 두 번째 항목 기준 정렬
pairs = [('a', 3), ('b', 1), ('c', 2)]
sorted_pairs = sorted(pairs, key=lambda x: x[1])
print(sorted_pairs)  # [('b', 1), ('c', 2), ('a', 3)]

sorted() 함수는 정렬된 새로운 리스트를 반환하기 때문에, 원본 리스트는 그대로 유지됩니다. 데이터를 정렬하는 일은 언제나 필요하고, keylambda를 잘 활용하면 원하는 방식으로 정렬할 수 있어요!

정렬은 데이터 분석의 시작이다. 깔끔한 정렬이 깔끔한 사고를 만듭니다. 오늘도 성장하는 당신을 TechVerse가 응원합니다 🚀

Icons by Flaticon

댓글

가장 많이 본 글

Icons by Flaticon