이번 실습은 HTML, CSS, JavaScript, Python, WordPress, 네이버 카페를 각각 따로 배우는 것이 아니라 하나의 작은 도구로 연결해보는 과정입니다. 최종 목표는 Healthcare Post Builder입니다. 오늘 배운 내용을 입력하면 WordPress용 글 HTML과 네이버 카페용 안전 HTML을 동시에 만들고, WordPress에는 자동 발행까지 연결하는 실습입니다. 최종 결과물 학습 내용...
오늘은 Chrome DevTools에서 네이버 카페 글쓰기 화면의 요소를 직접 확인하고, 그 선택자를 Playwright 자동화 코드로 연결하는 실습을 했다. 처음 목표는 단순했다. 네이버 카페 글쓰기 툴바에 있는 사진 버튼을 코드로 제어할 수 있는지 확인하는 것이었다. 결과적으로 사진 버튼 선택자와 실제 파일 업로드 input을 찾아냈고, Playwright로 이미지 파일을...
오늘 실습은 네이버 카페 글쓰기 화면에서 사진을 자동으로 올릴 수 있는지 확인하는 과정이었다. 처음부터 Playwright 코드를 작성한 것이 아니라, 먼저 Chrome DevTools에서 사진 버튼의 HTML 구조를 확인하고, Console에서 선택자를 하나씩 테스트했다. 그 다음 확인된 선택자를 Playwright 코드로 옮겨 실제 이미지 업로드까지 연결했다. 자동화는 코드를 먼저 짜는...