ziglog
8월 첫주차 기록
August 4, 2024 • ☕️ 6 min read
배워가기
CSS whitespace pre vs pre-wrap
Ref https://developer.mozilla.org/en-US/docs/Web/CSS/white-space
- CSS whitespace pre vs pre-wrap
pre\n과<br />썼을 때만 new line
pre-wrap\n과<br />, 그리고 박스 넘칠 때도 알아서 new line
- https://developer.mozilla.org/en-US/docs/Web/CSS/white-space
CSS appearance
운영체제 및 브라우저에 기본적으로 설정되어 있는 테마를 기반으로 요소를 표현한다. 즉, 네이티브로 지원되는 모양들을 해제하거나 추가할때 이 속성을 이용할 수 있다.
Ref https://velog.io/@jongk91/css-appearance-속성
vanilla-extract
의 장점들
- Runtime CSS in JS의 문제점을 해결하기 위해 Zero-runtime CSS in JS가 등장했다.
- 빌드타임에 TypeScript 파일을 CSS 파일로 만든다.
- type-safe하게 theme를 다룰 수 있다.
- 프론트엔드 프레임워크에 구애받지 않는다.
Tailwind처럼 Atomic CSS를 구성할 수도 있다.Stitches처럼 variant 기반 스타일링을 구성할 수 있다.
Ref
typeorm delete vs softdelete
delete(물리 삭제)- 저장된 데이터를 실제로 삭제해버리는 방법
- 위험한 방식
softdelete(논리 삭제)- 저장된 데이터를 사용하지 않아서 논리적으로만 삭제하는 방법
- 언제 사용할까?
- AI 학습 데이터로 사용하기 위함
- 주고받은 채팅일 시, 법적인 문제가 생겼을 때 증거로 사용해야 하기 위함
👩🏫 softDelete가 된다면 deletedAt에 삭제한 시간 갱신되면서 null이 아니게 된다. TypeORM에서는 이를 논리적인 삭제로 보고 이후 DB에서 값을 가져오는 쿼리를 보낼때 필터링하여 가져오지 않게 처리해준다.
Ref https://puleugo.tistory.com/119
README vs CONTRIBUTING
-
README
- 레포지토리의 개괄적인 내용을 다룬다.
- 레포지토리 사용방법, 컨셉 및 자세한 내용을 다루는 문서의 위치 등 최초 진입문서로서의 역할
-
CONTRIBUTING
- 레포지토리에 기여하기 위한 모든 내용을 다룬다. (개발을 하기 위해 필요한 내용들)
- 커밋 방법, MR 방법, 배포 방법, 논의 방법 등등 모두
이것저것 모음집
-
SQL 쿼리에서
IN연산자 뒤에 빈 배열 (또는 리스트)을 사용하는 것은 일반적으로 SQL 표준에서 지원되지 않는다. 대부분의 SQL 데이터베이스 시스템에서IN연산자 뒤에 빈 배열이 오면 구문 오류가 발생한다. -
preload webpack plugin - 비동기 자바스크립트 청크 파일을
<link rel="preload">를 사용해서 끌어올리는 webpack plugin으로, lazy loading에서 사용한다. (Ref) -
preload vs prefetch
- prefetch - 다음 페이지의 로딩 속도를 개선하기 위해 사용
- preload - 현재 페이지의 중요한 리소스를 먼저 불러오기 위해 사용
기타공유
boolean parameter를 너무 사랑하지마세요.
하지만 boolean flag를 남발하고 싶어서 쓰는 게 아닌걸… 😇
Ref https://www.datoybi.com/no-love-for-boolean-parameters/
ollama
-
local LLM 도구 중 하나
-
LangChain과 함께 사용 시
- LLM모델을 로컬에서 구동하고 서비스 할 수 있게 도와주는 도구인 LangChain과 Ollama
- LangChain은 오픈소스 orchestration framework로, LLM과 쉽게 상호작용할 수 있는 API와 LLM을 구축하기 위한 API를 제공한다.
- LLM모델을 로컬에서 실행 가능하게 해주는 Ollama를 이용하면, 파이썬 환경에서 LangChain 라이브러리를 통해 쉽게 LLM 애플리케이션을 개발할 수 있다.
-
기타 local LLM 도구들
디자인 시스템에 적합한 코드
열일중인 피그마.
Code Connect 나도 써보고 싶다!
(그치만 디자인시스템 개발을 하고 싶은 건 아냐)
Ref https://junghan92.medium.com/번역-디자인-시스템에-적합한-코드-71ec6938a909
크롬의 전용 요소 (다시) 지원 시작
dialog 컴포넌트. 근데 지원을 중단한 적이 있었던가?
Ref https://html.spec.whatwg.org/multipage/interactive-elements.html#the-dialog-element
마무리
날씨 진짜 미친 거 아냐. 라는 말 밖에 안 나오는 요즘. 🥵
며칠 째 폭염 경보인지?
5분만 걸어도 땀 줄줄 모든 옷도 나도(?) 다 빨아야 한다.
돈을 열심히 벌어야 하는 목표가 생겼다.
여름에 절대 5분 거리도 걸어다니지 않을 거라는 목표.
와중에 퍼컬 진단 받고 옴. 가을 웜 뮤트.
추구미와 같아서 마음에 든다. 눈썰미 있다고 칭찬 받았다. ( •◡-)✧
아무튼 너무 습하고 덥다고. 한국 여름 이거 사람 살 수 있는 날씨 아니라고.
Relative Posts:
7월 3-4주차 기록
July 21, 2024
지그의 개발 블로그
