위 글은 25 CSS Hacks Every Developer Should Know를 번역 겸 약간의 각색을 곁들인 글로,이 글은 3번째 중 2번째 글이다.10. Custom Scrollbars (커스텀 스크롤바)문제: 스크롤바를 스타일링하고 싶습니다.해결책: ::-webkit-scrollbar을 사용합니다.부연 설명: 웹킷 기반 브라우저에서 커스텀 스크롤바를 만들 수 있습니다.::-webkit-scrollbar는 스크롤바의 전체 영역을, ::-webkit-scrollbar-track은 스크롤바의 트랙을,::-webkit-scrollbar-thumb는 스크롤바의 이동 가능한 부분을 스타일링합니다./* 스크롤바 전체 스타일링 */::-webkit-scrollbar { width: 10px;}/* 스크롤바 ..
TypeScript를 사용하고있지만, 숙련도가 부족하다고 느끼는 가장 큰 포인트가 제너릭을 잘 몰라서인 것 같다.그런 김에, 제너릭의 다양한 용례를 통해 제너릭을 정리해보려한다.제너릭(Generic)제너릭(Generic)은 TypeScript에서 매우 강력한 기능으로, 코드의 재사용성을 높이고 타입을 더욱 유연하게 다룰 수 있다.제너릭을 사용하면 함수, 클래스, 인터페이스 등을 타입에 의존하지 않으면서도 타입 안전하게 작성할 수 있다.1. 기본적인 제너릭 함수제너릭 함수는 함수의 입력 타입과 반환 타입을 유연하게 지정할 수 있다.function identity(arg: T): T { return arg;}// 사용 예시const num = identity(42); // T는 number로 추론됨cons..
저는 public 폴더 내에 UserGuide.pdf라는 파일을 넣었고 참고바랍니다.아래와 같이 작성하면, /guide로 진입시 웹뷰어로 pdf를 볼 수 있습니다.App.tsxconst App: React.FC = () => { return ( ... } /> ... )}Guide.tsxconst Guide: React.FC = () => { return ( )}Intro.tsxconst Intro: React:FC = () => { return ( ... User Guide ... )}
오늘은 말로만 듣던 개발자 성지라고 불리는 『튜링의 사과』 에서 열리는 커뮤니티 강의 - '인프라 초보를 위한 최소한의 도커 실습'를 신청하여 튜링의 사과를 방문한 후기를 남겨보려고 한다.튜링의 사과소개개발자들이 운영하는 개발자들의 성장 공간이자 오프라인 아지트라고 알려진 곳으로, 개발자들을 위한 공간이라고 할 수 있다. 작업공간첫번째 사진은 자율형 작업공간/강의실로 오늘의 강의를 들은 곳으로, 제일 끝쪽에 위치해있고 몰입형 작업공간은 입구를 들어가면 바로 마주할 수 있는데, 개발자들이 작업하기 좋게 데스크톱과 테이블, 콘센트등이 셋업이 되어있는 공간이 구성되어있다. 개발자 서점에서 각종 개발 도서들과 강의실에서 열리는 커뮤니티 강의들에 대한 홍보 포스터가 눈에 띄고, 퍼즐 풀기로 쉬어가는 공간과 그 주..
