인기 글

[React] html2canvas 텍스트 위치 오류 해결

간단하게 인스타그램 짤을 만들고 다운로드하는 기능을 만드는데 텍스트가 아래로 밀리는 문제가 발생하였다.아래의 사진이 오류가 발생한 사진이다.나는 tailwind를 사용해서 css를 작성하고 있었고 아래의 문제로 줄바꿈 오류가 발생하는것을 알았다.[에러원인] Tailwind CSS의 기본 설정: Tailwind CSS는 초기화 과정(preflight)에서 모든 img 태그의 CSS 속성을 display: block;으로 설정합니다.Block 요소의 특성: display: block; 속성은 요소가 줄바꿈을 일으키게 합니다. 즉, 요소 뒤에 자동으로 새 줄이 생깁니다.웹 브라우저 vs html2canvas: 웹 브라우저에서는 이 줄바꿈이 시각적으로 명확하게 보이지 않을 수 있지만, html2canvas가 H..

React 2025.04.06 0

AES 암호화

AES 암호화AES(Advanced Encryption Standard)는 현대 데이터 보안의 중추적 역할을 담당하는 대칭 키 암호화 알고리즘입니다. 2001년 미국 표준 기술 연구소(NIST)에 의해 공식 표준으로 채택된 이후, 전 세계적으로 가장 널리 사용되는 암호화 알고리즘 중 하나가 되었습니다.AES는 벨기에 암호학자 Joan Daemen과 Vincent Rijmen이 개발한 Rijndael 암호 알고리즘을 기반으로 합니다. 이 알고리즘은 고도의 수학적 연산을 통해 데이터를 암호화하여, 권한이 없는 사용자가 원본 데이터를 복원하는 것을 실질적으로 불가능하게 만듭니다.AES의 강점은 다음과 같습니다:보안성: 현재까지 알려진 어떤 실용적인 공격 방법으로도 AES를 완전히 해독하는 것은 불가능합니다.효..

네트워크 2025.03.30 0

허브와 스위치의 개념 및 CSMA/CD 원리

허브 (Hub)허브는 물리 계층의 장비로, 여러 호스트를 연결하는 포트 역할을 합니다. 네트워크 초창기에 많이 사용되었지만, 오늘날에는 거의 사용되지 않고, 스위치나 라우터로 대체되었습니다.특징:MAC 주소 사용 X:허브는 데이터 링크 계층의 개념인 MAC 주소를 사용하지 않습니다브로드캐스트 통신:주소 개념이 없어, 들어온 신호를 연결된 모든 포트로 내보냅니다. 이를 멀티탭과 비슷한 구조로 이해할 수 있습니다반이중 통신:한 번에 송신 또는 수신 중 하나만 가능합니다 (무전기)무전기처럼 송신과 수신을 동시에 처리하지 못합니다. 따라서 두 호스트가 동시에 데이터를 전송하면 충돌이 발생합니다.전이중 통신 : 허브와 반대되는 통신이며 송신과 수신이 동시에 이루어지는 통신입니다 (전화)CSMA/CD (Carrie..

네트워크 2024.12.02 1