반응형 Javascript3 Recoil을 사용한 상태 관리 경험: 왜 우리는 Recoil을 선택했을까? 안녕하세요! 오늘은 Recoil을 사용해 리액트 애플리케이션에서 상태 관리를 했던 경험을 공유하려고 합니다. 결합도에 대해 생각해보면, 자료 결합도, 스탬프 결합도, 제어 결합도 등 다양한 결합도들이 있죠. 특히 전역 변수는 외부 결합도로, 뭔가 '좋아 보이지 않는' 그런 느낌이 있어요. 그럼에도 불구하고 리액트에서 상태 관리는 전역 상태가 될 필요는 없지만, Recoil 같은 라이브러리를 사용할 때는 대부분 전역 상태 관리로 하게 됩니다. 그렇다면 왜 수많은 상태 관리 방법 중에서 우리는 Recoil을 선택했을까요? Recoil 선택의 이유너무 쉬웠어요: Recoil이 처음 나왔을 때 그 사용 방법이 정말 쉬웠습니다. 설정도 간단했고, 상태 관리도 꽤 편리했죠. 그래서 처음 접한 우리 팀도 "이거 좋다.. 2024. 12. 3. 효율적인 배열 비교: Set을 사용해 코드 개선하기 처음에는 조금 복잡하게 코드를 작성했지만, 개선을 통해 훨씬 깔끔하고 효율적인 코드로 만들 수 있었어요. 이 과정을 함께 살펴볼까요? 안녕하세요! 오늘은 두 배열을 비교할 때 효율적으로 코드를 작성하는 방법에 대해 공유하려고 합니다. 처음에는 조금 복잡하게 코드를 작성했지만, 개선을 통해 훨씬 깔끔하고 효율적인 코드로 만들 수 있었어요. 이 과정을 함께 살펴볼까요? 초기 코드처음 작성한 코드는 두 배열을 비교하면서 키워드의 위치를 확인하는 작업이었는데요, 아래와 같았습니다.// 데이터를 순회하며 keywords 배열과 비교data.forEach(item => { if (keywords.includes(item.keyword)) { // 특정 값의 인덱스 찾기 const index = keywords.indexOf(item.keyword); // 이후 작업 }});이 코드에서는 data 배.. 2024. 11. 28. 네이버 API 검색 결과에서 언론사 이름 추출하기 네이버 API로 뉴스를 검색할 때, 각 뉴스 항목에는 originallink라는 링크만 포함되어 있어 어느 언론사에서 제공한 뉴스인지 식별하기 어렵습니다. 언론사별로 고유한 originallink의 도메인명을 통해 언론사 이름을 확인할 수 있도록 함수를 구현해보았습니다.이를 위해 먼저, 주요 언론사 사이트의 도메인과 한글 이름을 매핑한 배열을 정의한 후, 해당 링크에 포함된 도메인명을 기반으로 언론사 이름을 확인하도록 했습니다. 1. 언론사 정보 매핑 배열우선, 대표적인 언론사 몇 곳의 도메인명과 한글 이름을 매핑한 배열을 만듭니다. 이 배열을 기반으로, originallink에 포함된 도메인명을 찾아 해당 언론사의 한글 이름을 반환할 수 있습니다.const site = [ {site : .. 2024. 11. 6. 이전 1 다음 반응형
