분류 전체보기 (425) 썸네일형 리스트형 [CSS] position 프로퍼티 엘리먼트의 위치를 지정하는 프로퍼티는 top, bottom, left, right가 있다. 하지만 이 프로퍼티들은 아래에서 언급 할 position 프로퍼티가 지정되기 전까지는 동작하지 않으며 position 프로퍼티에 어떤 값이 지정되는지에 따라 다른 동작을 한다. position 프로퍼티는 엘리먼트가 위치하는 방법을 정의한다. position 프로퍼티는 아래의 다섯가지 값중 하나를 가질 수 있다. static relative fixed absolute sticky position: static; position 프로퍼티의 기본 값이며 static 포지션은 top, bottom, left, right 프로퍼티에 영향을 받지 않는다. position: static; 으로 설정된 엘리먼트는 페이지의 흐름에.. 감자 농사 #4주차 시간이 정말 총알 같이 지나갑니다. 감자 농사를 시작하던 쌀쌀하던 날씨가 엊그제 같은데 벌써 감자를 심은지 한달이 지났습니다. 지난 주 겨우 새싹 몇개만 빼꼼이 고개 내밀고 있던 모습과는 사뭇 다릅니다. 그래도 감자가 어느정도 자라야 순지르기도하고 북주기도 해줄텐데 아직 너무 작은 아이들이라 물만 주고 왔습니다. 싹이 나기 시작하고 2주 정도간 급격하게 성장한다고 하니 다음주를 기대해봅니다. '감자 농사' 다른 글 보기 [CSS] ::before, ::after CSS에서 ::before와 ::after는 선택한 엘리먼트의 앞 또는 뒤에 content에 지정된 문자열을 추가합니다. 보통 엘리먼트를 장식 할 때 사용 됩니다. Example : https://kukuta.tistory.com https://kukuta.tistory.com Result : https://kukuta.tistory.com-> [CSS] 프로퍼티 컬러(Color) 색상 표현 - 정의된 색상 이름 또는 RGB, HEX, HSL, RGBA, HSLA 값으로 표현 가능 Hello World Hello World Hello World Hello World Hello World 배경색 프로퍼티 "background-color" Hello World 텍스트 컬러 프로퍼티 "color" Hello World 테두리 프로퍼티 "border" Hello World 배경(Background) 배경색 프로퍼티 "background-color" Hello World 배경 투명도 "opacity" h1 { background-color: red; opacity: 0.3; } ※ opacity를 조절하면 h1 엘리먼트에 속한 텍스트의 투명도도 같이 적용 된다. 배경의 투.. [CSS] @charset 규칙 @charset 규칙은 style sheet가 사용하게 될 텍스트 인코딩 방법을 정의한다. @charset은 반드시 모든 style sheet 엘리먼트 앞에 위치 해야하며 뒤에 다른 텍스트들이 따라와서는 안된다. 만일 두개 이상의 @charset이 정의 된다면 첫번째 규칙만 사용된다. @charset 규칙은 style 속성 내부에 사용 될수 없으며 엘리먼트 안에서 역시 사용 될 수 없다 문법 @charset "charset"; "charset"에 사용하고자 하는 인코딩 방식을 기술하면 된다. 예를 들어 스타일 시트의 인코딩 규칙을 utf-8로 하고 싶다면 @charset "utf-8"; 이라고 적어 주면 된다. 부록 1. 참고 CSS @charset Rule CSS @charset Rule Example.. [CSS] CSS tutorial CSS란 무엇인가? CSS는 "Cascading Style Sheet"의 약자다. 한글로는 종속형 스타일 시트 정도로 번역 된다. (미안하다..스타일 시트를 한글로 어떻게 번역해야 할지 모르겠다) CSS는 HTML 엘리먼트들이 어떻게 보여질지에 대해서 기술한다. 같은 HTML이라 하더라도 어떤 CSS를 사용하느냐에 따라 레이아웃이 완전히 달라 질수 있다. CSS는 웹페이지의 레이아웃에 대한 정의를 한 곳에서 처리하므로써 작업량을 엄청나게 줄일 수 있다. CSS는 HTML 문서 내부에 정의 될 수 있을 뿐 아니라, style sheet 파일에 따로 정의 될 수 있다. 왜 CSS를 사용해야 하는가? 과거에 HTML만 존재 했을 때는 태그에 모든 모든 속성들을 담고 있었다. 만일 개발자가 대규모 웹사이트를 개.. 티스토리 스킨 만들기 #1 - 요구 사항 정리 티스토리 블로그를 이용하면서 누군가가 만들어준 스킨들을 감사하게 써왔지만 모든 스킨들 마다 뭔가 2% 아쉬운점 있었다. 전체 레이아웃이 맘에 드는 스킨은 코드 적기가 힘들다던지, 폰트나 자간이 마음에 안든다던지, 리스트를 사용하는데 들여 쓰기가 안된다던지 등등...이것이 좋으면 이것이 맘에 살짝 걸리는 그런것들 말이다. 그래서 직접 티스토리 스킨을 만들어 볼까 한다. 어떻게 만들어야 할까? 그동안 블로그를 사용하면서 내가 느꼈던 불편한 점들을 적어 보았다. 요구 사항 리스트 사용 시 뎁스가 있을 것 에디터 페이지에서 링크를 걸고 엔터를 치면 링크 미리 보기가 나오지 않을 것 코드 블럭에 라인을 표시 해줄 것 코드 블럭에 하이라이트를 사용 가능 할 것 자동으로 ToC(Table of Contents)를 만.. [C++20] Concepts 이번 포스트에서는 C++20에 추가된 아주 강력한 기능 중 하나인 concept이라는 것에 대해 알아 보도록 한다. 들어가며 이번 포스트에서는 C++20에 추가된 Concepts에 대해 살펴 보도록 하겠다. 이 글을 읽는 여러분은 아래 세 가지를 배우게 될 것이다. Concepts를 만드는 방법 C++에서 제공하는 표준 Concept 'Requires 절' 문법 Concept란? 먼저 많은 분께 생소한 개념인 Concept에 대해 알아 보자. C++20 공식 문서에 따르면 C++의 Concept 이란, "타입이 가져야 하는 요구 조건을 정의하는 문법"이라고 소개하고 있다. 영어로는 "Named sets of requirements", 즉 "이름을 가진 요구조건의 집합"이다. "타입이 가져야 하는 요구 조.. [Unity] 게임 서버 프레임워크 조사 - 업데이트 중 - 갑자기 하늘을 보다가 이런 생각이 들었습니다. 'Unity로 게임 서버를 만들 수는 없을까?' ※ 본 포스트는 저의 생각의 흐름을 정리하는 글입니다. 저도 유니티 기반 게임서버를 만들 수 있을지 없을지 아직 알지 못합니다. 제가 알지 못하는 좋은 프레임워크들이 이미 있을지도 모르고, 저와 비슷한 생각을 한 사람들이 여러번 시도는 했지만 현실적으로 불가능하거나 전혀 효율적이지 못해 아무도 만들지 않았을 수 있습니다. 이 글을 통해 제가 답을 찾을 수도 있고 그렇지도 못할 수도 있습니다. 하지만 최소한 저와 같은 고민을 하시는 분들께 최소한의 길라잡이는 되었으면 하는 마음으로 글을 씁니다. 접근 방법 가장 먼저 내가 생각하는 '게임서버'가 필요로 하는 요구사항들에 대해 정리를 해보자. 그리고 요구 사항을 만.. [Unity] 헤드리스 모드(Headless mode) 헤드리스 모드? 간단히 말하면 유니티에서 그래픽적인 요소를 제외하고 실행 하겠다는 의미다. 아무것도 보이지 않는 유니티를 어디다 쓸까? 유니티로 서버를 만든다고 가정하자. 클라이언트가 사용자들에게 화려한 애니메이션과 이펙트들을 보여주는데 집중하는 대신 서버는 사용자의의 요청과 각종 로직들을 처리하는데 집중한다. 서버에겐 간단한 텍스트를 출력 할 수 있다면 이미 그래픽적인 요소는 다 갖추었다고 할 수 있다. 헤드리스 모드는 주로 클라이언트가 아닌 서버를 만드는데 많이 사용된다. 어떻게 만드나? 타겟 플랫폼을 스탠드 얼론으로 맞춰 놓고 'Server Build'에 체크한다. 'Build' 버튼을 클릭하여 빌드를 완료 한 후 커맨드 창에서 빌드 결과 파일을 실행 한다. 이때 실행 옵션에 '-batchMode'.. 이전 1 ··· 16 17 18 19 20 21 22 ··· 43 다음
