web3 [Web] Google IO 중 관심내용 리뷰 -What's new in web UI (2023) 0. 들어가며 직접 조작이 가능하다보니 제일 관심 가던 부분인데, 정말 많은 영역에 변화가 있어서 사용이 가능하거나, 곧 모든 브라우저에서 사용가능하게될 예정이었다. 흥미진진한 세션이었다고 할까. 원문은 하단. https://www.youtube.com/watch?v=buChHSdsF9A 1. container query 나왔습니다 뿌뿌뿌 media query에 맞게 화면을 보이고 안보이고, 크기를 줄이고 안줄이고 하면서 고민되던부분은, 아니 컨테이너나 div단위로는 이런거 안나와 하는 감각이었다. 나왔는데, 막상 쓰려고 하면 좀 막막할거 같긴하다. 설명에서도 미세 조정 용이라고는 하니. 상세는 하부 링크에서보자. https://developer.chrome.com/blog/style-queries/ G.. 2023. 5. 14. [IT] Google IO중 관심 내용 리뷰 - 웹에 관한 새로운 소식 0. 들어가며 써야지 써야지 하다가 몇가지 재미있는 세션 등록만 해두고 미루어둔 구글io리뷰. 그래도 머리에 메모 남길 내용은 급히 남아서 회고남긴다. 원문은 여기. https://www.youtube.com/watch?v=x9rh0Du4Czg 1. 협업에 대한 밝은 미래 암시 결말에 모든 웹에서 지원되는 기능에 대해 하기와 같이 공지중이었다. 2. dialog 써라 애송이들 3. transform 쪼개줄게 앗 이건 좀 그렇다. 고민할게 늘어난 느낌. 그래도 transform에 이동,회전, 크기변환을 한번에 넣는거보단 낫지. 4. 모바일용 웹을 위한 small view height, large view height 아직 pc위주의 웹만 고려해오다보니 놓쳤었는데, 이런 이슈도 있었다. 메뉴바의 출력 등에 .. 2023. 5. 14. [Web] 2022 연말 Client / 웹 개발 관련 유의 키워드 1. Vite - 무엇인가. 웹번들러. 너무 많아지는 자바스크립트 라이브러리에 대응하여, 실제 웹 페이지 서비스에서 필요한 것만 묶어내는 도구. go lang으로 작성된 esbuild 사용, 라이브러리 설치시 bundle 미리 생성, 소스코드는 필요한 것만 손대는 적절함까지. 웹 번들링의 시간을 줄여냄에 따라, '미리보기' 기능 또한 강점이 있다. - 유사품 (번들링 툴) (1) webpack. 사실 근본이다. npm run build 때리면 번들링 해서 node_modules의 파일을 근간으로, dist에 필요한걸 생성. -> 필요한 js파일을 하나로 만들어내며, import/require을 요구하지 않게됨. (2) snowpack 얘는 나중에 찾아보자. - 사용법 (+React) npm create .. 2022. 12. 25. 이전 1 다음
