개발자의 끄적거림

1. Map (인터페이스)가장 먼저 이해해야 할 것은 Map이 인터페이스(Interface)라는 점입니다. 자바 컬렉션 프레임워크에서 Map은 **키(key)**와 **값(value)**을 한 쌍으로 묶어 저장하는 데이터 구조의 규약(청사진)을 정의합니다. Map 자체는 객체로 생성할 수 없으며, 이 인터페이스를 구현하는 구체적인 클래스들(예: HashMap, TreeMap, LinkedHashMap)을 통해 기능을 사용할 수 있습니다.핵심 특징:키(Key)의 고유성: 모든 키는 유일해야 합니다. 동일한 키로 값을 추가하면 기존의 값은 새로운 값으로 덮어쓰여집니다.키-값 쌍: 키를 통해 값에 빠르게 접근할 수 있습니다. 마치 사전에서 단어를 찾아 그 의미를 확인하는 것과 같습니다.순서 없음: Map 인터..

.xfdl 파일은 주로 **넥사크로플랫폼(nexacro platform)**에서 사용되는 UI(사용자 인터페이스) 정의 파일입니다. 넥사크로플랫폼은 투비소프트(TOBESOFT)에서 개발한 RIA(Rich Internet Application) 개발 도구이자 프레임워크입니다. .xfdl 파일의 특징 및 역할UI/UX 화면 정의:.xfdl 파일은 넥사크로플랫폼에서 사용자에게 보여지는 화면의 레이아웃, 컴포넌트(버튼, 그리드, 텍스트박스, 콤보박스 등), 그리고 이 컴포넌트들의 속성(크기, 위치, 색상, 글꼴 등)을 정의하는 XML 기반의 파일입니다.비주얼 스튜디오(Visual Studio)나 이클립스(Eclipse) 같은 IDE에서 GUI(Graphical User Interface) 기반의 넥사크로 스튜디..

리덕스란!??? 웹 개발의 세계는 끊임없이 진화하고 있으며, 특히 사용자 인터랙션이 많아지고 데이터 흐름이 복잡해지는 현대 웹 애플리케이션에서는 '상태 관리(State Management)' 가 개발의 성패를 좌우하는 핵심 요소가 되었습니다. 오늘 이 블로그 포스팅에서는 React와 같은 프런트엔드 라이브러리/프레임워크와 환상의 궁합을 자랑하며, 전역 상태 관리에 있어 독보적인 위치를 차지하고 있는 라이브러리, Redux에 대해 깊이 있게 알아보겠습니다.단순히 사용법을 나열하는 것을 넘어, Redux가 왜 필요하고 어떤 철학을 가지고 있으며, 여러분의 애플리케이션에 어떻게 강력한 힘을 실어줄 수 있는지 자세히 파헤쳐 보겠습니다. 이 글을 통해 Redux의 본질을 이해하고, 여러분의 다음 프로젝트에 자신..

## FIDO 인증에 대한 심층 분석: 비밀번호 없는 강력하고 편리한 인증의 미래 ### 1. 서론: FIDO의 등장 배경과 미션 오늘날 디지털 세상에서 우리는 수많은 온라인 서비스에 접근하기 위해 비밀번호를 사용하고 있습니다. 그러나 비밀번호는 **피싱(Phishing), 자격 증명 스터핑(Credential Stuffing), 무작위 대입 공격(Brute-force Attacks), 재사용(Reuse) 및 대규모 데이터 유출(Data Breaches)** 등 다양한 보안 위협에 끊임없이 노출되어 있습니다. 사용자들은 너무 많은 비밀번호를 기억해야 하는 부담과 함께, 복잡한 비밀번호를 만들어야 하는 스트레스, 그리고 주기적인 비밀번호 변경 요구에 시달리고 있습니다. 이러한 문제들을 해결하기 위해 **..

## 💼 1. **PM (Project Manager) – 프로젝트 관리자**### ▶️ 역할:* 프로젝트 전반의 **관리 책임자**로, 일정, 예산, 자원, 품질, 범위 등을 조율* 고객과의 커뮤니케이션 창구 역할* 프로젝트의 리스크를 식별하고 관리* 팀원 간의 업무 조율 및 일정 계획 ### ▶️ 주요 업무:* 프로젝트 계획 수립 (WBS, 일정표, 자원계획)* 고객 요구사항 수집 및 관리* 프로젝트 예산 산정 및 통제* 프로젝트 진행 현황 보고* QA 및 테스트 결과 보고 관리### ▶️ 요구 역량:* 커뮤니케이션 능력, 리더십, 일정관리 능력* 다양한 개발 방법론 (Waterfall, Agile 등)에 대한 이해* 이슈 및 리스크 관리 능력---## 🧑‍💻 2. **PL (Project Le..

하기와 같이 하단 메뉴바 생성하는 방법 시작합니다. 일단 해당 부분 인스톨 하고npm install @react-navigation/bottom-tabs Tabs메뉴import { createBottomTabNavigator } from '@react-navigation/bottom-tabs';const MyTabs = createBottomTabNavigator({ screens: { Home: HomeScreen, Profile: ProfileScreen, },}); API 설명 backBehavior이는 goBack내비게이터에서 가 호출될 때 발생하는 동작을 제어합니다. 여기에는 기기의 뒤로 가기 버튼이나 Android의 뒤로 가기 제스처가 포함됩니다.다음 값을 지원합니다.f..

네비게이션 메뉴에 서 쓰일 정보들은 useState useSelector 어디서 관리하는게 좋을까? 무조건 리덕스(Redux)와 같은 전역 상태 관리 라이브러리를 사용하는 것이 훨씬 효율적이고 useState로도 구현은 가능하지만, 앱의 구조가 복잡해지고 유지보수가 매우 어려워집니다. ## 왜 리덕스가 더 효율적인가? 모바일 앱에서 하단 메뉴바(네비게이션 바)는 어떤 페이지에 있든지 항상 화면에 유지되는 최상위 컴포넌트 중 하나입니다. 사용자가 메뉴를 커스텀하는 화면은 보통 '설정'이나 '메뉴 편집' 같은 특정 페이지에 있습니다.이 상황을 정리하면 다음과 같습니다.메뉴를 변경하는 곳: '메뉴 편집' 페이지 (하위 컴포넌트)변경된 메뉴가 표시되는 곳: 하단 메뉴바 (최상위 컴포넌트)이처럼 서로 다른 위치..

React 생명주기(Lifecycle): 마운트(Mount)와 언마운트(Unmount)의 개념과 이해 1. 생명주기(Lifecycle)란? React에서 **생명주기(lifecycle)**란 컴포넌트가 생성되고, 화면에 렌더링되며, 업데이트되고, 제거될 때까지의 일련의 과정을 의미합니다. React 컴포넌트는 이 생명주기 동안 특정 시점에 자동으로 호출되는 메서드나 함수들을 통해 상태 관리, 데이터 처리, 부수 효과(side effects) 등을 제어할 수 있습니다.컴포넌트 생명주기는 크게 다음과 같은 단계로 구분됩니다:Mounting (마운트): 컴포넌트가 생성되어 DOM에 삽입되는 단계Updating (업데이트): 컴포넌트의 props나 state가 변경되어 재렌더링되는 단계Unmounting (언마..

React.js Component에 대한 자세한 설명1. 컴포넌트(Component)란?React.js는 사용자 인터페이스를 구축하기 위한 JavaScript 라이브러리로, **Component(컴포넌트)**라는 개념을 중심으로 구성되어 있습니다. 컴포넌트는 화면을 구성하는 독립적이고 재사용 가능한 UI 단위입니다. 예를 들어 버튼, 폼, 네비게이션 바 등은 각각 하나의 컴포넌트가 될 수 있습니다. 컴포넌트를 통해 복잡한 UI를 작은 단위로 쪼개어 관리할 수 있으며, 각각의 컴포넌트는 고유한 상태(state)와 속성(props)을 가질 수 있습니다. 2. 컴포넌트의 종류React에서 컴포넌트는 크게 두 가지로 나뉩니다.2.1 함수형 컴포넌트 (Function Component)함수형 컴포넌트는 JavaS..

렌탈친구 서비스를 한번 만들어 봤습니다 !!!!!!!!!!!이름은 제가 프렌즈위드라고 지어봤어요 ㅎㅎ 요새 사이트 만들면서 여러 사업구상중에 있는데 문득 사람을 빌려주는 서비스를 만들고 싶었습니다. 이 서비스의 시작은 처음에 이랬습니다. 진심으로 힘들 때 주변에 사람이 없어서 힘든 사람을 위해또래 말고 다양한 연령대와 친구가 되고 싶은 사람을 위해나를 알지 못하는 누군가에게 고민상담을 해보고 싶을 때심심할 때외로울 때그냥 밥친구가 필요할 때 또한 단순히 옆에서 대화를 들어주는 것도 있지만막 어디서 정보 얻기 애매하거나 소소한 개인의 노하우들 (예를 들어 이사할 때 원룸 찾는 노하우,노래 잘하는 방법,화장 빨리하는 노하우,군대 가기 전에 알아두면 좋을 상식 등) 그냥 사소한 궁금증을 알고 싶을..