돼지공방

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

클래스풀 주소 체계(Classful Addressing)클래스풀 주소 체계는 IP 주소를 A, B, C, D, E로 나누어 각 클래스별로 고정된 범위와 서브넷 마스크를 사용하는 방식입니다. 과거에는 널리 사용되었으나, IP 주소의 낭비가 많아 오늘날에는 클래스리스 방식으로 대체되었습니다.클래스별 주소 범위주로 사용하는 A, B, C 클래스의 주소 범위는 다음과 같습니다.A 클래스:범위: 0.0.0.0 ~ 127.255.255.255서브넷 마스크: 255.0.0.0B 클래스:범위: 128.0.0.0 ~ 191.255.255.255서브넷 마스크: 255.255.0.0C 클래스:범위: 192.0.0.0 ~ 223.255.255.255서브넷 마스크: 255.255.255.0예시: 172.16.12.45네트워크 ..

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

라우터란?라우터는 네트워크에서 데이터를 전송하기 위한 최적 경로를 결정하고, 서로 다른 네트워크를 연결하여 통신이 가능하도록 하는 장치입니다. 라우팅 프로세스를 통해 데이터 패킷이 원활하게 전달되도록 돕습니다.라우터의 주요 역할1. 경로 결정라우터는 네트워크의 다양한 지표(지연, 용량, 속도 등)를 분석해 소스에서 대상으로 이동할 데이터를 위한 최적 경로를 선택합니다. 이는 네트워크 트래픽을 효율적으로 관리하기 위해 중요합니다. 2. 데이터 전달라우터는 데이터 패킷을 선택한 경로를 따라 네트워크의 다음 장치로 전달합니다. 이를 통해 네트워크 간 통신이 이루어집니다. 3. 로드 밸런싱라우터는 여러 경로를 통해 동일한 데이터 패킷의 사본들을 전송해 트래픽 볼륨을 관리하고 데이터 손실로 인한 오류를 줄입니다...

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