지니리 개발일지

word-break는 줄바꿈을 할 때 단어 기준으로 할 지 글자 기준으로 할 지 정하는 속성이다. break-all : 글자 기준으로 줄바꿈 keep-all : 단어 기준으로 줄바꿈 .block-hash { word-break: break-all; } 나는 프로젝트에서 hash값이 하나의 긴 단어로 되어있기 때문에 break-all을 사용했다. 덕분에 반응형도 잘 작동한다.

HTML기본 문서 구조 HTML 문서의 기본 골격은 , , - CSS, JavaScript, 메타태그 등이 위치. 문서의 상단 제목을 표시하는 태그, 문서의 정보를 설정하는 태그 등도 포함. ... - 문서 본문에 해당하는 부분으로 실제 화면에 나타나는 메인 부분임. Visual Studio Code에서는 HTML 파일을 생성한 다음 ' ! ' 를 입력하고 엔터를 치면 다음과 같은 기본 코드가 자동 생성 된다. meta 태그는 문서의 기본적인 정보를 설정하는 태그. charset: 캐릭터셋으로 정상적인 한글 처리를 위해서는 반드시 UTF-8로 설정. viewport: 모바일 등 서로 다른 크기의 장치에서 화면 최적화를 위한 설정. http-equiiv: HTTP 헤더 정보를 설정하는 속성. X-UA-Co..

CSS 강의를 마치면서 애니메이션 실습과제를 받았다. 상하좌우 이동, 색 변경, 애니메이션 반복 속성 등 복합적인 효과로 애니메이션 속성을 한 번에 이해할 수 있는 과제였다. 아래 동영상이 내가 제출한 과제이고 동영상 아래 HTML, CSS 소스 추가했다. CSS animation 효과 동영상 CSS Animation The animation-iteration-count property specifies the number of items an animation should run. The following example will run the animation 3 times before it stops; div { width: 100px; height: 100px; position: relative; ..