집중 맞은 도둑력

React의 Key 속성의 역할1. Key 속성이란?React에서 key 속성은 리스트의 각 항목을 고유하게 식별하기 위해 사용되는 특별한 속성입니다. React의 Reconciliation(재조정) 과정에서 DOM 요소를 효율적으로 업데이트하는 데 핵심적인 역할을 합니다.// 기본 사용법{items.map((item) => ( {item.name}))}2. Key가 필요한 이유2.1 React의 Diffing 알고리즘React는 가상 DOM을 비교할 때 다음과 같은 규칙을 따릅니다:같은 타입의 엘리먼트: 속성만 업데이트다른 타입의 엘리먼트: 전체 트리 재생성자식 엘리먼트들: 기본적으로 인덱스 기반 비교2.2 Key 없을 때의 문제점// ❌ 문제가 되는 예시function TodoList() { co..

Google Maps Platform과 vis.gl 팀이 개발한 @vis.gl/react-google-maps 라이브러리는 Google Maps를 React에 통합하는 강력하고 간소화된 방법을 제공합니다. 이 라이브러리는 React의 선언적 특성과 Google Maps의 풍부한 기능을 매력적으로 결합합니다.주요 개발자 혜택원활한 React 통합: Google Maps를 완전히 제어되는 React 컴포넌트로 직접 임베드하여 React 워크플로우에 조화롭게 맞출 수 있습니다.확장성: 사용자 정의 컴포넌트를 활용하고 React 훅과 컨텍스트를 사용하여 라이브러리의 기능을 손쉽게 확장할 수 있습니다.vis.gl powerhouse: 다른 vis.gl 라이브러리(예: deck.gl)와 원활하게 통합하여 Googl..

단어 맞추기 게임 트랜잭션 제출 정답입니다! 🎉 다음 정답보기

단어 맞추기 게임 암호화 알고리즘 보안 솔루션 보안 공격 sw 개발 보안을 위한 공격기법 보안 공격 대응 용어 제출 정답입니다! 🎉 다음 정답보기

요즘 정말 많이 쓰고 있는 패키지 매니저 pnpmReact, Next.js 등 프론트 프로젝트에서 큰 문제없이 사용해왔다.당연하게 React native 프로젝트에서 pnpm을 사용하려고 했다.하지만 문제점을 부딪혀버렸다.사건의 발단React native에 Storybook을 설치해보려고 간단한 프로젝트를 진행하려고 했다.npx create-expo-app@latest 일단 프로젝트를 설치해준다.rm -rf node_modulesrm -rf package-lock.json node_modules와 package-lock.json을 삭제해주고 pnpm install을 진행했다.그리고 expo-go로 잘 실행되는지 확인했다.pnpm start!문제없이 expo go의 QR 코드가 떴다. 떳따떴따 비행기 날라..

React 19의 새로운 기능액션 (Actions)React 앱에서 일반적인 사용 사례는 데이터 변형을 수행한 후 상태를 업데이트하는 것입니다. 예를 들어, 사용자가 이름을 변경하기 위해 양식을 제출할 때 API 요청을 하고 응답을 처리합니다. 과거에는 대기 상태, 오류, 낙관적 업데이트 및 순차적 요청을 수동으로 처리해야 했습니다.예를 들어, 대기 상태와 오류 상태를 useState로 처리할 수 있었습니다:// 이전 액션function UpdateName({}) { const [name, setName] = useState(""); const [error, setError] = useState(null); const [isPending, setIsPending] = useState(false); ..

안녕하세요. React Native Expo를 활용하여 NFC 기능은 어떻게 개발하는지 살펴보려고 합니다. NFC란NFC(근거리 무선 통신)는 RFID 기술의 한 형태로, 주로 스마트폰과 같은 장치에서 사용됩니다. NFC는 짧은 거리(보통 4cm 이내)에서 작동하며, 양방향 통신을 지원합니다.Native 앱에서 NFC 사용하기정말 간단하게 Native 앱에서 NFC 개발하는 법을 짚어봤습니다.Android 🤖NFC 권한을 AndroidManifest.xml에 추가합니다.NFC Adapter를 가져와 사용합니다.읽기/쓰기 기능을 만듭니다.iOS 🍎NFC 권한을 Info.plist에 추가합니다.Core NFC 프레임워크를 추가합니다.읽기/쓰기 기능을 만듭니다.두 플랫폼 모두 NFC 권한을 추가하고 Nat..

AWS Cloud Practitioner 자격증 후기목차개요준비 기간시험 접수시험 준비시험 당일시험 결과다음 목표개요안녕하세요.예... 제목에서 말하듯 저는 프론트엔드 개발자입니다.AWS 사용 경험이 없습니다.팀원들이 인프라 얘기할 때 저도 이해하고 고개를 끄덕이고 싶었습니다.그래서 AWS 자격증을 핑계로 클라우드를 공부하기로 결심했습니다.준비 기간3주시험 접수시험은 오프라인과 온라인이 있습니다.오프라인은 서울에 몇군데 있는데 개인 사정상 시간이 맞지 않아서 온라인으로 접수했습니다.온라인 시험은 한국인이 감독하는게 아니고 외국인이 원격으로 감독합니다.그래서 그런걸까요? 시험 시간은 아침 8시였습니다.😑가격은 100달러이고 환율에 따라 원화 가격을 고정해뒀더라고요.13만원 결제했습니다. (AWS가 주기적..