이전 내용에서변수가 객체면 새로운 참조값을 반환해서매번 리렌더링 될 수 있다는 내용이 있었는데요.이번 내용에서는,왜 객체는 참조 주소를 사용할까?값 그대로를 비교하면 되지 않나?근본적인 질문을 다뤄보려 해요. 왜 객체는 값 그대로를 비교하지 않을까?객체를 값으로 비교할 수 있다면,구조가 복잡한 데이터에서도 상태 변화 여부를 쉽게 판단할 수 있을 거예요.const obj_origin = { number: 1 };const obj_same = { number: 1 };// true를 반환하면 비교 수월, 처리 빠름console.log(obj_origin === obj_same); // false// 하지만 실제로는 // 문자열로 변환하는 단계를 거쳐야 해요const obj1 = JSON.stringify(o..

2024.08 기준, 공공데이터포탈에서 제공하는 코드 예제/* Javascript 샘플 코드 */var xhr = new XMLHttpRequest();var url = 'http://apis.data.go.kr/1360000/VilageFcstInfoService_2.0/getUltraSrtNcst'; /*URL*/var queryParams = '?' + encodeURIComponent('serviceKey') + '='+'서비스키'; /*Service Key*/queryParams += '&' + encodeURIComponent('pageNo') + '=' + encodeURIComponent('1'); /**/queryParams += '&' + encodeURIComponent('numOfR..

TMDB-NETFLIX 두번째 페이지프로젝트 링크https://inseong01.github.io/TMDB-netflix/함수 구조project│├── createGenre ...│└── mainSecForm └── changeTab ├── createSec12345 │ ├── translateLanguage() │ ├── createRandomGenre │ │ ├── createRandomGenre() │ │ └── translateNotTranslated() │ │ │ └── createSwiperSlides() │ ├── firstSec ..

TMDB-NETFLIX 첫번째 페이지프로젝트 링크https://inseong01.github.io/TMDB-netflix/함수 구조project│├── createGenre│ ├── profileSelecteStates()│ ├── tvGenres()│ └── movieGenres()│└── mainSecForm └── changeTab ├── createSec12345 ... │ └── transitionPage ├── fadeOutFistPage() └── fadeInSecondPage()createGenreAPI 재요청 : tvGenres(), movieGenres()사용자가 다른 설정을 적용했을 때 다른 데..