전체태그 보기

#CSS (19개의 포스트)

💻 프론트엔드 면접 질문 - CSS #3
chris
이 글은 프론트엔드 직무 면접 질문과 관련된 Github 저장소 front-end-interview-handbook 번역본으로, 저장소에 Translations 폴더의 내용과 동일합니다. - CSS 질문 3 프론트엔드 면접 질문 - CSS 질문에 대한 해설입니다. Pull Request를 통한 제안, 수정 요청 환영합니다. - [박스 모델에 대...
Conquer CSS in Code
asdhugh1

Conquer CSS in Code

2019년 4월 6일0개의 댓글
CSS in JS는 너무 JS에 편파적이다. 새로운 용어로 CSS in Code를 쓰자. CSS in Code가 뭐가 좋냐고? 이리 와서 이 글을 봐요 그대.
💻 프론트엔드 면접 질문 - CSS #2
chris
이 글은 프론트엔드 직무 면접 질문과 관련된 Github 저장소 front-end-interview-handbook 번역본으로, 저장소에 Translations 폴더의 내용과 동일합니다. - CSS 질문 2 프론트엔드 면접 질문 - CSS 질문에 대한 해설입니다. Pull Request를 통한 제안, 수정 요청 환영합니다. - [그리드 시스템을...
💻 프론트엔드 면접 질문 - CSS #1
chris

💻 프론트엔드 면접 질문 - CSS #1

2019년 3월 31일0개의 댓글
이 글은 프론트엔드 직무 면접 질문과 관련된 Github 저장소 front-end-interview-handbook 번역본으로, 저장소에 Translations 폴더의 내용과 동일합니다. - CSS 질문 1 프론트엔드 면접 질문 - CSS 질문에 대한 해설입니다. Pull Request를 통한 제안, 수정 요청 환영합니다. - [CSS 선택자...
💻 프론트엔드 면접 질문 - HTML
chris

💻 프론트엔드 면접 질문 - HTML

2019년 3월 24일0개의 댓글
이 글은 프론트엔드 직무 면접 질문과 관련된 Github 저장소 front-end-interview-handbook 번역본으로, 저장소에 Translations 폴더의 내용과 동일합니다. - HTML 질문 프론트엔드 면접 질문 - HTML 질문에 대한 해설입니다. Pull Request를 통한 제안, 수정 요청 환영합니다. - DOCTYPE은 무...
CSS 스타일의 우선순위적용
di-comms

CSS 스타일의 우선순위적용

2019년 3월 14일0개의 댓글
웹 문서에 스타일시트에서는 '상속'의 개념과 css에 담겨 있는 '캐스케이딩'의 개념을 꼭 이해하고 넘어가는 것이 중요합니다. 스타일은 상속됩니다. 웹 문서에서 사용하는 여러 태그들은 서로 포함 관계를 가지고 있어 포함하는 태그는 부모 요소라고 하고, 포함된 태그는 자식 요소라고 합니다. 스타일시트에서는 부모 요소에 있는 속성들이 자식 요소로 전달되는데...
sxhx
(물론 이런저런 CSS 프레임워크를 쓰면 그냥 해결될 문제이지만) 아래와 같은 효과를 구현해야 할 경우, c770d402-f4bb-4567-91c6-3e304d27df0a.gif 보통 clientHeight과 scrollHeight등으로 높이를 계산한다던가 좀 더 스마트하게 Intersection Observer를 사용한다던지 하는 자바스크립트로 해결을...
taewo

리액트 Styled Componets - 2편

2019년 3월 2일0개의 댓글
Tag의 속성을 변경하는 방법
nekonitrate
2019년 1월 30일 오전 10시 08분 추기: nuxt-sass-resorces-loader 에서 공식적으로 더 이상 서포트를 하지 않으니 @nuxtjs/style-resources 를 사용하라는 발표가 있었습니다. 컴포넌트 단위로 개발이 진행되는 SPA 라도 SASS나 SCSS를 쓰다보면 전역에서 로드해야 할 파일이 생기게 마련입니다. 예를들면 변...
yeomi

Sass 알아보기

2019년 1월 29일0개의 댓글
Sass란 Sass는 일종의 CSS 전처리기이다. 자바스크립트처럼 특정 속성의 값을 변수로 선언하여 필요한 곳에 선언된 변수를 적용할 수도 있고, 코드의 재사용성을 높여준다. Sass설치 1. ruby설치 윈도우만 아래 링크에서 ruby설치(mac과 linux는 ruby 기본적으로 설치되어있음) http://rubyinstaller.org/down...
pizzu

center 맞추기

2019년 1월 23일0개의 댓글
margin:0 auto; - block의 특성상 width값을 지정해 주어야 중앙정렬 가능
hululu

[SKY코딩] WORD

2018년 12월 21일0개의 댓글
hululu

[SKY코딩] FONT-FACE

2018년 12월 21일0개의 댓글
hululu

[SKY코딩] FONT

2018년 12월 21일0개의 댓글
j10k

TIL 181103

2018년 11월 2일0개의 댓글
Refactoring - 정의: 단순한 변형 및 추가와는 조금 거리가 있는, 동작은 변하지 않고 (테스트로 보장) quality는 높이는 작업 - 코드 품질: SOLID, DRY, KISS, GRASP, YAGNI - 현재 내가 생각하는 code quality: clean naming, DRY (Dont Repeat Yourself), KISS (Keep...
[번역] Adam Silver - Stop using device breakpoints
leejh3224
과거의 실수를 잊어버린 채, 많은 디자이너 혹은 개발자가 자기가 가장 좋아하는 기기에 맞춰 중단점(breakpoint)을 설정한다.
Postcss-preset-env: Use tomorrow’s CSS today
leejh3224
Postcss는 css에서 바벨과 같은 역할을 수행하는 도구라고 할 수 있습니다. 웹팩이나 걸프와 같은 빌드 도구와 사용할 수 있는 각종 플러그인을 제공하죠.
다양한 방식의 리액트 컴포넌트 스타일링 방식 CSS, Sass, CSS Module, styled-components
velopert
리액트에서는 컴포넌트를 스타일링 할 때 다양한 방식을 사용 할 수 있습니다. 이 튜토리얼에서는 어떤 방식이 있는지, 자주 사용되는 것들을 하나하나 사용해보겠습니다. 저는 개인적으로 컴포넌트 하나마다 Sass 파일 하나씩 만들어서 관리를 하는것을 선호하고, 최근 만드는 프로젝트에서는 styled-components 를 사용하기도 합니다 :) CSS Module 은 작년에 자주 사용했었는데 사용하기가 요즘은 조금 불편하다고 느껴져서 잘 사용하고 있지 않고 있습니다.