
앞서 위 이미지에서 볼 수 있듯이 GitHub Markdown에서 추가적으로 인용구에 별도의 확장 기능이 존재합니다, 이와 같은 기능 또는 문법을 경고 블록(Alert blocks)이라고 합니다. 해당 문법을 사용하여 README.md 또는 그 외 목적으로 깃허브에서 Markdown을 작성할 때 시각적으로 돋보이게 할 수 있습니다. (각각 다른 색상과 아이콘으로 표시되어, 문서에서 눈에 띄게 강조됩니다.) NOTE 외에도 다른 유형의 경고 블록이 있습니다. 현재 깃허브에서 지원하는 유형은 다음과 같습니다. > [!NOTE] > 추가 정보나 참고 사항을 제공할 때 사용합니다. > [!TIP] > 유용한 조언이나 제안을 할 때 사용합니다. > [!IMPORTANT] > 중요한 정보를 강조할 때 사용합니다. ..

매우 효율적으로 빠르게 폴더 또는 파일의 종류를 식별할 수 있게 하고 구분되어 보여지게 함으로서 가독성이 향상되며 그리고 시각적으로 너무 이쁘기 때문에 매우 도움이 되고 많이 애용하는 VSCode 확장 프로그램인 vscode-material-icon-theme을 VSCode 뿐만 아니라 웹사이트 Github에서도 적용시킬 수 있는 방법을 알려드릴려고 합니다. Material Icon 개발자가 추가적으로 제공하는 브라우저 전용 확장 프로그램을 추가적으로 설치하므로서 이를 간단하게 해결할 수 있습니다. 구글 크롬 (Google Chrome) Material Icons for GitHub - Chrome 웹 스토어Material icons for the file browser of popular website..

오늘도 평소와 다름없이 내 깃허브에 소중하게 관리되고 있는 나의 애기들, 패키지들을 유지보수하기 위해 코드를 살펴보던 중, animatable-js의 Ticker 클래스가 눈에 띄었다. 이 클래스를 자세히 살펴보던 순간, 자바스크립트의 requestAnimationFrame 함수를 빈번하게 호출하면 브라우저의 렌더링 동기화 과정에서 상당한 성능 비용이 발생하지 않을까 하는 작은 의문이 들었다. 물론 자바스크립트 내에서 콜백 함수를 등록하고 호출하는 행위 자체는 그리 큰 비용이 들지 않는다. 하지만 requestAnimationFrame은 브라우저가 제공하는 API이며, 이를 통한 렌더링 동기화 과정에서 발생할 수 있는 여러 가지 성능 이슈의 가능성을 고려해 보았다.이러한 고민 끝에 실제로 테스트를 해보는..

업데이트 전, 즉 v9.6.0 이전 버전에서의 redis/go-redis 라이브러리를 사용한다면 개별 해시 키에 대한 만료 기간을 설정할 수 없었으며 이로 인해서 만료 기간을 설정하기 위해 Key의 형태를 Hash_Key=Value와 같이 값을 정의하고 관리했었어야 하고 다른 방식으로는 원시적으로 쿼리를 작성하는 방법이 있었습니다. 하지만 2024년 7월 20일 공개된 v9.6.0 버전, 또는 그 이후 부터는 개별 해시 키에 대한 만료 기간을 설정할 수 있는 함수가 추가 또는 제공됩니다. 🥳if err := rdb.HExpire(ctx, key, duration, hashKey).Err(); err != nil { log.Println("해시 키의 만료기간을 설정하는 과정에서 예외가 발생하였습니다..

라이브러리 이름도 Typescript 인 것처럼 매우 유연하게 타입 추론을 가능하게 하기 위해서 타입스크립트에서는 개발자들에게 여러가지 유용한 기능들을 제공합니다. (해당 글에서는 주제와 같이 조건부 타입을 위주로 작성되었습니다.) 해당 글에서는 몰라도 딱히 상관은 없지만 알면 한 평생 유용한 써먹을 수 있는 타입스크립트의 기능들을 소개하겠습니다 keyof (유니온 타입으로 변환)해당 키워드는 객체 및 인터페이스 또는 함수 시그니처, 멤버 변수 이름 등을(여기에서 키는 주로 어떠한 값에 접근하거나 식별하는데 사용되는 이름을 의미합니다.) 유니온 타입(Union Type)으로 변환 및 추출하는데 사용됩니다, 해당 기능은 앞서 설명했다시피 잘만 사용한다면 매우 유용하게 사용될 수 있는 기능입니다. inter..
- Total
- Today
- Yesterday
- 타입스크립트
- 전환 애니메이션
- github
- 디자인 패턴
- android
- jetpack compose
- html custom element
- TypeScript
- 객체지향
- web
- 안드로이드 개발
- webpack
- 터치 리플
- Flutter
- Reflow
- 터치 효과
- omit
- 플러터
- 조건부 타입
- 안드로이드
- flutter_touch_ripple
- 객체 지향
- 깃허브
- 팩토리 메서드
- Factory Method
- 리플 효과
- JavaScript
- svg
- 최적화
- 커스텀 요소
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | 6 | |
7 | 8 | 9 | 10 | 11 | 12 | 13 |
14 | 15 | 16 | 17 | 18 | 19 | 20 |
21 | 22 | 23 | 24 | 25 | 26 | 27 |
28 | 29 | 30 | 31 |