# classnames

12개의 포스트

[리액트를 다루는 기술] todoList와 items를 svg와 & 활용하여 scss 다루기

min-height와 max-height로 최소 최대 높이 지정overflow-y: auto로 513px 넘어가면 스크롤바 생성flex의 align-items: center로 중앙 정렬&:nth-child()의 매개변수로 원하는 숫자나 식을 넣으면 해당 값에만 css

2022년 9월 7일
·
0개의 댓글
·

React - classnames

classnames는 이번 Asssignment를 하면서 유용하게 잘 사용하였기에 정리를 해보자 한다.classnames는 CSS 클래스를 조건부로 설정할 때 매우 유용한 라이브러리이다. 또한, CSS Module을 사용할 때 이 라이브러리를 사용하면 여러 클래스를 적

2022년 5월 14일
·
0개의 댓글
·

2022.05.06

classnames 라이브러리 추가github깃은 정말 중요한거 같다. 팀원들과 각자 branch를 merge하는 과정에서 엄청 많은 충돌을 만날 수 있었다. 다시 한번더 git 공부의 필요성을 느꼇다.

2022년 5월 6일
·
0개의 댓글
·

📋 읽을 거리-4

CSS modules, Classnames

2022년 4월 20일
·
0개의 댓글
·
post-thumbnail

Project Note : Next.js tips 02

2022-02-20 / 이번 프로젝트에서 Next.js 프레임워크를 처음 사용해보며 여러 문제에 마주쳤는데, 기억 나는대로 정리해보려고 한다.

2022년 3월 9일
·
0개의 댓글
·

classnames 라이브러리 알아보기

classnames 라이브러리란? html에서 class를 사용하여 편하게 css를 쓸수 있지만 React에서는 class가 예약어로 사용중이기 때문에 이를 해결하기 위해 나온 라이브러리이다. 사용법 설치 후 import를 선언 후에 이때 css 파일은 아래와

2021년 12월 31일
·
0개의 댓글
·
post-thumbnail

[React] 13. 컴포넌트 스타일링 (2)

1. CSS Module ✍ CSS Module은 CSS를 불러와서 사용할 때 크래스 이름을 고유한 값 형태로 만들어 컴포넌트 스타일 클래스 이름이 중첩되는 현상을 방지하는 기술이다. \* 즉, [파일이름]\[클래스이름]\[해시값] 형태로 생성 사용 방법은 .modul

2021년 10월 2일
·
0개의 댓글
·

TIL : classnames(npm), useState 파라미터, contextAPI/useContext, ref 속성 값

React 라이브러리 중 하나로 className을 적용하는데 있어 다양한 옵션을 사용하여 className을 적용할 수 있다.true : 클래스 네임 추가(적용)false : 클래스 네임 삭제(미적용)삼항 연산자를 사용하는 것보다 훨씬 깔끔하게 작성이 가능하다. 자세

2021년 5월 25일
·
0개의 댓글
·
post-thumbnail

#5 Today I Learned - 21.01.10

classnames ❗️ react : custom hooks 기본 사용법

2021년 1월 10일
·
0개의 댓글
·
post-thumbnail

react classnames 사용하기

props에서 location을 받아와서 url이름으로 참 거짓 구분해서 isActive클래스를 주었다isActive가 참 일때 클래스가 추가된다참 거짓으로 쓰던 코드가 classnames를 사용해서 훨씬 깔끔해졌다조건을 달아서 사용할때 너무 편하다

2020년 12월 23일
·
0개의 댓글
·
post-thumbnail

리액트에서 조건부 스타일을 줄때 classNames 라이브러리를 활용해보자!

리액트에서 조건에 따라 여러개의 className을 설정해야 할 때, template literal로 고생했던 당신! 특히나 CSS-Modules를 쓰고 있다면 더더욱 클릭해야 할 이 글! classNames library로 골칫거리를 속시원하게 해결해봅시다

2020년 8월 23일
·
0개의 댓글
·

[Next.js] CSS모듈과 복수의 class 사용하기

이 글에서는 next.js 프레임워크를 사용한 리액트 프로젝트에 CSS 모듈을 적용하는 방법과 classnames 라이브러리를 이용해 여러 개의 className을 적용하는 방법을 정리했다.

2020년 7월 9일
·
1개의 댓글
·