👋 Hello, I am Seung-ho Ham

🧑🏻‍💻 A Developers who create code that changes the world

전체보기 110

[DEV] HTML 블록요소와 인라인요소

요소과 화면에 출력되는 특성을 크게 두가지로 구분한다. 인라인(inline)요소와 블록(block)요소로 나눠진다. 먼저 인라인(inline)요소는 글자를 만들기 위한 요소들이고 블록(block)요소는 상자(레이아웃)를 만들기 위한 요소들이다. 대표적인 inline요소는 태그 이다. 이 태그는 본질적으로 아무것도 나타내지 않는 콘텐츠 영역을 설정하는 용도이다. (요소가 수평으로 쌓인다.) 포함한 콘텐츠 크기만큼 상하좌우 크기가 자동으로 줄어든다. 또한 요소의 가로(width), 세로(height)의 너비를 지정하는 CSS속성을 사용하여도 반응이 없다. 요소의 외부 여백(margin)속성과 내부 여백(padding)속성은 사용 가능하다. Block요소는 대표적으로 태그가 있다. 블록요소는 요소가 수직으로 ..

카테고리 없음 2021.05.09

[DEV] HTML자주 사용하는 태그

HTML은 구조를 만드는 역할을 하므로, 각 태그(요소)가 어떤 역할을 하는지, 어떤 속성을 하는지만 기억해두면 된다. : 구분이라는 뜻을 가진 Division을 뜻하며 특별한 의미가 없는 구분을 위한 요소이다. ~ : 제목의 heading을 의미한다. (1이 가장 큰 글씨이며 6이 가장 작은 글씨이다.) : paragraph 를 뜻하며, 문장을 의미하는 요소이다. : 이미지 삽입 요소이다. (src와 alt는 필수 속성이다.) 이미지가 출력되지 않으면 alt의 글자가 출력된다. 이러한 상황을 "엑박(엑스박스)떴다." 라고 한다.) : Unordered List로 순서가 필요없는 목록의 집합이다. : List Item으로 목록 내의 각 항목이다. : Anchor을 뜻하며 속성인 href의 값의 하이퍼 링..

카테고리 없음 2021.05.08

[DEV] 홈페이지 슬라이드바 오류

홈페이지 상단에 마우스를 갖다 대면 사이트맵들이 내려오는 방식으로 소스가 짜여져 있었는데 여기서 마우스를 갖다 댈 때 슬라이드 바가 올라갔다 내려갔다 무한 반복하는 현상이 일어났다. 이 현상을 해결하기 위해서 소스를 훝어보았다.이 부분은 제이쿼리를 사용하여 작성이 되어있었다. 왜 이런 문제가 생기는지 소스를 보며 생각해보았다. 이미지 위에 커서를 올리면 slide.down("fast"); 가 실행되며 사이트맵이 내려오고 이미지에 커서를 떼면 slide.up("fast")이 실행되며 사이트맵이 올라가는데 사이트맵이 내려왔을 때 커서를 떼고 기다리면 사이트맵이 올라갔다가 다시 내려오면서 반복한다. 이때 커서가 올라가있지도 않은데 사이트맵이 내려오는걸 보면 내려온 사이트맵도 이미지로 인식하여 무한반복 되는 것..

카테고리 없음 2021.05.07

[IT] XML과 HTML의 차이점

eXtensible Markup Language의 약어이다. W3C에서 여러 특수 목적의 마크업 언어를 만드는 용도에서 권장되는 다목적 마크업 언어이다. 1996년 제안된 언어로, 기존의 HTML과 달리 웹상에서 구조화된 문서를 전송가능하도록 설계되었다. 이게 무슨 뜻이냐면 예를 들어 HTML에서는 CPU 2.83GHz라는 데이터를 표기할 때 어디부터가 데이터 명이고 어디부터가 실제 데이터인지 표시할 수 있는 마땅한 방법이 없다. 이런 문제를 해결하기 위해 XML을 이용하면 어디부터 어디까지가 데이터 이름이고 어디부터 어디까지가 실제 데이터이며 어디부터 어디까지가 데이터 단위인지도 표현이 가능하다. 즉, 데이터에 의미를 부여하는 메타데이터를 기술할 수 있다. XML은 바로 이러한 목적으로 탄생했다. 위의..

카테고리 없음 2021.05.06

[DEV] JavaScript + jQuery

jQuery는 HTML 속 클라이언트 사이드 스크립트 언어를 단순화하도록 설계된 브라우저 호환성이 있는 자바스크립트 라이브러리이다. 존 레식에 의해 2006년 뉴욕 시 바캠프(Barcamp NYC)에서 공식적으로 소개되었다.MIT라이선스(소프트웨어 사용권)를 가진 자유 오픈 소프트웨어. 무지하게 쉽고 간편하다 'write less, do more.'가 모토로서 비프로그래머인 웹디자이너들도 어렵지 않게 이해할 수 있을 만큼 쉬운 편이다. DOM 구조와 CSS에 대한 지식만 있다면 애니메이션 같은 건 바로 이해가 가능할 정도다. jQuery는 Behavioral model(행동 모델)에 기초한 아키텍처를 따른다. 특히 jQuery는 메서드 체이닝을 통해 DOM 엘리먼트를 조작한다. jQuery의 기능DOM ..

카테고리 없음 2021.05.05

[블록체인] 이더리움과 이더리움클래식

이더리움은 2015년 7월 30일 Vitalik Buterin이 개발하였다. 비탈릭 부테린은 가상화폐인 비트코인에 사용된 핵심 기술인 블록체인에 화폐 거래 기록뿐 아니라 계약서 등의 추가 정보를 기록할 수 있다는 점에 착안하여, 전 세계 수많은 사용자들이 보유하고 있는 컴퓨팅 자원을 활용해 이더리움 가상머신(EVM)을 만들고, 이 플랫폼을 이용하여 SNS, 이메일, 전자투표 등 다양한 정보를 기록하는 시스템을 창안했다. 2015년 7월 30일 이더리움 서비스가 시작되었고 2016년 4월 이더리움 블록체인 기반의 The DAO 펀드를 구성하고 1.5억 달러에 해당하는 투자자금을 모았다. 하지만 2016년 6월 The DAO에 대한 해킹 사건이 발생했다. 이후 부득이 기존 이더리움에 대한 하드포크(Hard ..

카테고리 없음 2021.05.04
반응형