기본 콘텐츠로 건너뛰기

추천 가젯

리액트 + 비트(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": ...

파이썬 lambda 표현식 심화: map, filter, sorted와 함께 쓰기

파이썬 lambda 표현식 심화: map, filter, sorted와 함께 쓰기 🔥

lambda는 한 줄로 간단하게 함수를 표현할 수 있는 파이썬 문법입니다. map(), filter(), sorted() 같은 함수형 스타일과 결합하면 코드를 더욱 간결하고 깔끔하게 만들 수 있어요.

lambda function icon

✅ lambda와 map(): 리스트 변환하기

map()은 리스트의 각 요소에 함수를 적용하는 함수입니다.

# lambda와 map: 리스트 변환
nums = [1, 2, 3, 4]
squared = list(map(lambda x: x**2, nums))
print(squared)  # [1, 4, 9, 16]

✅ lambda와 filter(): 조건에 맞는 요소 걸러내기

filter()는 리스트에서 조건을 만족하는 요소만 걸러냅니다.

# lambda와 filter: 조건 필터링
nums = [1, 2, 3, 4, 5, 6]
even = list(filter(lambda x: x % 2 == 0, nums))
print(even)  # [2, 4, 6]

✅ lambda와 sorted(): 정렬 기준 지정하기

sorted()key 매개변수로 lambda를 주면 다양한 기준으로 정렬할 수 있어요.

# lambda와 sorted: 정렬 기준 지정
words = ["banana", "apple", "cherry"]
sorted_words = sorted(words, key=lambda x: len(x))
print(sorted_words)  # ['apple', 'banana', 'cherry']

lambda 표현식은 짧은 함수를 작성할 때 매우 유용하지만, 복잡한 로직에는 일반 함수를 사용하는 것이 가독성 측면에서 더 좋습니다. map, filter, sorted와 함께 lambda를 적절히 사용하면 코드가 한결 깔끔해져요!

짧고 명확한 코드가 강한 코드를 만듭니다. lambda를 잘 활용하면, 당신의 코드는 한층 더 세련되어집니다. 🚀

Icons by Flaticon

댓글

가장 많이 본 글

Icons by Flaticon