rigood

1. 언어별 줄바꿈(강제개행) 기준 - 한국어: 글자 기준으로 강제 줄바꿈 (글자 기준) - 영어: 단어/공백/물음표(?)/하이픈(-) 기준으로 강제 줄바꿈 2. overflow-wrap 오버플로우 됐을 때 줄바꿈 어떻게 할지?? ※ 용어가 word-wrap에서 overflow-wrap으로 바뀜 텍스트가 박스 너비를 초과할 때(=overflow) 줄바꿈을 어떻게 할 지 정하는 속성 (width 값이 있을 때에만 해당) CJK 언어(Chinese, Japanese, Korean)는 글자를 기준으로 줄바꿈을 하기 때문에 텍스트가 박스 너비를 초과하면 무조건 줄바꿈이 되지만, 영어는 단어를 기준으로 줄바꿈을 하기 때문에 아주 긴 단어는 박스를 초과해버린다. overflow-wrap: normal; 언어별 특성..

VS Code에서 !을 누르고 엔터를 치면 나오는 HTML 기본 템플릿에 대해서 알아보았다. DOCTYPE 선언문은 웹브라우저에게 HTML 버전을 알려주는 역할을 한다. 버전마다 선언 방식이 다르며, HTML5에서는 위와 같이 간단히 선언할 수 있다. HTML 태그는 아니나, 태그 전에 가장 먼저 선언해줘야 한다. html 태그는 HTML 문서의 루트 요소를 정의할 때 사용되며, DOCTYPE 선언을 제외한 모든 HTML 요소를 포함하기 위한 컨테이너이다. lang 속성은 웹문서 전체 또는 일부에 언어를 지정해주는 속성으로, 언어 설정에 따라 스크린리더, 검색엔진 및 브라우저 지원이 달라진다. ISO 언어코드(ex: ko) 또는 언어코드-국가코드(ex: en-US)를 사용한다. meta 태그의 chars..

1. 기본 동작 원리 - 브라우저가 html을 읽다가 (= html 파싱) script 태그나 외부 script를 만나면, DOM 생성을 중단하고 script를 다운받고 실행함 // script 태그 // 외부 script - script 아래에 있는 DOM 요소에는 접근할 수 없음 - script 용량이 큰 경우, script를 다운받는 동안 사용자는 script 아래쪽 페이지를 볼 수 없음 2. script를 페이지 맨 아래 배치 - 1번에서 언급된 부작용은 해결되나, - html 문서 용량이 큰 경우, html을 다운받은 후 script를 다운받으면 페이지가 굉장히 느려짐 3. defer 속성 사용 (지연 스크립트) - script를 백그라운드에서 다운받으므로 html 파싱이 멈추지 않음 - htm..

개념 자식 요소들(flex items)의 총 너비가 부모 요소(flexbox)를 초과할 때 줄바꿈을 어떻게 처리할 건지 다루는 속성 부모 요소(flexbox)에 적용하는 속성 종류 nowrap: 줄바꿈을 하지 않고, 자식 요소들을 한 줄로 표시 -> 부모 요소를 초과하게 된다. wrap: 줄바꿈하여 표시 wrap-reverse: 줄바꿈하되 자식 요소들을(flex items) 역순으로 표시 암기법 wrap이 '감싸다' 라는 뜻이니까, 밖으로 삐져나가지 않도록 부모 요소가 자식 요소들을 감싸서 줄바꿈을 한다고 외워야겠다...😅