𝗗𝗮𝘆 𝟱𝟭 𝗼𝗳 𝗟𝗲𝗮𝗿𝗻𝗶𝗻𝗴 𝗠𝗘𝗥𝗡 𝗦𝘁𝗮𝗰𝗸

MERN 스택 학습 51일 차

MERN 스택 학습 여정의 51일 차에 도달했습니다.

어제는 기본적인 호스트 제출(host submissions) 처리를 배웠습니다. 오늘은 프로덕션 수준의 데이터 동기화로 넘어갔습니다. ID 기반의 업데이트와 리소스 삭제에 집중했습니다.

대규모 애플리케이션은 단순히 데이터를 추가하는 것 이상의 작업이 필요합니다. 특정 레코드를 편집하거나 삭제하려면 해당 레코드를 정확히 타겟팅해야 합니다. 오늘은 이 로직을 컨트롤러 레이어(controller layers)에 구현했습니다.

제 작업은 크게 두 가지 작업에 집중되었습니다:

• URL 파라미터에서 식별자(identifiers) 추출하기.
• 인터페이스 모드를 제어하기 위한 쿼리 변수(query variables) 사용하기.

컨트롤러 내부에 편집 조회(edit lookup) 기능을 구축했습니다. 정확한 항목을 찾기 위해 req.params.homeId를 사용했습니다. 또한 사용자가 편집 모드를 봐야 하는지 확인하기 위해 req.query.editing을 사용했습니다.

작업 공간의 코드 예시:

const homeId = req.params.homeId; const editing = req.query.editing === 'true';

이 프로세스를 통해 백엔드는 어떤 레코드를 변경해야 하는지 정확히 알 수 있습니다. 또한 프론트엔드에는 데이터를 어떻게 표시해야 하는지 알려줍니다.

출처: https://dev.to/ali_hamza_589ec7b3eb6688d/day-51-of-learning-mern-stack-22cn