반응형 분류 전체보기126 Cookie Store API https://developer.mozilla.org/en-US/docs/Web/API/CookieStore CookieStore - Web APIs | MDN The CookieStore interface of the Cookie Store API provides methods for getting and setting cookies asynchronously from either a page or a service worker. developer.mozilla.org 쿠키 가져오기 쿠키를 사용하려면 아래처럼 전체 문자열을 뒤져보거나 라이브러리를 사용했어야 했다. function readCookie(name) { var nameEQ = name + "="; var ca = document.cookie... 2024. 2. 22. css 커스텀 프로퍼티 사용법 :root { --mainBgColor: gold; } body { background: var(--mainBgColor); } /* 대소문자를 구분함 MainBgColor !== mainBgColor */ 이 변수는 js에서도 읽어들일 수 있습니다. const myBg = getComputedStyle(document.documentElement).getPropertyValue("--mainBgColor") nuxt3 처음에 나오는 페이지도 비슷하게 구현해볼 수 있다. https://jsfiddle.net/hyuckjin/k16tego4/9/ Edit fiddle - JSFiddle - Code Playground jsfiddle.net 2023. 11. 10. FE 클린코드 https://velog.io/@chooble/%EC%8B%A4%EB%AC%B4%EC%97%90%EC%84%9C-%EB%B0%94%EB%A1%9C-%EC%93%B0%EB%8A%94-FE-%ED%81%B4%EB%A6%B0%EC%BD%94%EB%93%9C-by-Toss 실무에서 바로 쓰는 FE 클린코드 by Toss & 진유림님 SLASH 21에서 진유림님께서 발표하신 "실무에서 바로 쓰는 Frontend Clean Code" 영상을 분석하였습니다. velog.io 2023. 8. 29. [번역] React Query 적으로 사고하기 https://velog.io/@seungchan__y/React-Query-%EC%A0%81%EC%9C%BC%EB%A1%9C-%EC%82%AC%EA%B3%A0%ED%95%98%EA%B8%B0 [번역] React Query 적으로 사고하기 React Query Maintainer인 Tkdodo가 알려주는 리액트 쿼리적으로 사고할 수 있는 3가지 요소들을 다루어봅니다. velog.io 2023. 6. 26. 백틱 tagged templates tagged templates를 사용하면 함수의 인자를 구분지을 수 있습니다. 태그 함수의 첫번째 인자는 문자열 값의 배열이고 나머지는 인수 표현식과 관련됩니다. var person = 'Mike'; var age = 28; function myTag(strings, personExp, ageExp) { /* strings: [ "that ", " is a ", "" ] */ var str0 = strings[0]; var str1 = strings[1]; var str; ageExp > 99 ? str = 'centenarain' : str = 'youngster' return str0 + personExp + str1 + str; } var output = myTag `that ${ person } .. 2023. 5. 19. memoize Memoize는 동일한 인수로 연산 비용이 많이 드는 루틴을 여러 번 호출하는 것을 방지하기 위해 특정 함수의 결과를 캐싱하는 용도로 사용된다. 입력 변수를 기반으로 복잡한 계산을 수행하는 함수가 있다면, 결과 값을 캐싱하고 동일한 입력값으로 여러 번 호출될 때 즉시 값을 가져올 수 있도록 memoize() 함수를 사용할 수 있다. function memoize(func) { const cache = new Map(); return function() { const key = JSON.stringify(arguments); if (cache.has(key)) { return cache.get(key); } const result = func.apply(this, arguments); cache.set(k.. 2023. 3. 22. 이전 1 2 3 4 5 ··· 21 다음 반응형
