728x90 반응형 프론트앤드 개발54 CSS로 만들어주는 차트 라이브러리 https://chartscss.org/ Charts.css chartscss.org 2024. 3. 26. react로 GA(google Analytics) mobile tracker 만들기 import { useEffect, useRef, useState } from "react"; import { useTracker } from "./util/Tracker"; export const Mobile = () => { const tracker = useTracker(); const [foldState, setFoldState] = useState(false); const ref = useRef(null); const [isTracked, setIsTracked] = useState(false); useEffect(() => { const observer = new IntersectionObserver( (entries) => { entries.forEach((entry) => { // 요소가 .. 2024. 1. 30. 타입스크립트 읽어보기 좋은 글 https://basarat.gitbook.io/typescript/getting-started/why-typescript Why TypeScript - TypeScript Deep Dive This type inference is well motivated. If you do stuff like shown in this example, then, in the rest of your code, you cannot be certain that foo is a number or a string. Such issues turn up often in large multi-file code bases. We will deep dive into the basarat.gitbook.io 2023. 11. 23. momentjs isoWeekDay와 유사한 dayjs method // momentjs const dayOfWeek = moment(value).isoWeekday() - 1; // dayjs const dayOfWeek = dayjs(value).day(); 2023. 10. 26. http 서버 응답코드 100 ~ 500 대 정리자료 https://hongong.hanbit.co.kr/http-%EC%83%81%ED%83%9C-%EC%BD%94%EB%93%9C-%ED%91%9C-1xx-5xx-%EC%A0%84%EC%B2%B4-%EC%9A%94%EC%95%BD-%EC%A0%95%EB%A6%AC/ [웹 프로그래밍] HTTP 상태 코드 표(100 ~ 500) 전체 요약 정리 서버에서의 처리 결과는 응답 메시지의 상태 라인에 있는 상태 코드(status code)를 보고 파악할 수 있습니다. 상태 코드는 세 자리 숫자로 되어 있는데 첫 번째 숫자는 HTTP 응답의 종류를 구분하는 hongong.hanbit.co.kr 2023. 8. 3. 다이어그램 도와주는 사이트 https://app.diagrams.net/ Flowchart Maker & Online Diagram Software Flowchart Maker and Online Diagram Software draw.io is free online diagram software. You can use it as a flowchart maker, network diagram software, to create UML online, as an ER diagram tool, to design database schema, to build BPMN online, as a circuit d app.diagrams.net 2023. 7. 17. vuetify round checkbox v-checkboxv-model="isChecked":label="label"on-icon="mdi-check-circle-outline" // 이걸추가하면 라운드로 보임off-icon="mdi-checkbox-blank-circle-outline" // 이걸 추가하면 라운드로 보임 :ripple="false"/> 2023. 5. 11. IOS에서 숫자와 + - 키보드 노출하기 결론부터 이야기하면 안된다.. native로 만들면 키보드 자체를 커스텀하기에 가능하지만.. html로 만드는건 불가능하다.. 하지만 안드로이드는 아래 와 같이 지원하므로 사용이 가능하다. input type="number"일 때 숫자 키패드만 표시하고 버튼을 표시하려면 input 태그의 inputmode 속성을 지정하면 됩니다. inputmode 속성은 숫자 입력에 사용할 키보드 유형을 지정하는 데 사용됩니다. 다음은 iOS에서 사용할 수 있는 inputmode 속성의 몇 가지 예입니다. numeric: 숫자만 입력할 수 있는 키보드를 표시합니다. decimal: 숫자와 소수점을 입력할 수 있는 키보드를 표시합니다. email: 이메일 주소를 입력할 수 있는 키보드를 표시합니다. url: URL을 입력.. 2023. 5. 11. Vuejs nuxtjs Typescript Window 사용하기 nuxtjs 기준 /types/{{파일명}}.d.ts declare global { interface Window { test { gettest: () => null | string | undefined; }; } } xxx.vue window.test.gesttest() //형태로 사용함 2023. 4. 25. nuxtjs .d.ts 파일에 전역 상수 추가하는 방법 Nuxt.js에서 -9로 할당된 전역 상수를 만들려면, 다음과 같이 nuxt-env.d.ts 파일을 만들고, 해당 파일에서 상수를 선언하면 됩니다. declare module '@nuxt/types' { interface Context { $myGlobalConsts: Readonly; } } declare module '@nuxt/types/config/runtime' { interface NuxtRuntimeConfig { myGlobalConsts: Readonly; } } 위의 코드에서 Context와 NuxtRuntimeConfig를 확장하여 $myGlobalConsts 상수를 추가합니다. 또한, 읽기 전용인 Readonly를 사용하여 상수의 값이 변경되지 않도록 합니다. 이제 상수를 사용하려면.. 2023. 4. 18. react, typescript 유용한사이트 타입스크립트 : https://driip.me/b812974b-3974-46e3-829e-1476b9b30c94 TypeScript 타입 정의 읽기 — 몇 가지만 알면 쉬워요 아마 조금 더 쉬워질걸요? driip.me 리액트 : https://react.gg/visualized 2023. 4. 11. 최신 CSS Property로 만든 사이트 모음 페이지 https://smolcss.dev/ 2023. 3. 21. 이전 1 2 3 4 5 다음 728x90 반응형
