돼지공방

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

프로젝트에서 계정 로그인을 카카오와 구글을 이용하여 로그인을 진행하기로 했다. 카카오 로그인의 경우 보통 2가지가 존재한다.1. sdk를 이용하는 경우2. 웹뷰를 이용하여 로그인을 띄워주는 경우 처음에 웹뷰를 이용하여 로그인을 띄워주려고 생각했었다. 하지만 웹뷰는 카카오 앱과 연동이 되는것이 아닌 카카오 로그인 페이지 뷰를 보여주는 형식이기 때문에 네이티브 앱과 연동이 되지 않았다. 그리하여 UX 고려차원에서 kako sdk를 이용하기로 하였다. 빠른 구현을 위하여 react-native-kakao-login 라는 라이브러리를 사용하기로하였다. https://github.com/crossplatformkorea/react-native-kakao-login GitHub - crossplatformkorea..

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

클래스풀 주소 체계(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네트워크 ..

2계층의 주요 기능네트워크 2계층은 데이터 링크 계층(Data Link Layer)으로, 같은 네트워크 대역(LAN) 내에서 노드 간 데이터 통신을 관리합니다. 주요 역할은 다음과 같습니다1. 데이터 전달같은 LAN 대역에서 통신:동일 네트워크(LAN) 내에 존재하는 노드(컴퓨터, 통신 장비 등) 간의 데이터를 전달합니다ex) 같은 공유기에 연결된 장치 간 파일 전송2. 오류 제어데이터 전달 과정에서 발생할 수 있는 오류를 탐지하고 수정합니다오류가 발생한 경우 데이터를 다시 요청하거나 재전송3. 흐름 제어데이터가 과도하게 전송되어 수신 장치가 처리하지 못하는 상황을 방지합니다수신 장치의 처리 속도에 맞춰 데이터를 전달합니다주요 프로토콜과 기술Ethernet: LAN에서 가장 널리 사용되는 기술로, MAC..