# paint
[Flutter] Custom Paint로 원형 차트 만들어 보기
Custom Paint로 원형 차트 만들어 보기 이번 글에서는 커스텀 페인트로 연습 삼아 만들어 본 Pie Chart에 대한 부분을 작성하려고 한다. 저는 커스텀 페인트 사용 경험이 거의 없다. 몇 년전에 시계 화면 만들어 보고, 로그인 화면 만들 때에 백그라운드

[웹 브라우저] 렌더링 과정 + 구성요소
웹 브라우저 렌더링 과정 1. 파싱(Parse) 웹 브라우저는 HTML, CSS 및 JavaScript와 같은 웹 페이지의 리소스를 서버로부터 가져옵니다. 그리고 가져온 리소스들은 파싱되어 문서 객체 모델(DOM) 및 CSS 객체 모델(CSSOM)로 변환됩니다. 이 단

Paint Transformer
AI가 발전하면서 자연의 이미지를 예술적으로 변환시키는 기술이 생겨나고 있는데(style transformer) 이런 이전의 기술들은 각 픽셀별 정보를 optimization/mapping하는 과정이다.하지만 현실에서 화가들이 브러쉬로 한번에 한획씩 긋는 것 처럼 이

[Flutter] shader overflow 문제
플러터 개발을 하던 중 paint에 shader를 넣어줬더니 width overflow가 발생했다.버그버그정상적인 모습처음에는 path를 잘못 만들거나 shader를 잘못 사용한줄 알았다.이렇게도 써보고 저렇게도 써보며 얘네가 문제가 아니라는걸 알아버렸다. Custom

브라우저 렌더링 과정
프론트엔드 개발을 시작한지 얼마 안된 시점이라 할 지라도 HTML 작성은 어려운 일이 아니다.하지만 내가 작성한 HTML이 어떻게 브라우저에 그려지는지 그 과정을 알아야 할 필요성을 느끼기 까지는 시간이 어느정도 걸린다.회사 면접 질문으로도 자주 등장하는 브라우저 렌더

브라우저 페이지가 렌더링 되는 과정에 대해 설명해주세요
프론트엔드 개발자라고 하려면 필수로 알아야 할 내용중 하나.내가 작성한 코드가 페이지에 렌더링 되는 과정에 대해 알아야 한다.이전에 올린 웹의 동작방식 포스팅에 이어서 브라우저 렌더링에 대해 알아보자.www.google.com을 주소창에서 입력하면 일어나는 일렌더링이란