접근성 관련 개념은 해당 블로그에서 정리하고 실제 예제를 만들고 웹 페이지에서 보기 위해 레파지토리를 하나 만들었습니다. 사용 기술 스택 - Next.js - typescript - Vercel - AWS Step1. NextJs + typescript 프로젝트 생성 Step2. Git Repository 연동 Step3. Vercel을 활용하여 빌드 & 배포 Step4. 도메인 연결 - AWS 참고 포스트 : https://flamingotiger.github.io/backend/devOps/aws-route53-domain-connect/ 프로젝트 링크 : https://accessibility.koreasimpson.com/
1. 22년 주목해야 할 CSS 기능들 (링크) 더보기 Container Query :has() @when/@else accent-color CSS Color 함수들 Cascade Layers Subgrid Scroll Timeline Nesting 2. 페어 프로그래밍 안티 패턴들 (링크) 더보기 네비게이터 오류들을 너무 빨리 체크하는 것 드라이버가 문법에러와 오타를 수정 할 시간을 주기 너무 작은 에러를 계속 지적하는건 흐름을 끊고, 페어가 타인의 시선을 의식하게 됨 당신의 임무는 틀린 단어를 바로 지적하는게 아니라 큰 그림을 고려하는 것 로우레벨한 지시 하기 운전자에게 제안할 사항이 있으면, 운전자가 이해할 수 있는 가장 높은 수준의 추상화로 전달할 것 코드를 불러주는 것 같다면(심하면 각 키입력까..
1. CSS 역사로 알아보는 CSS가 어려워진 이유 (링크) 2. Node.js에 Fetch API 추가 (링크) 더보기 - Promise 기반의 HTTP Request API (XMLHTTPRequest 보다 강력하고 유연함) - undici 에 들어있는 fetch 코드가 Node.js 코어에 추가 - 대부분 브라우저에서는 window.fetch , worker.fetch 로 이미 지원중 (IE제외) 3. 가장 똑똑한 소프트웨어 엔지니어에게 배운 10가지 교훈 (링크) 더보기 1. 빠른 것이 좋은 것보다 낫다 2. 기술 부채(Technical Debt)에 대해 다시 생각하기 3. 바보 같은 질문은 없다 4. 스킬에 날개를 다는 커뮤니케이션 능력 5. 당신이 할 수 있다고 해서 꼭 당신이 해야 하는 것은..
enum ColorType { RED = 1, GREEN = 2, BLUE = 3, } const values = Object.values(ColorType) // -> ['RED', 'GREEN', 'BLUE', 1, 2, 3] const colorList = Object.values(ColorType).filter(value => typeof value === 'string') // -> ['RED', 'GREEN', 'BLUE']
Canvas를 활용한 작업을 할 때는 반드시 DOM에 canvas가 렌더링 된 이후이어야 한다. javascript를 사용중이라면 onLoad 이후, react를 사용중이라면 useEffect에서 canvas 작업을 진행해야 한다. 1. Draw Lines export const First = () => { // definition const canvasRef = useRef(null); useEffect(() => { const context = canvasRef.current?.getContext("2d"); if (!context) return; context.clearRect(0, 0, 800, 600); context.fillStyle = "blue"; context.fillRect(10, 40..
https://docs.microsoft.com/ko-kr/visualstudio/mac/uninstall?view=vsmac-2019 Mac용 Visual Studio 제거 - Visual Studio for Mac Mac용 Visual Studio 및 관련 도구를 제거하는 방법을 안내합니다. docs.microsoft.com 위 공식문서를 참고하여 삭제하면 됨^^
