당신의 말을 경청하게 하라 상대가 당신과 당신의 관심사를 가장 잘 인식하는 시점은 다른 사람들이 모두 이야기를 마친 후다. 심리학에서는 이를 두고 최근 효과라고 부른다. 그러므로 회의 때 자신의 의사를 강하게 전달하고 싶을 때는 마지막으로 발언권을 요청하면 된다. 최초와 최후라는 두 번의 적시 최근 효과의 반대는 첫 머리 효과이다. 우리는 어떤 주제에 대해 처음으로 접한 정보는 시간이 흘러도 매우 생생하게 기억에 남는다. 따라서 누군가에게 원하는 바가 있거든 첫머리 효과와 최근 효과를 결합해 사용하는 것을 권한다. 상대의 기분을 활용하라 상대에게 부탁을 하는 시기를 고를 때는 보통 세 가지 선택 지가 있다. 상대가 특별히 기분이 좋을 때 남을 돕는 자선의 마음을 키우는 데는 아주 작은 기분 돋우기로도 충..
이성 대신 의지를 공략하라 설득하는 것에 대해 이성의 규칙보다는 의지를 공략하는 것이 확실한 길이다. 성공을 결정하는 두 가지 규칙 당신을 좋아하는 사람이 당신을 돕는다. 누군가 당신을 좋아하는 것은 운에 달린 일이 아니다. 개인의 호감 역시 2번의 규칙을 따르면 당신을 좋아하도록 만들 수 있다. 사람들은 당신이 그들의 욕망을 충족시킬 때 당신을 좋아한다. 당신의 특정 관심사가 상대에게 어떤 이익이 될 수 있는지 정확히 알아내야 한다. 상대의 호감을 증폭하는 원리 상대의 호감을 얻어서 상대가 당신을 위해 실제로 무언가를 하게 된다면, 이제 서로 다른 두 가지 효과의 매력적인 상호 작용이 시작된다. 사람은 자신에게 호의를 베풀어준 상대만 좋아하는 것이 아니라, 자신이 도와주었던 상대도 자동적으로 좋아하게 ..
라우트 가로채기는 현재 레이아웃 안에서 라우트를 로드하면서 현재 페이지의 컨텍스트를 유지할 수 있게 해줍니다. 이러한 라우팅 패러다임은 특정 경로를 "가로채서" 다른 경로를 표시하고 싶을 때 유용합니다. 예를 들어, feed 내부에서 사진을 클릭할 때 feed 위에 모달이 나타나야 합니다. 이 경우, Next.js는 /feed 경로를 가로채고 이 URL을 /photo/123 대신에 보여줍니다. 그러나 공유 가능한 URL을 클릭하거나 페이지를 새로고침하는 경우와 같이 사진에 직접 이동할 때는 모달 대신 전체 사진 페이지가 렌더링되어야 합니다. Convention 라우트 가로채기는 (..) 구문을 사용하여 정의할 수 있습니다. 이는 상대 경로 표기법인 ../과 유사하지만 세그먼트에 대해 적용됩니다. 다음을 ..
설득은 이성과 논리로 하는 것이 아니다 정치, 회사 업무 회의, 일상생활 등 우리는 매일 경쟁적으로 논리를 펼치고 토론을 한다. 상대를 설득하려 애쓰고 상대를 한방에 보낼 날카로운 논리를 수집한다. 하지만 안타깝게도 그런 노력을 통해서는 아무것도 얻지 못한다. 이런 경험은 다음과 같은 의문을 낳는다. 논리로 설득을 하려는 노력이 의미 있는 것일까? 의미가 있다면 언제, 어떤 논리를 써야 할까? 의미가 없다면 이제, 어떻게 해야 될까? 사람의 태도에 영향을 미치는 요인 네 가지 유전적 소인: 유전적 소인은 바꿀 수 없다. 애정 ≒ 감정: 감정의 본질은 논리의 영향으로 바꿀 수 없다. 인지: 정보나 논리를 통해 바꿀 수 있다. 행동: 어떤 태도가 나오게 된 행동에 영향을 미치면 바꿀 수 있지만 논리로는 바꿀..
병렬 라우팅(Parallel Routing)은 동시에 또는 조건에 따라 동일한 레이아웃에서 하나 이상의 페이지를 렌더링할 수 있게 해줍니다. 대시보드나 소셜 사이트의 피드와 같은 매우 동적인 앱 섹션에서는 병렬 라우팅을 사용하여 복잡한 라우팅 패턴을 구현할 수 있습니다. 예를 들어, @team 페이지와 @analytics 페이지를 동시에 렌더링할 수 있습니다. 병렬 라우팅을 사용하면 독립적으로 스트리밍되는 각 경로에 대해 독립적인 오류 및 로드 상태를 정의할 수 있습니다. 병렬 라우팅은 인증 상태와 같은 특정 조건에 따라 슬롯을 조건부로 렌더링할 수 있도록 해줍니다. 이를 통해 동일한 URL에서 완전히 분리된 코드를 사용할 수 있게 됩니다. Convention 병렬 라우트는 명명된 슬롯(named slo..
error.js 파일 규칙을 사용하면 중첩된 경로에서 런타임 오류를 우아하게 처리할 수 있습니다. React Error Boundary 내에 라우트 세그먼트와 해당 중첩된 하위 항목을 자동으로 래핑합니다. 파일 시스템 계층 구조를 사용하여 세분화를 조정하여 특정 세그먼트에 맞는 오류 UI를 생성합니다. 오류를 해당 세그먼트로 격리시키면서 나머지 앱은 정상적으로 동작합니다. 전체 페이지 새로고침 없이 오류로부터 복구를 시도하는 기능을 추가할 수 있습니다. route segment 내에 error.js 파일을 추가하고 React 컴포넌트를 내보내어 오류 UI를 생성합니다. /* app/dashboard/error.tsx */ 'use client' // 에러 컴포넌트는 클라이언트 컴포넌트로 만들어야합니다. ..
loading.js 파일은 React Suspense를 자동으로 래핑하여 스트리밍 형태의 로딩 UI를 생성하는 데 도움을 줍니다. 이 컨벤션을 사용하면 라우트 세그먼트의 내용을 로드하는 동안 서버에서 즉시 로딩 상태를 표시하고, 렌더링이 완료되면 자동으로 새로운 콘텐츠로 교체됩니다. Instant Loading States 인스턴트 로딩 상태는 탐색 시 즉시 표시되는 대체 UI입니다. 스켈레톤이나 스피너와 같은 로딩 표시기 또는 향후 화면의 작은 부분(커버 사진, 제목 등)과 같은 의미 있는 요소를 사전 렌더링하여 로딩 상태를 만들 수 있습니다. 이를 통해 사용자가 애플리케이션이 응답하고 있다는 것을 이해할 수 있으며, 더 나은 사용자 경험을 제공할 수 있습니다. 폴더 내에 loading.js 파일을 추..
정확한 세그먼트 이름을 미리 알지 못하고 동적 데이터에서 경로를 생성하려는 경우 요청 시 채워지거나 빌드 시 미리 렌더링되는 동적 세그먼트를 사용할 수 있습니다. Convention 동적 세그먼트는 폴더 이름을 대괄호로 묶음으로써 생성할 수 있습니다: [folderName]. 예를 들어 [id] 또는 [slug]입니다. 동적 세그먼트는 레이아웃, 페이지, 경로 및 generateMetadata 함수에 params 소품으로 전달됩니다. Example 예를 들어 블로그에는 app/blog/[slug]/page.js 경로가 포함될 수 있습니다. 여기서 [slug]는 블로그 게시물의 동적 세그먼트입니다. /* app/blog/[slug]/page.js */ export default function Page({..
