이 책을 고르게 된 이유친구들이 생일 선물로 책을 사주겠다고 해서 함께 서점에 들렀다. 이것저것 둘러보다가 정흥수 작가의 『대화의 정석』이 눈에 들어왔다. 나는 별생각 없이 툭툭 말을 내뱉을 때가 있다. 내 의도는 그게 아니었는데, 그 말에 상대방이 상처받는 게 느껴질 때가 종종 있었다. 고쳐야겠다는 마음은 있었지만 "부정적인 말은 하지 말고 긍정적인 말만 하자" 같은 막연한 다짐으로는 실제 대화에서 달라지는 게 없었다. 대화가 자주 끊기는 것도 고민이었다. 관심사가 겹치는 사람과는 시간 가는 줄 모르고 이야기하지만, 그렇지 않은 사람과는 몇 마디 만에 할 말이 바닥나곤 했다. 그래서 대화가 잘 통하는 사람은 따로 있고, 공통 관심사가 없으면 어쩔 수 없다고 생각했다. 그런데 서점에서 이 책을 훑어보다가..

iOS 17 이상, Xcode 26 / Swift 6.2 환경에서 정리한 글입니다.예제는 직접 만든 포켓몬 도감 앱 Pokedex-iOS의 코드를 사용했습니다.SwiftUI에서 화면은 상태(state)를 그린 결과입니다. 상태가 바뀌면 SwiftUI가 그 상태를 읽는 View의 body를 다시 실행해서 화면을 새로 그립니다. 그래서 SwiftUI를 쓸 때 가장 많이 고민하는 것은 "상태를 어디에 두고, 어떻게 넘길까"입니다.이 글에서는 상태를 다루는 네 가지 도구를 정리하고, 각각이 실제로 어떻게 동작하는지 테스트로 확인한 결과를 함께 살펴봅니다.도구한 줄 요약@StateView가 직접 소유하는 상태@Binding다른 View가 가진 상태를 읽고 쓰는 통로@Observable클래스의 프로퍼티를 Swift..

이번에는 React Hook 중 하나인 useRef를 이용해 컴포넌트 내부에서 값을 유지하는 방법과 특정 DOM 요소에 접근하는 방법을 알아보겠습니다.useRef는 Reference 객체를 생성하는 React Hook입니다.기본적인 사용 방법은 다음과 같습니다.const refObject = useRef()초기값을 전달할 수도 있습니다.const refObject = useRef(0)1. useRef란?useRef를 호출하면 current라는 프로퍼티를 가진 Reference 객체가 생성됩니다.const refObject = useRef(0)console.log(refObject)개념적으로 다음과 같은 객체를 생각할 수 있습니다.{ current: 0}따라서 Reference 객체에 저장된 값을 사용하..

이번에는 React에서 자주 사용하게 되는 React Hooks가 무엇인지 알아보겠습니다.앞에서 살펴본 useState, useRef 역시 모두 React Hooks입니다.React를 공부하다 보면 다음과 같은 함수들을 자주 만나게 됩니다.useStateuseRefuseEffectuseReducer이러한 기능들을 통틀어 React Hooks라고 합니다.1. React Hooks란?React Hooks란 함수 컴포넌트에서 React의 다양한 기능을 사용할 수 있도록 해주는 기능입니다.과거 React에서는 컴포넌트를 크게 두 가지 방식으로 만들 수 있었습니다.Class ComponentFunction Component예전에는 두 컴포넌트 사이에 기능적인 차이가 있었습니다.Class 컴포넌트는 State와 같..

이번에는 React의 State를 활용하여 사용자가 입력한 값을 관리하는 방법을 알아보겠습니다.간단한 회원가입 폼을 만들면서 다음 정보를 입력받겠습니다.이름생년월일국적자기소개이번 내용은 두 가지 방식으로 나누어 살펴보겠습니다.State로 각각의 사용자 입력 관리하기하나의 State 객체로 사용자 입력 통합 관리하기1. React에서 사용자 입력값 관리하기HTML의 input, select, textarea 같은 입력 요소는 사용자가 값을 입력하거나 선택할 수 있습니다.React에서는 이러한 값을 단순히 화면에 표시하는 것뿐만 아니라, State와 연결하여 현재 입력값을 관리할 수 있습니다.기본적인 흐름은 다음과 같습니다.사용자 입력 ↓onChange 이벤트 발생 ↓이벤트 객체(e)에서 입력값 ..