2025/02/14 2

본격연동 #8. 명확한 API 컴포넌트간의 삼권분립 : 간결화와 유지보수성 향상

프론트엔드 개발자로서 협업을 하다보면 겪는 현상인 "중구난방"API 통신 관련 로직 또한 협업을 하다보면 중구난방이 됩니다.특히 api를 기능별로 나눈다면, 예를들어 AuthApi (로그인 및 회원가입  등), FriendApi(친구추가 및 삭제 기능등)으로 역할을 분배했을때, 개발자별로 스타일이 다르기때문에 매개변수가 다를수도 있고, 이 함수를 쓰는 핸들러의 위치와 로직이 달라질 가능성이 많습니다. 이를 명확하게 하기 위해선 어떤것의 최선의 방식인지 동료와 상의를 해야하고 설득을 해야합니다. 설득을 해야할 당신을 위해 이 글을 바칩니다.1. 문제 상황 및 개요✅ 기존 문제점:API 호출 로직이 중구난방으로 섞여 있어 유지보수가 어려움 axios 요청이 여러 곳에서 직접 사용됨 → 중복 코드 증가 (이 ..

상태변경함수 x prev 매개변수 세상에서 제일 쉽게 설명하기

상태변경함수와 prev 매개변수 쓰는거 이거 뭔소리인지 모르겠는데요?  상태를 변경할때 원본에 있는걸 새로 옮기지 않습니까 ? 이때 원본을 해치지 않은 불변성을 유지하는 것이 최근 트렌드그래서 나온 방식이 prev 매개변수와 스프레드 연산자를 활용하는 것 ( 자바스크립트 ) prev 장점이전 상태를 활용하고 그 이전 상태의 값을 유지하며 일부 값만 변경 할 수있음  객체에서 Prev 사용법 (특정 속성만 바꿀래요)set함수((prev) => {...prev, name :'kim'} )const [user, setUser] = useState({ name: "Alice", age: 25 });// ✅ 이전 상태를 유지하면서 특정 속성만 업데이트const updateUserName = (newName) =>..

FrontEnd Develop 2025.02.14