본문 바로가기

분류 전체보기121

Query Keys를 관리하는 기준과 방법 https://velog.io/@bo-like-chicken/Query-Keys%EB%A5%BC-%EA%B4%80%EB%A6%AC%ED%95%98%EB%8A%94-%EA%B8%B0%EC%A4%80%EA%B3%BC-%EB%B0%A9%EB%B2%95 Query Keys를 관리하는 기준과 방법 Query Keys 관리의 중요성, 작성하는 기준과 방법에 대해서 알아보았습니다. velog.io 2024. 3. 28.
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.