1. 주니어의 스터디 드라이븐 성장기 (발표자료 & 스크립트) (링크) 더보기 IT 엔지니어로 만 2년간 근무하며 했던 30개 이상의 스터디들과, 그로 인한 성장 경험을 공유 목차 성장이란? 신입 시절에 했던 스터디 이직 후 했던 스터디 스터디를 하며 느낀 점들 그래서 스터디로 성장했나요? 기타 스터디 팁 2. million - React를 70% 빠르게 (링크) 더보기 React의 Virtual DOM을 더 빠르고 경량(
1. JMAP - 최신 이메일 표준 (링크) 더보기 IETF가 공식 발표한 'JSON Meta Application Protocol' 빠른 이메일 관리를 위한 개발자 친화적인 오픈API 표준 Gmail에서만 작동하는 독점적인 이메일 API의 대안 IMAP을 컨버전하는 하는 것이 아닌 새로운 프로토콜 Stateless 한 프로토콜로, 커넥션 유지가 필요없음. 모바일 친화적 널리 이용되는 HTTPS/JSON을 사용 바이너리 데이터는 JSON에 포함되지 않고(base64인코딩 같은게 없으면 불가능하기도 하므로) blobid로 레퍼런스 되며 HTTPS로 별도 업로드/다운로드 됨 RFC5322에서 사용하는 데이터를 일관적이고 구조적으로 표현하는 JSON 구조를 정의 두개의 푸시 메커니즘을 정의 데스크탑 및 웹메일..
1. Vercel, Storage 서비스들 공개 (링크) 더보기 프론트엔드 클라우드용으로 최적화된 다양한 스토리지들을 파트너업체들과 함께 제공 Vercel KV: 서버리스 Redis (by Upstash) Vercel Postgres: 서버리스 SQL DB (by Neon) Vercel Blob: 엣지에서 파일 업로드 및 서빙 (by Cloudflare R2) 2. CSS와 Web UI의 새로운 기능들 : I/O 2023 에디션 (링크) 더보기 Container queries Style queries :has() selector nth-of microsyntax text-wrap: balance initial-letter Dynamic viewport units Wide-gamut color spaces..
미들웨어는 요청이 완료되기 전에 코드를 실행할 수 있게 해줍니다. 그런 다음 들어오는 요청에 따라 응답을 재작성(re-writing), 리다이렉션(re-directing), 요청이나 응답 헤더를 수정하거나, 직접 응답할 수 있습니다. 미들웨어는 캐시된 콘텐츠와 라우트가 일치하기 전에 실행됩니다. 더 자세한 내용은 'Matching Paths'를 참고하세요. Convention 프로젝트의 루트에서 미들웨어를 정의하기 위해 middleware.ts 또는 (.js) 파일을 사용하세요. 예를 들어, pages나 app과 같은 레벨에서, 또는 필요한 경우 src 내부에서 사용할 수 있습니다. Example import { NextResponse } from 'next/server' import type { Nex..
Table을 사용할 때 colgroup과 col을 활용하여 열(row)의 크기를 픽스 할 수 있다. 그런데 기본적으로 모든 요소는 부모 요소의 크기보다 커질 수 없다. table 또한 마찬가지이고 col을 활용해서 적용한 width 값들이 table의 부모 요소보다 큰 경우 table은 col에서 설정한 값은 무시하고 알아서(?) 크기를 조율한다. 그런데 부모 요소의 크기와 상관없이 col을 활용해 적용한 width 값을 온전히 적용하고 싶다면, table에 width 값을 max-content로 적용하면 된다. Header 1 Header 2 Header 3 .table-wrapper { overflow-x: auto; } .table-wrapper table { width: max-content; }
1. 데스크탑 GUI 갤러리 (링크) 더보기 - 1970년대 부터 발전된 다양한 OS들의 버전별 스크린샷을 통해서 GUI의 변화를 감상 가능 - Xerox, Visi On, GEM, Deskmate, GEOS, Desqview/X, AmigaOS, RISC OS, BeOS, QNX, OS/2, Apple(Lisa, Apple II, NeXTSTEP), Linux/Unix, Windows, Win Shells 2. 프롬프트 엔지니어링 (링크) 더보기 프롬프트란? - AI 분야에서 프롬프트 (Prompt)의 정의 - 프롬프트의 구성 요소 프롬프트 엔지니어링이란? 프롬프트 작성을 위한 기본 가이드라인 - 대화 스타일 조정 - 미사여구를 최소화한 쉽고 간결한 표현 - 열린 질문보다 닫힌 지시문 - Instruc..
