본문 바로가기

분류 전체보기

블록 레벨 요소 vs 인라인 레벨 요소 블록 레벨 요소 부모 요소의 가로 영역에 맞게 꽉 채워져 표현되는 요소입니다. 양옆으로 다른 요소가 배치되지 않게 박스를 생성하므로 박스의 위아래로 줄 바꿈이 생기게 됩니다. 블록 레벨 요소는 일반적인 모든 요소(블록, 인라인 레벨 등)를 포함할 수 있습니다. " div, h1~h6, p, ul, li, table ..." 인라인 레벨 요소 하나의 라인 안에서 자신의 내용만큼의 박스를 만드는 요소입니다. 라인의 흐름을 끊지 않으므로 요소 앞뒤로 줄 바꿈이 되지 않아 다른 인라인 요소들이 자리할 수 있습니다. 인라인 레벨 요소는 블록 레벨 요소의 자식으로 분류되기 때문에 자손으로 블록 레벨 요소를 가질 수 없습니다. 즉, 인라인 레벨 요소는 블록 레벨 요소를 포함할 수 없습니다. " span, i, img..
HTML5에서 새로 생긴 Sematic 요소들입니다. HTML5에서 새로 생긴 Sematic 요소들입니다. 독립적으로 배포 또는 재사용되도록 의도 된 문서, 페이지, 애플리케이션, 또는 사이트에 독립적인 조성물을 나타냅니다. 예로는 포럼 게시물, 잡지 또는 신문 기사 또는 블로그 항목이 있습니다. 요소는 콘텐츠 간접적 문서의 메인 콘텐츠와 관련된 문서의 일부를 나타냅니다. 위젯이 "개방" 상태로 전환되는 경우 정보가 표시되는 공개 위젯을 생성합니다. 요소를 사용하여 요약 또는 레이블을 제공 할 수 있습니다 . 요소는 자주 캡션()과 함께, 독립적으로 컨텐츠를 나타내며, 일반적으로 단일 단위로 참조된다. 요소는 부모 요소의 나머지 내용에 대한 캡션 또는 범례를 나타낸다. HTML 요소는 가장 가까운 단면 내용에 대한 바닥글을 나타낸다. 바닥글에는 일반적으로 ..
시멘틱 마크업이란? 시멘틱 마크업이란? 시멘틱 마크업은 종종 POSH(Plain Old Semantic HTML)라고도 불리는데, 단어 그대로 평범하고 오래된 의미론적인 HTML이라는 뜻입니다. 시멘틱은 즉, 기계(컴퓨터, 브라우저)가 잘 이해할 수 있도록 하는 것을 뜻합니다. 애초에 프로그래밍 언어는 사람과 기계와의 정해진 약속이며 HTML 역시 마찬가지입니다. HTML은 HTML이 가진 철학에 맞게 문서를 구조적으로 나타낼 수 있도록 표현 되어야합니다. 시멘틱 마크업의 사용은 HTML이 가진 철학을 올바르게 표현할 수 있도록 돕습니다. 시멘틱 마크업을 통해서 얻는 것 시멘틱 마크업을 잘 사용하면 브라우저에게 코드가 가진 의미를 정확하게 전달할 수 있습니다. 웹이라는 문서를 표현하기 위해서 의미에 맞는 태그를 사용하며, ..
건강한 개발자로 거듭나기 건강한 개발자로 거듭나기 위한 방법 1. 올바른 타건을 위한 자세, 좋은 장비의 사용을 꼽을 수 있다.나이가 들수록 몸에서 가까운 도구에 투자해야함을 더 크게 느끼게 된다.기회가 된다면 좋은 모니터와 책상, 의자 등을 구입해 개발자로서 후기를 남겨보고 싶다. 2. 식단의 조정최근 '식사가 잘못됐습니다'라는 책을 읽고 있는데 가볍게 집어든 책이지만 정말 좋은 내용을 많이 포함하고 있어서 놀랐다.다음에 업데이트를 통해 개발자로서 건강을 지키기 위한 식단을 올려야 해야겠다.요지는 탄수화물을 줄이고, 식단을 건강하게 바꾸는 것, 푸드 마일리지를 줄이는 것 등이다. 3. 꾸준한 운동개발을 하거나 공부를 하다보면 의자에서 많은 시간을 소비하게 된다.이때 허리부터 시작해서 다양한 관절의 건강을 지켜야 하는데 운동만한..
모든 프로그래밍 언어를 관통하는 개념 컴퓨터를 킨다는 것은 운영체제를 실행시킨다는 의미이다.프로그래밍 언어로 작성하는 코드도 결국에는 운영체제의 도움 아래에서 작동한다. 사용자가 응용프로그램을 조작하면 운영체제를 거쳐서 CPU나 메모리에 접근할 수 있다.응용 프로그램은 운영체제를 통해서 하드웨어에 접근할 수 밖에 없다.(커널은 하드웨어와 운영체제 사이에서 핵심적인 역할을 하며, 하드웨어를 사용할 수 있게 해준다.) 운영체제의 중요한 역할 중 하나는 바로 자원을 관리하는 것이다.씨피유, 메모리, 보조기억장치 등을 통틀어 컴퓨터 자원이라고 한다. 여러 프로그램이 동작하고 있을 때 시급한 프로그램에게 컴퓨터 자원을 배분하는 역할을 운영체제가 수행한다. 컴퓨터 사용자가 작업을 하지 않는 상태라고 하더라도 컴퓨터가 켜져 있다면 운영체제는 끊임 없이 ..
자바 공부 텍스트로 정리 클래스를 생성할 떄 New 는 생성자를 호출하는 역할을 한다 Reference와 객체는 new 라는 키워드를 통해서 연결되어 있다. New 라는 키워드를 이용해서 동적으로 객체를 생성한 다음 대입 할당 연산자를 통해서 연결하게 된다. Obj obj1 = new Obj(); 여기서 obj1 는 Reference, 즉 참조변수가 된다. New 는 클래스에 만들어진 생성자를 호출한다 생성자는 호출될 때 메모리에 올라간다 obj1.color = “red”; 라고 하는 건 . 도트 접근자 를 통해서 가능하다 멤버참조연산자(.) 클래스의 멤버를 참조할 때는 멤버참조연산자(.)를 사용한다 생성자 생성자는 인스턴스가 생성될 떄 호출되는, ‘인스턴스변수들을 초기화하는 메서드’이다. 따라서 인스턴스 변수들의 초기화 작업에..
프로그래밍 공부를 시작하게 된 이유 유튜브에서 프로그래밍과 관련된 다양한 채널을 구독하고 있는데 그중 아샬님께서 의미 있는 이야기를 해주셔서 여러 이야기가 떠올랐다. 글쓴이도 보통의 사람들과 마찬가지로 만들어진 서비스와 도구를 누리며 살아왔는데 그런 와중에 『스마트워크 특별전담반』이라는 한 권의 책을 접하여 개발을 공부하게 되었다. 물론 이 책이 개발에 대한 내용을 담고 있는 책은 아니지만 도구를 활용하는 능력과 생산성의 중요성을 깨닫게 해주어 새로운 시야를 갖게 해준 감사한 책이다. 강력한 도구를 사용하며 생산성을 높였던 경험은 강력한 도구에 대한 욕심을 갖게 해주었고, 개발을 공부하는 동기를 만들어주었다. 아샬님의 인터뷰를 보면서 코딩을 처음 배우기로 한 때가 생각이 나서 짧게나마 이야기를 써보게 되었다.
깃허브 https://octodex.github.com 깃허브의 캐릭터 옥토캣입니다. 옥토캣의 이미지를 구경하다가 하나 가져와 봤어요 깃허브 https://github.com 깃과 깃허브는 프로그래밍의 효율을 가장 높여줄 수 있는 도구이다.아직까지는 많은 시간을 들여서 활용해보지 못한 게 아쉽지만얼른 원활하게 사용할 수 있는 날이 오도록 수련에 수련을...!

티스토리툴바