본문 바로가기

Lect & Tip111

word-break:break-all HTML 테이블에서 자동 줄 바꿈, 넓이 지정 방법!! word-break:break-all HTML 테이블에서 자동 줄 바꿈, 넓이 지정 방법!!블로그 포스팅을 하며 테이블의 크기 때문에 고민되신적 있으시죠? 내가 원하는 테이블의 크기는 딱 요 정도인데, 칼럼(TD) 안에 입력한 글자에 따라 테이블 크기가 마음대로 변경되어 버리면 참 속상합니다. 오늘은 내가 사용하고자 하는 크기에 맞게 이쁜 테이블을 구성하는 방법에 대해 살펴보겠습니다.먼저, 예제 테이블을 통해 기본 설정을 확인해보겠습니다. 두 개의 TD 값을 가지며 각각의 너비를 150px로 지정한 테이블을 만들어보겠습니다. 12345 12345 1234512345이렇게 하면, 테이블 안에 아무런 내용이 없거나 지정한 사이즈보다 길이가 작은 문자열이 입력된다면, 내가.. 2024. 10. 26.

파이썬 '연차휴가일수 계산기' 만들기 파이썬 '연차휴가일수 계산기' 만들기직장에서 연차 휴가는 직원들의 중요한 권리입니다. 하지만 연차를 계산하는 일이 종종 번거롭고 복잡하게 느껴질 수 있습니다. 이를 돕기 위해 우리는 파이썬을 사용해 연차휴가일수를 쉽게 계산할 수 있는 '연차휴가일수 계산기'를 만들어 보겠습니다. 이 연차휴가일수 계산기 프로그램은 입사일을 기준으로 연차휴가를 자동으로 계산하여 복잡한 수식을 대신해줄 것입니다. 이 글에서는 코드를 단계별로 설명하고, 그 활용 방법에 대해 살펴보겠습니다.연차휴가 계산 규칙 이해하기먼저 연차휴가 계산의 기본 규칙을 알아야 합니다. 대한민국 근로기준법에 따르면 연차휴가는 다음과 같이 부여됩니다.입사 후 1년 미만: 매달 개근 시 1일의 유급휴가가 발생합니다.입사 후 1년 이상: 1년 동안 80.. 2024. 10. 10.

bootstrap selectpicker multiple js 수정: 전체 선택이 체크 되어 있는 상태에서 다른 옵션이 하나라도 체크 해제될 경우 전체 선택도 같이 체크 해제 되게 bootstrap selectpicker multiple js 수정: 전체 선택이 체크되어 있는 상태에서 다른 옵션이 하나라도 체크 해제될 경우 전체 선택도 같이 체크 해제되게Bootstrap은 웹 개발에서 많이 사용되는 프론트엔드 프레임워크로, 다양한 UI 컴포넌트와 스타일을 제공해 개발자들이 쉽고 빠르게 웹사이트를 구축할 수 있도록 돕습니다. 그중에서도 bootstrap-select는 기본 HTML 요소를 더욱 세련되게 보이도록 커스터마이징하는 데에 사용됩니다. 특히 selectpicker는 사용자가 여러 개의 옵션을 선택할 수 있는 멀티 셀렉트(dropdown) 기능을 제공합니다. 그러나 이 멀티 셀렉트 기능을 사용할 때, "전체 선택(Select All)" 옵션과 관련된 기능을 구현하는 과정에서.. 2024. 8. 23.

리눅스에서 Mattermost를 HTTPS(SSL)로 운영하는 방법 리눅스에서 Mattermost를 HTTPS(SSL)로 운영하는 방법리눅스 환경에서 Slack의 대안으로 자리잡고 있는 Mattermost를 설치하고 HTTPS(SSL) 모드로 운영하는 방법을 소개하겠습니다. 이전 글에서는 Mattermost의 기본 설치 방법에 대해 다루었으나, 이번에는 HTTPS로 보안을 강화하여 Mattermost를 운영하는 방법을 자세히 설명드릴 것입니다. 현재 저는 Mattermost를 HTTPS 모드로 성공적으로 운영 중입니다. 이번 포스팅에서는 HTTPS 설정을 완료한 Mattermost의 직접적인 설정 방법을 안내하며, NGINX 프록시 설정 부분에 대해서는 추후 성공 시 별도로 설명드리겠습니다.1. 도메인 구매Mattermost를 HTTPS로 운영하기 위해서는 도메인이 필요.. 2024. 8. 15.

윈도우 10에서 Linux Bash Shell 설치 및 WSL 사용 방법 윈도우 10에서 Linux Bash Shell 설치 및 사용 방법윈도우 10에서 Linux Bash Shell을 사용하는 것은 개발자와 IT 전문가들 사이에서 점점 더 인기를 끌고 있는 기능입니다. 이 기능을 통해 윈도우와 Linux 환경을 동시에 활용할 수 있으며, 다양한 개발 도구와 소프트웨어를 더 유연하게 사용할 수 있습니다. 이 글에서는 윈도우 10에서 Linux Bash Shell을 설치하고 사용하는 방법에 대해 자세히 설명하겠습니다.1. WSL(Windows Subsystem for Linux) 소개WSL(Windows Subsystem for Linux)은 윈도우 10에서 Linux 배포판을 실행할 수 있게 해주는 호환 계층입니다. WSL을 통해 사용자는 Linux 명령어와 소프트웨어를 윈도.. 2024. 7. 30.

Secure Header를 이용한 브라우저 보안 헤더 HSTS(HTTP Strict Transport Security) Secure Header를 이용한 브라우저 보안 헤더 HSTS(HTTP Strict Transport Security)안녕하세요, 전문 블로거로서 깔끔하고 독창적인 글을 추구하시는 만큼, 최적화된 콘텐츠를 제공해 드리겠습니다. 아래는 'Secure Header를 이용한 브라우저 보안'에 대한 상세한 블로그 포스팅입니다.Secure Header를 이용한 브라우저 보안웹 브라우저의 발전과 보안 필요성1990년에 탄생한 웹 브라우저(Web Browser)는 웹 서버와 상호 작용하며 HTML 문서나 파일을 출력하는 그래픽 사용자 인터페이스를 기반으로 데스크톱, 모바일 등 다양한 환경에서 HTTP 사용자 에이전트를 제공합니다. 글로벌 시장조사업체 스탯카운터(StatCounter)의 2020년 3월 전 세계 브라우.. 2024. 7. 29.

이전 1 2 3 4 ··· 19 다음

티스토리툴바