블로그

• [CSS] DIV 구조의 웹사이트 코딩 div로만 전체 UI를 구성하는 건 초보나 개인 개발 단계에서 아주 일반적인 방식 하지만 장기적으로 유지보수나 접근성(Accessibility) 관점에서 몇 가지 주의점은 보완 필요 (div-only )의 장단점 장점 단점 div만 써도 문제는 없으나, 나중에 규모가 커지거나 공공기관용이라면 최소한 “의미 있는 영역 구분 태그(header/nav/main/footer)”는 추가해 blog.naver.com · 2025.11.10
• 홈페이지 게시판 <div style> 작성 오류 답변 안녕하세요 IT컨설턴트 온누리웹입니다. div style 로 시작되는 HTML 코드가 업로드 되지 않는 문제는 여러가지 이유가 있습니다. 1. 보안설정 게시판에서 HTML 태그 사용을 제한하고 있을 가능성이 있습니다. 이는 악성 스크립트를 방지하기 위....... blog.naver.com · 2025.03.12
• [React 만들어보기 03] DOM 만들어보기 DOM 만들어보기 html 태그의 구조는 태그 이름, 속성들, 자식 요소 이렇게 되어 있다. JS에서 DOM 만들기 객체를 만든다 2. 그럼 이렇게 id가 root인 div 태그 안에 p태그가 생성이 된걸 확인할 수 있다. children 렌더링 해주기 children은 객체니까 map을 쓰고 하위 children의 blog.naver.com · 2023.08.06
• CSS Combinator Selectors - Descendant Selector(space) -&gt; div p { } - Child Selector(&gt;) -&gt; div &gt Selector -&gt; div ~ p { } // div 직후에 나오는 모든 p 3. blog.naver.com · 2022.05.06
• Emmet 빠르게 마크업 하기 2 위 이미지를 참고하면 div 안에 header가 있고 그 안에 ul가 있다. li 안에 a 태그가 7번 반복, header 옆에 footer가 있다. div&gt;(header&gt area 라는 텍스트를 적고 싶다면 p&gt;{text area} 라고 입력하면 된다. - 숫자를 자동으로 입력하기 위해서는 $ 사용 class 이름이 "class 숫자" 라는 p 태그 blog.naver.com · 2021.08.01
• 시멘틱 태그 sementic 웹서치하며 적어가면서 개념을 한번 더 이해하고 공부하는 공간 시멘틱 태그 (Sementic) : 의미 있는 태그, 태그에 의미를 부여한다는 뜻 논시멘틱 태그 (non-sementic ) : 의미 없는 태그 : div, span 등 이게 문단인지,타이틀인지,설명인지어떤 용도로 사용하는지 알 수 없다. blog.naver.com · 2021.01.12
• 콘텐츠 모델, 구문컨텐츠(phrasing content) Metadata - 콘텐츠의 style, script를 설정하거나 다른 문서와의 관계 등의 정보를 포함하는 요소 - 메타 태그, 타이틀 태그, 스타일 태그, 링크 태그가 이에 해당하며 article, aside,audio, b, bdo, blockquote,br, button, canvas, cite, code, datalist, del, details, dfn, div blog.naver.com · 2021.01.12
• 《기초 지식》 블록 레벨 요소(Block Level Element)와 인라인 레벨 요소(Inline Level Element) ● div 태그와 span 태그 와 은 둘 다 그룹핑에 사용되는 엘리먼트이지만, 는 block 레벨 요소이고 은 inline 레벨 요소라는 점에서 큰 차이가 있다. block과 inline은 blog.naver.com · 2020.05.15
• 20180605 WEB 구성 실습 수업 tip먼저 div id값으로 전체 레이아웃을 구성해준 다음에 세부 항목들을 쪼개 나가는게 안전하다 실습 clear:both clear:both가 없으면 float된 다른 div의 float값을 인지하고 그다음으로 오게끔 해주는 태그 클래스와 태그 간 선택자 설정 .menu&gt;ul&gt;.home&gt;a{ } 클래스가 있으면 클래스를 써주고 blog.naver.com · 2018.06.07
• HTML & CSS 기초 Part2 [HTML 기본적인 태그] (실무에서 거의 사용하는 태그[책을 보면 너무 방대하고 실무에서 사용을 잘 안하는 태그들 까지 다 설명해주시니.. 처음부터 막막하죠잉]) 일반적인 태그 DIV [Division Marker] 라는 뜻도 있지만 그냥 심플하게 상자라고 생각하면 됩니다. /* 링크 태그 */ /* 리스트태그 * blog.naver.com · 2017.07.17

블로그 결과 더보기 →