돼지공방

간단하게 인스타그램 짤을 만들고 다운로드하는 기능을 만드는데 텍스트가 아래로 밀리는 문제가 발생하였다.아래의 사진이 오류가 발생한 사진이다.나는 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를 완전히 해독하는 것은 불가능합니다.효..

NIC를 공부하면서 NIC가 1계층인지 2계층인지 헷갈렸습니다. 그렇기에 나름대로 정리를 해보았습니다NIC(네트워크 인터페이스 카드)NIC(Network Interface Card)는 컴퓨터와 네트워크 간 데이터 전송을 담당하는 하드웨어 장치입니다. NIC를 통해 컴퓨터가 네트워크에 연결되며, 데이터의 물리적 송수신과 변환 과정을 수행합니다.NIC가 OSI 모델에서 1계층(물리 계층)에 속하는 이유물리적 데이터 전송 및 수신NIC는 네트워크 매체(예: UTP 케이블, 광섬유)와 직접 상호작용하여 데이터를 전기 신호로 변환하고, 네트워크 매체로부터 신호를 수신합니다.데이터가 실제로 네트워크 매체를 통해 이동할 수 있도록 물리적 연결을 설정하고 관리합니다네트워크 매체의 상태와 전송 속도에 맞춰 신호를 생성합..

네트워크네트워크란 여러 장치(노드)가 데이터를 주고받을 수 있는 통신망입니다. 각기 다른 장비들이 각기 다른 연결 지점을 통해 정보를 교환하며 동작합니다.인터넷인터넷은 전 세계에 걸쳐 있는 수많은 네트워크 중 가장 큰 통신망입니다. 우리는 인터넷을 통해 웹 서비스와 다양한 애플리케이션을 이용할 수 있습니다.네트워크의 구성 요소네트워크는 주요 구성 요소로 이루어져 있습니다.1. 노드종단 노드(호스트): 데이터를 생성하고 송신하거나 최종적으로 수신하는 장치입니다. 노드는 고유 주소를 통해 식별됩니다.중간 노드: 데이터가 통과하는 네트워크 장비(라우터, 스위치, 공유기 등)를 말합니다. 이들은 데이터의 중계 역할을 수행합니다.2. 간선(통신 링크)유선: 트위스티드 페어 케이블, 광케이블 등을 사용.무선: Wi..