div에 바로 스타일을 거는 경우를 보셨나요?

아마 .title span 식으로 특정 구역 태그에 정의하는 경우는 봤을 겁니다.

태그에 곧장 스타일을 걸지 말아야 합니다. 당장 작동해도 미래에 누군가를 혼란과 짜증에 휩싸이게 만들 겁니다.

"위험한 선택자"(CSS 코드 냄새 중)

https://mytory.net/archives/8982

더 많은 콘텐츠를 보고 싶다면?

또는

이미 회원이신가요?

2023년 10월 25일 오전 2:41

 • 

저장 57조회 3,560

댓글 5

함께 읽은 게시물

개발자의 장애 공유 문화

... 더 보기

개발자의 장애 공유 문화

K리그 프로그래머

개발자의 장애 공유 문화

 • 

저장 25 • 조회 4,923


🌟 디테일의 간격 시리즈! [✏️ 테이블 디자인 시 10가지 참고사항] (👀간단 요약) 좋은 테이블 디자인은 사용자가 데이터를 쉽게 확인하고, 비교할 수 있으며 원하는 조건에 따라 빠르게 정렬할 수 있습니다. 대시보드, 가격비교 화면, 구매 페이지, 배송일정 등을 확인할 때 텍스트 위주로 표기해주는 것보다 직관적으로 안내할 수 있는 테이블 디자인이 자주 쓰이는데요. 조금 더 구체적으로 살펴보면 아래와 같은 특징을 갖고 있어요. - 웹, 모바일에 최적화된 상태로 데이터 전달 및 확인 가능 - 사용자가 확인해야 할 데이터를 하나에 담을 수 있음 - 수정 및 추가가 쉬움 - 화면 내 인터페이스 로딩 속도 증가 - 상대적으로 깔끔한 레이아웃 유지 가능 📌 인터페이스에 가장 적절한 행 스타일 찾기 ✓ 행 스타일은 사용자가 데이터를 빠르게 찾고자 할 때 얼마나 도움이 되는지 결정하는 요소 ✓ 격자의 활용 : 엑셀, 스프레드시트 등에서 일반적으로 사용하는 스타일로 세로와 가로선을 모두 활용해 데이터 구분 가능. 다만 너무 많은 그리드가 포함될 경우 집중이 흐트러진다는 단점이 있어 상세한 데이터를 제공해야 할 때 활용하는 것이 좋음 ✓ 가로... 더 보기

20 Creative Table UI Design Examples You Should Know in 2021

Medium

20 Creative Table UI Design Examples You Should Know in 2021

깔끔한 이메일 주소

... 더 보기

깔끔한 이메일 주소

K리그 프로그래머

깔끔한 이메일 주소

 • 

저장 8 • 조회 1,618


[광고] 다음 직무 채용 예정입니다.


- 프러덕트/사업 기획 1인

- 프러덕트 디자인 1인

... 더 보기

소프트웨어 개발 방법론의 역사

 • 

저장 2 • 조회 1,782


주니어 개발자들이 읽으면 좋은 테크 아티클 모음📚

F-Lab 에서 주니어 개발자들이(사실 개발자라면 누구나) 보시면 좋을 아티클 모음을 공유해 주었네요! 검색엔진부터 비동기 처리, NoSQL 등 다양한 분야의 아티클들이 공유되어 있으니 관심있으신 분들은 보시면 좋겠습니다. F-Lab 에서 공유해주신 아티클 주제를 나열해보면 다음과 같습니다. 📌 구글이 직접 말하는 검색엔진의 원리 (tali.kr) 📌 검색 엔진은 어떻게 작동하는가 (xo.dev) 📌 네이버의 검색엔진의 특징과 알고리즘 (tistory.com) 📌 [네이버 블로그]네이버 검색의 원리 : 네이버 블... 더 보기

주니어 개발자들이 읽으면 좋은 테크 아티클 모음

F-Lab : 상위 1% 개발자들의 멘토링

주니어 개발자들이 읽으면 좋은 테크 아티클 모음

 • 

저장 158 • 조회 4,325