자동으로 줄바꿈이 되지 않는 특수문자 / 띄어쓰기 없는 영단어 강제 줄바꿈 하는 방법word-break: break-all;실제 코드(tailwind) ${reply.body}

다크모드 명시 라이트모드 명시 코드 test

정의 position 속성은 문서 상에 요소를 배치하는 방법을 지정한다. 값 static - 요소를 일반적인 문서 흐름에 따라 배치합니다. top (en-US), right (en-US), bottom (en-US), left (en-US), z-index 속성이 아무런 영향도 주지 않습니다. 기본값입니다. relative - 요소를 일반적인 문서 흐름에 따라 배치하고, 자기 자신을 기준으로 top, right, bottom, left의 값에 따라 오프셋을 적용합니다. 오프셋은 다른 요소에는 영향을 주지 않습니다. 따라서 페이지 레이아웃에서 요소가 차지하는 공간은 static일 때와 같습니다. - z-index의 값이 auto가 아니라면 새로운 쌓임 맥락을 생성합니다. table-*-group, tabl..

비밀번호 input 설정 input type을 password로 지정 해준다. 전 후 전체 html 로그인 뒤로가기

tailwind class에 !important 적용 시키는 법 클래스 명 앞에 느낌표를 붙이면 된다. 클래스 명 앞에 느낌표를 붙이면 된다.

html - button을 누르면 연결된 link로 이동 시키는 법 같은 탭으로 열기 다른 탭으로 열기 굉장히 간단하지만 모르면 할 수 없다는게 재밌는 것 같다.

setting.py INSTALLED_APPS = [ #추가 'django.contrib.humenize', 해당파일.html #추가 {% load humanize %} {{ 1234567 | intcomma }} 장고에서 지원하는 기능으로 간편하게 자동으로 콤마를 찍을 수 있다.

영상 영상 내용 HTML 단순히 화면에 요소들이 이런 구조로 보여라 하고 정하는 수단 CSS HTML에서 정해놓은 것들을 꾸며주는 문서 JS 브라우저에서 다양한 일을 수행하고 HTML로 올려놓은 요소들을 변형시키거나, 직접 만들어내기도 한다. 후기 조별과제를 하면서 알게되었던 내용들을 다시 복습하는 느낌이었다. 웹계산기를 만드는 예시를 통해 더욱 명확하게 이해가 되는 기회였다.