분류 전체보기 (989) 썸네일형 리스트형 가장 일반적이며 기초적인 CSS 문제와 해결 방법 [번역] 원문 링크 : https://www.smashingmagazine.com/2018/12/common-css-issues-front-end-projects/ Common CSS Issues For Front-End Projects — Smashing Magazine Rendering and interaction have become a lot more consistent across browsers in recent years. It’s still not perfectly uniform, however, and a lot of small issues can trip you up. A list of common issues along with their solutions. www.smashingmagazin.. 자바스크립트의 프로토타입과 문맥, this 프로토타입 기반 객체 지향 프로그래밍과 클래스 기반 객체 지향 프로그래밍의 유사점과 차이점은 무엇일까? 유사점 : 인스턴스 : 실재. 구체, 정보(메모리 o) 사실 해당 글의 주제를 다루는데 그렇게 중요하지 않음 차이점 : 클래스(class;classification) : 본질, 분류, 추상, 메타 정보(메모리 x) 분류 : 속성(property)가 동일, 유사한 것들을 일반화 유사한 속성을 공유하는 것들을 일반화 프로토타입(prototype) : 범주에 따른 객체 연결구조(메모리 o) 속성, 정의에 의한 분류 x 올바른 분류란 어렵다(예외 케이스 ex 블랙 스완). 가장 일반적인 속성을 통한 범주화 o 의미는 문맥(Context)에 따라 결정됨; 즉 사용에 의해 의미가 결정됨 프로토타입(원형)은 가장 .. [번역] 3분 동안 CSS 타이포그래피(폰트) 기본 속성 정리하기 3분 동안 CSS 타이포그래피(typography)의 기본 속성을 정리해 봅시다. 원문 링크 https://medium.com/cssclass-com/css-basics-for-typography-160025e3aeca CSS Basics for Typography CSS Basics medium.com font-family font-family 속성은 사용하려는 글꼴을 선언하는 데 사용됩니다. 다양한 글꼴을 동시에 선언할 수 있습니다. font-family: Arial, Helvetica, sans-serif; 첫 번째 글꼴이 특정 운영 체제에서 동작하지 않는 경우 브라우저는 사용 가능한 폰트를 다음 목록에서 찾습니다. 글꼴에서 일부 문자가 누락된 경우 목록의 다음 글꼴을 활용해 누락된 문자를 채웁니다.. [번역] css z-index 잘 사용하기 중첩 오버레이가 있는 컴포넌트들이 많은 화면을 개발하다보면, 금방 z-index를 유지보수하기 어려워 집니다. z-index를 잘 유지보수하는 방법을 알아봅시다. 원문 링크 : https://www.smashingmagazine.com/2021/02/css-z-index-large-projects/ Managing CSS Z-Index In Large Projects — Smashing Magazine Wrangling z-index values is a difficult task for many developers. Here is an easy-to-implement mini-framework based on existing conventions that brings clarity and confide.. [번역] z-index와 쌓임 맥락에 대한 오해 z-index와 CSS에서 가장 잘못 이해되고 있는 메커니즘 중 하나인 쌓임 맥락(stacking context)에 대해 알아봅니다. 아래 게시물의 번역입니다. https://www.joshwcomeau.com/css/stacking-contexts/ What The Heck, z-index?? The z-index property can be a tricky little bugger. Sometimes, no matter how much you crank up the number, the element never rises to the top! In this article, we explore stacking contexts, and see how they can thwart our efforts to.. [번역] CSS margin(마진)에 대한 모든 것(with 마진 겹침) CSS 마진은 언뜻 보기에 단순해 보입니다. 요소 주변에 공간을 형성하여 다른 요소를 밀어냅니다. 하지만 마진에는 당신이 모르는 몇가지 함정이 숨어있습니다. 해당 게시물에서는 CSS 마진과 마진에 숨어있는 함정을 다룹니다. 아래 게시물의 번역입니다. https://www.smashingmagazine.com/2019/07/margins-in-css/ Everything You Need To Know About CSS Margins — Smashing Magazine Margins in CSS seem simple enough at first glance. Applied to an element it forms a space around the element, pushing other elements aw.. [번역] 왜 Tailwind CSS를 사용하나요? Tailwind CSS가 CSS를 작성하는 최고의 방법인지에 대해선 논란이 있으나, 꽤 다수가 동의하는건 CSS에 충분히 혼쭐나기 전까지는 얼마나 효과적인지 모른다는 것입니다. Tailwind CSS 창시자가 Tailwind CSS를 만들게 된 배경을 살펴봅니다. 아래 원문를 의역한 글입니다. https://adamwathan.me/css-utility-classes-and-separation-of-concerns/ CSS Utility Classes and "Separation of Concerns" Software developer, author, and host of Full Stack Radio. August 7, 2017 adamwathan.me TL;DR 답은 유틸리티 퍼스트 클래스를 이용한 .. [번역] 모든 CSS 레이아웃 방법론을 알아보자 HTML은 구조와 의미를 담당합니다. CSS는 스타일과 레이아웃을 담당합니다. 그렇다면 CSS는 DOM의 위치를 어떻게 구성할까요? 이 게시물은 CSS의 레이아웃에 대한 모든 것을 다룹니다. 아래 게시물의 번역입니다. https://www.smashingmagazine.com/2018/05/guide-css-layout/ Getting Started With CSS Layout — Smashing Magazine Whether you’re fairly new to CSS or an experienced developer from elsewhere in the stack who wants to make sure your understanding of layout today is up to date, th.. 이전 1 ··· 50 51 52 53 54 55 56 ··· 124 다음
