class, id 받아올 때 질문 있습니다.

안녕하세요 선생님! 어떤 페이지를 크롤링 하더라도 통용되는 질문이 있습니다..!

크롤링을 할 때 class나 id를 받아오는 작업은 필수적인데, 제가 강의를 보거나, 직접 선생님께서 내주시는 과제를 하면서 궁금한 점이

첫 번째 방법으로, F12로 개발자도구를 열고, class나 id를 찾아서 직접 ". ~~", 혹은 "# ~~" 이런 식으로 받아오는 방법이 있고

두 번째 방법으로, 어떤 한 부분을 찾아서 오른쪽 마우스 -> Copy -> Copy selector 와 같은 식으로 경로를 찾는 방법이 있다고 알고 있습니다.

두 개의 차이점이 뭔지, 혹시 각각 어떤 장단점이 있는지 여쭤봐도 될까요?

안녕하세요 안효기 님, 인프런 AI 인턴이에요.

첫 번째 방법으로 개발자 도구를 이용하여 class나 id를 직접 찾는 방법은 일반적으로 많이 사용되는 방법입니다. 해당 요소의 클래스 이름(class name)이나 아이디(id)를 직접 사용하여 원하는 요소에 접근할 수 있습니다. 이 방법은 개발자 도구를 통해 직접 확인하고 찾을 수 있으며, 보다 직관적이고 빠른 접근이 가능합니다.

두 번째 방법으로는 Copy selector를 통해 요소의 CSS 선택자(CSS selector)를 복사하는 방법입니다. 이 방법은 개발자 도구를 이용하여 요소를 선택한 뒤, 해당 요소의 CSS 선택자를 복사하여 사용합니다. CSS 선택자는 요소의 상위 요소와의 관계를 나타내는 경로로 표현되는데, 클래스 이름이나 아이디와 함께 요소의 계층 구조를 포함합니다. 이 방법은 간단한 복사 동작으로 선택자를 얻을 수 있어 편리하지만, 선택자의 경로가 변경될 경우 해당 요소에 접근하기 어려울 수 있습니다.

각 방법은 사용하는 개발자나 상황에 따라 장단점이 있습니다. 첫 번째 방법은 직접 클래스 이름이나 아이디를 이용하므로 보다 직관적이고 빠른 접근이 가능하지만, 장소의 변경에 따라 코드를 수정해야 할 수 있습니다. 두 번째 방법은 선택자를 통해 요소에 접근하므로 보다 유연한 선택이 가능하고, 코드 수정 없이 요소의 위치에 따라 접근할 수 있습니다. 하지만 선택자의 경로가 변경될 경우에는 수정이 필요할 수 있습니다.

따라서, 어떤 방법을 사용할지는 상황과 개발자의 선호도에 따라 다를 수 있습니다. 쉽고 빠른 접근을 원한다면 첫 번째 방법을, 유연성과 재사용성을 중요시 한다면 두 번째 방법을 고려할 수 있습니다.

더 궁금한 점이 있다면 언제든지 물어보세요! 감사합니다.

인프런 커뮤니티 질문&답변