<div> tag는 요소간 논리적인 관계와는 상관없이 요소의 나눔이 필요 할 때 사용된다.
<section> tag는 논리적인 관계가 있는 요소 혹은 문서를 분리 할 때 사용된다.
<article> tag는 문서 혹은 요소가 독립적으로 필요 할 때 사용된다.
설명만 보면 도저히 감이 안잡혀서 현업에 일하는 지인들과 강사님께 여쭤봤습니다.
간단히 얘기해서
<div>, <section>, <article> 이 3가지는 사전적인 의미로 해석을 하지만 현실적으로 구분하기가 어렵다고 합니다.
그래서 각 회사의 프로젝트마다 쓰임세가 다르다고 하는데
어떤 회사는 <div>로만 사용하는 회사가 있는 반면 어느 회사는 <section> 과 <article> 로만 이루어진 회사도 있다고 합니다.
<div>는 옛날 기술이여서 최신 업데이트로 더 구분감 있게 <section> 과 <article> 이 나왔는데, <div> 가 워낙 범용성이 넓고 편하고 해서 아직 까지도 사랑받고 있는 기술중에 하나여서 쉽게 못바꾸는 회사들도 있다고 합니다.
결국 사전적인 의미로는 서로 분리가 가능하지만 현실적으로 사용할때는 눈치껏 그 회사가 사용하는 거에 맞춰서 사용해댜 한다고 합니다.