서버에서 크롬을 띄운다? “헤드리스 Chromium”을 써보니
들어가며 웹 자동화나 서버에서 웹페이지를 처리하는 작업을 하다 보면 한 번쯤 이런 생각을 하게 됩니다. “서버에서 크롬을 직접 실행해야 하나?” 일반적인 PC 환경이라면 Chrom…
IT
“캐시버스팅 자동화하기”, 배포할 때마다 ?v=1.0.3 직접 바꾸고 있다면 꼭 보세요
들어가며 웹사이트를 개발하다 보면 정말 자주 만나는 문제가 있습니다. 분명 CSS를 수정했습니다. JavaScript도 수정했습니다. 서버에 배포한 것도 확인했습니다. 그런데 이상…
“사람이 클릭하던 일을 코드가 한다” 웹 자동화와 브라우저 자동화
들어가며 웹 개발을 하다 보면 똑같은 작업을 계속 반복해야 하는 순간이 있습니다. 관리자 페이지에 로그인해서 데이터를 확인하고, 특정 버튼을 누르고, 결과를 저장하는 작업처럼 사람…
“둘 다 브라우저 자동화인데 뭘 쓰지?” “Puppeteer와 Playwright”
들어가며 웹 자동화를 찾아보다 보면 거의 빠지지 않고 등장하는 이름이 있습니다. 바로 Puppeteer와 Playwright입니다. 둘 다 브라우저를 코드로 제어할 수 있게 해주는…
“Pf_setUiScale(0.95)”의 정체, 레이아웃이 살아났습니다
들어가며 웹사이트를 만들다 보면 분명히 PC에서는 괜찮아 보이는데 특정 해상도에서만 화면이 묘하게 어긋나는 경우가 있습니다. 버튼이 조금 커 보이거나, 카드가 생각보다 넓게 보이고…
“Headless 브라우저”, 브라우저 창도 없는데 어떻게 클릭하지?
headless 브라우저란? 웹 개발을 하다 보면 브라우저를 직접 띄우지 않고 웹페이지에 접속해서 데이터를 확인하거나 특정 동작을 자동으로 실행해야 하는 경우가 있습니다. 이때 자…
웹사이트가 느리다면? “Lazy Loading” 하나부터 확인해보세요
들어가며 웹사이트를 만들다 보면 어느 순간부터 페이지가 느려지는 것을 경험하게 됩니다. 처음에는 이미지 몇 개와 간단한 HTML만 있어서 페이지가 금방 열립니다. 그런데 기능이 하…
“코드 정합성(Code Integrity)”, 나중에 고치려면 더 힘듭니다
들어가며 처음에는 분명 간단했던 코드가 있습니다. 변수 이름도 몇 개 없고, 함수도 많지 않고, 파일 구조도 단순합니다. 그런데 프로젝트가 몇 달 지나고 개발자가 한두 명씩 추가되…
“웹사이트 온보딩 화면” 제대로 만드는 방법
들어가며 웹사이트를 만들다 보면 이런 상황을 한 번쯤 겪게 됩니다. 회원가입까지는 했는데 사용자가 아무것도 하지 않습니다. 로그인은 했는데 다음에 무엇을 해야 할지 모르고 나갑니다…