본문 바로가기

분류 전체보기161

[이미지 파일] JPEG, PNG, GIF, WEBP, SVG 각각 언제 쓰면 좋을까? JPEG -> 이미지 용량이 커서 줄이고 싶을 때! (JPEG는 손실 압축, 8비트, 24비트 색상) PNG -> 이미지에 투명도가 필요할 때! (W3C 권장 포맷, 8비트, 24비트 색상) GIF -> 이미지에 애니메이션을 넣어야 할 때! (8비트 256개의 색상 뿐인 단점..) WEBP -> 브라우저에서 지원만 하면.... JPEG, PNG, GIF 대신! (구글이 개발했고 미지원 브라우저가 꽤 있다..) SVG -> 해상도에서 자유롭고 싶을 때, Css styling 또는 JavaScript Event Handling 하고 싶을 때! (벡터 기반, 코드 또는 파일로 사용 가능) 2020. 10. 25.
[Bootstrap] 공식 Documentation Component 모양 알기 Components 구성요소 (헉.. 뒤늦게 알게 된 한글 홈페이지.. bootstrapk.com/components/) - Alerts(경계경보): - Badge: - Breadcrumb(빵의 연한 속 부분): - Buttons: - Button group: - Card: - Carousel(회전목마): - Collapse(버튼 클릭시 collapse됨): - Dropdowns: - 드롭다운 메뉴 컨텐츠로 / 사용 가능 - Menu Items - Forms: - Checkboxes and radios - Input group: - Jumbotron: - List group: - Modal: - Navs: - Navbar: - Pagination: - Popovers(팝오버): - Progress: - .. 2020. 10. 25.
[Python] 2609-최대공약수와 최소공배수 - 이전에 정리한 내용과 문제를 참고하여 금방 풀었다 - 관련 코드: bky373.tistory.com/106?category=891584 - 유사 문제: bky373.tistory.com/166?category=884824 a, b = map(int, input().split()) t = 1 c, d = max(a, b), min(a, b) while t > 0: t = c % d c, d = d, t print(c, a*b//c) 2020. 10. 25.
[HTML] Block 요소와 Inline 요소, 그리고 Inline-block 요소 1. Block 요소 - 예) div, h1~6, p, form, section, article, aside 등 - 사용 가능한 최대 가로 너비를 사용한다 - 크기 지정 가능하다 (width: 100%; height:0; 으로 시작) - 수직으로 쌓인다 - margin, padding 위, 아래, 좌, 우 모두 사용 가능하다 - 레이아웃 용도로 쓰인다 - 단, display: inline; 을 사용하면 아래의 인라인처럼 사용 가능하다 2. Inline 요소 - 예) span, img, a, button, label, textarea 등 - 내용 만큼의 너비를 사용한다 - 크기 지정 불가능하다 (width: 0; height:0; 으로 시작) - 수평으로 쌓인다 - margin, padding 좌, 우만 .. 2020. 10. 25.

티스토리툴바