반응형 전체 글67 [CSS] 박스모델 개념 알기쉽게 설명! 화면의 레이아웃을 구성할 때 네모상자를 배치하여 큰 구역을 나눕니다. 이런 구역들을 나눠 박스의 개념으로 보고 코딩을 할 수 있습니다. 이 박스모델에는 콘텐츠의 실제 영역, 안쪽여백, 테두리, 바깥쪽 여백이 모두 포함되어 있습니다. 이는 css의 가장 기본적이고 근간이 되는 내용이기 때문에 반드시 이해를 하고 있어야합니다. 박스모델이란? 박스모델, 상자요소 등 코딩을 하다보면 이런 용어를 접하게 됩니다. HTML 요소를 화면에서 박스모양으로 구성하는데 이를 박스모델이라고 부릅니다. 와이어프레임을 떠올리면 쉽게 이해하실 수 있을 것입니다. 화면상에 보이는 HTML 요소들을 배치하고 동작하게 하기 위해서는 박스모델에 대한 이해가 필요합니다. 박스모델은 내용(content), 내부여백(padding), 테두리.. 2024. 2. 23. [블렌더3D] 블렌더에서 유니티로 export 할때 z축이 바뀐다면? (feat. 3d좌표계) 만들어진 3d오브젝트를 fbx파일로 export하여 unity 개발자에게 전달했는데, Z축을 똑바로 해서 다시 파일을 전달해 달라는 말을 들은 적이 있습니다.'내가 보는 화면에서는 Z축의 뒤집히지 않았는데 unity로만 가져가면 왜 축이 바뀐다는거지?'아마 많은 분들이 경험하시는 일일 것 같습니다. 그래서 오늘은 3D 프로그램의 좌표계에 대해서 알아보려고 합니다.3D좌표계3D좌표계는 X, Y, Z 축으로 구성되어 있습니다. 3차원 공간상에서 회전, 움직임, 위치 등을 파악하기 위한 지표로 사용되는데 이런 3D좌표계는 크게 왼손좌표계와 오른손좌표계로 나뉩니다. 두 좌표계의 차이는 Z축의 방향과 회전방향입니다. 왼손좌표계(Left-handed coordinate system)왼손좌표계는 주로 유니티(Un.. 2024. 2. 23. 웹표준과 웹호환성 웹표준 웹표준(Web Standards)은 웹 기술과 관련된 규약이나 가이드라인을 의미합니다. 이러한 표준은 웹 개발자들이 웹 사이트 및 웹 애플리케이션을 개발할 때 사용하는 다양한 기술과 언어를 정의합니다. 주요 웹표준은 HTML, CSS, JavaScript 등이며, 이러한 표준은 주로 월드 와이드 웹 컨소시엄(W3C)에서 개발하고 유지 관리합니다. 웹호환성 웹호환성(Web Compatibility)은 웹표준을 준수하여 다양한 브라우저, 플랫폼, 기기에서 웹 콘텐츠가 일관되게 표시되고 작동하는 것을 의미합니다. 인터넷 사용자들은 다양한 운영 체제(OS)와 브라우저를 사용하며, 모바일 기기, 태블릿, 데스크톱 등 다양한 환경에서 웹에 접근합니다. 웹 호환성을 유지하면 이러한 다양한 환경에서 웹 사이트를.. 2024. 2. 23. [블렌더3D] 블렌더 설치 및 인터페이스 블렌더는 네덜란드에서 개발된 오픈소스 3D 프로그램입니다. 블렌더를 사용하면 이미지, 3D 애니메이션 및 VFX 샷과 같은 시각화된 3D 화면을 만들 수 있습니다. 비싼 3D 프로그램을 구입하지 않고도 상업적, 비상업적 용도로 무료로 사용 가능하니 개인 및 소규모 스튜디오에 서 사용하기에 매우 적합합니다. 또한 다른 3D 프로그램에 비해 메모리 및 드라이브 용량이 상대적으로 가벼운 것 또한 장점입니다. 블렌더3D의 주요 특징 * 모델링, 렌더링, 애니메이션 및 리깅, 비디오 편집, VFX, 합성, 텍스처링 및 다양한 시뮬레이션을 등을 무료로 제공합니다. * 모든 주요 플랫폼에서 일관되게 작동하는 OpenGL GUI가 있는 크로스 플랫폼입니다. * 고품질 3D 아키텍처를 갖추고 있어 빠르고 효율적인 제작 .. 2024. 2. 23. 웹접근성 웹접근성이란? 웹접근성(Web Accessibility)은 웹 콘텐츠와 웹 애플리케이션이 장애를 가진 사람들이 더 쉽게 이해하고 사용할 수 있도록 설계되고 개발되는 것을 의미합니다. 장애를 가진 사람들에게는 시각, 청각, 인지, 운동 등 다양한 제약이 있을 수 있으며, 웹접근성은 이러한 제약을 고려하여 웹 콘텐츠에 대한 접근을 보장합니다. 웹접근성은 모든 사람이 웹을 사용할 수 있도록 하는 것을 목표로 합니다. 이는 장애를 가진 사람들 뿐만 아니라 고령자, 임시 장애를 가진 사람들, 다양한 기기 및 브라우저를 사용하는 사람들에게도 적용됩니다. 웹접근성을 지키는 것은 공정성과 평등성을 존중하며, 디지털 정보와 서비스를 누구나 동등하게 이용할 수 있는 기회를 제공하는 것을 의미합니다. 웹접근성을 실현하기 위.. 2024. 2. 23. HTML5와 시멘틱태그 HTML5란? HTML5는 웹 개발을 위한 최신 버전의 HTML(하이퍼텍스트 마크업 언어)입니다. HTML5는 이전 버전의 HTML4와 XHTML에서 발전하여 웹 애플리케이션을 더 효율적으로 개발하고 다양한 기능을 제공합니다. HTML5의 주요 특징과 기능은 다음과 같습니다. 새로운 요소와 표준화 : HTML5는 다양한 새로운 요소를 도입하여 문서 구조를 더 명확하게 만듭니다. 예를 들어 , , , , 등의 요소는 문서의 구조를 더 쉽게 정의하고 의미를 부여합니다. 또한 이전에 비표준이었던 요소들을 표준화하여 개발자들이 일관된 방식으로 사용할 수 있게 되었습니다. 멀티미디어 지원 : HTML5는 멀티미디어 요소를 지원하여 비디오와 오디오를 웹 페이지에 쉽게 삽입할 수 있게 해줍니다. 와 요소를 사용하여 .. 2024. 2. 23. !DOCTYPE 과 html !DOCTYPE !DOCTYPE은 HTML 문서의 맨 위에 위치한 선언문입니다. 이 선언문은 웹 브라우저에게 현재 문서가 어떤 버전의 HTML이나 XHTML로 작성되었는지를 알려주는 역할을 합니다. 기본적으로 HTML 문서는 다음과 같은 형식의 !DOCTYPE 선언으로 시작됩니다. 이 선언은 HTML5를 사용하여 작성된 문서임을 나타냅니다. HTML5는 최신 웹 표준으로, 다양한 기능과 태그를 지원하며 모든 최신 웹 브라우저에서 잘 작동합니다. 이외에도 과거 버전의 HTML에 대한 !DOCTYPE 선언도 있었으며, 각각의 선언은 해당 버전의 규격을 나타내기 위해 사용됩니다. 예를 들면 HTML 4.01 버전을 사용하는 문서의 !DOCTYPE 선언은 다음과 같습니다. http://www.w3.org/TR/.. 2024. 2. 23. CSS 선택자와 우선순위 CSS란? CSS는 Cascading Style Sheets의 약자로, 웹 페이지의 디자인과 레이아웃을 정의하는 스타일 시트 언어입니다. CSS는 HTML과 함께 사용하여 웹 페이지를 시각적으로 향상시키고 사용자 경험을 개선할 수 있습니다. HTML 요소에 대한 글꼴, 색상, 크기, 간격 등 웹페이지의 디자인과 레이아웃을 효과적으로 제어할 수 있습니다. CSS는 1996년에 W3C 표준 권고안으로 최초 제정됩니다. 이후 1998년에 CSS2가 발표되었으며, 2005년부터 현재 사용 중인 CSS3가 적용 및 개발되고 있습니다. CSS3부터는 다양한 기능과 선택자, 애니메이션 등 추가적인 기능을 제공합니다. CSS는 현재 모듈(module)별로 개발되고 있으며, 브라우저 공급자가 지원할 모듈을 자유롭게 선택.. 2024. 2. 23. 페이팔 스테이블 코인 출시! 디지털 결제 혁신 주도 페이팔 암호화폐 시장에 본격 진출 출처 - paypal 유투브 화면캡쳐[/caption] 미국의 온라인 결제 서비스 기업인 페이팔(PayPal)은 최근 암호화폐(코인) 시장에 들어선 소식으로 대중의 관심을 집중시키고 있습니다. 페이팔은 미국의 주요 핀테크 기업으로서 온라인 결제 분야에서 두각을 나타내는 기업입니다. 세계적으로 활성화된 계정 수만 4억 개를 넘는 등 온라인 결제 서비스 분야에서 부동의 1위 기업으로 꼽히고 있다. 페이팔은 핀테크 업체 중 최초로 스테이블 코인을 발행하며 금융 시장과 기술 분야 모두에서 큰 주목을 받게 되었습니다. 이번 코인 출시는 페이팔의 글로벌 영향력을 더욱 확대시키는 중요한 이정표가 될 것으로 보입니다. 페이팔, 온라인 결제 서비스 분야 선두주자 페이팔은 기존에도 온라인.. 2024. 2. 23. 이전 1 2 3 4 5 ··· 8 다음 반응형
