Q&A
커뮤니티
지식
이벤트
더보기
OKKY
Q&A
지식
커뮤니티
이벤트
부트캠프
Jobs
Contact
Search Bar
로그인
회원가입
tailwind
전체
기술
커리어
기타
카테고리
전체
최신순
질문하기
답변
0
치킨먹는인팁
·
3개월
471
0
답변 0
프론트 AI 사용 질문
안녕하세용. 프론트를 AI로 제작하는 분들이 많다고 들었는데, 혹시 다들 tailwind 사용하시는 지도 궁금합니다. 공용 css 같은 것들을 미리 정보를 다 입력해두더라도, AI가 모든 태그들에 해당 정보에 기반해서 작성해줄 지 의문이라 여쭤봅니다. 뭔가 빨리 빨리 제작하다보면 어쩔 수 없이 태그에 인라인 속성들을 사용하게 될 거 같은 걱정이 있어서요. 그러다보면 차라리 tailwind 를 사용하는게 낫지 않나 싶어서 여쭤봅니다.
답변
3
mogolian
·
7개월
536
0
답변 3
Tailwind는 에러 메시지가 안 뜨나요...
md:ttext-lg .... 나는 왜 이따구로 쳤는가. 그리고 이건 왜 빨간줄이 안 뜨는가.
답변
2
이영직
·
8개월
441
1
답변 2
iOS Safari에서 키보드 열릴 때 하단 영역 아래 빈 공간이 생기는 문제 (React + Tailwind)
안녕하세요, React + Tailwind로 개발 중인데 iOS Safari에서만 발생하는 레이아웃 문제를 해결하지 못해 도움을 요청드립니다. 1. DOM 구조 <div className='min-h-svh flex flex-col'> <div className={`flex flex-col flex-1 ${showTextEditor ? 'pb-[134px]' : &#
답변
5
이웃
·
12개월
580
1
답변 5
프론트 개발자분들은 화면 개발을 Mobile/Desktop 어느걸 먼저 하시나요?
안녕하세요 이번에 tailwindcss v4 공부를 하고 있는데 의문사항이 있어 질문드립니다. v3에서는 아래와 같이 설정을 하면 desktop first로 화면 개발하고 모바일로 작업하는게 가능했습니다.module.exports = {<!-- --> theme: {<!-- --> screens: {<!-- --> xl: { max: '1400px' }, lg: { max: '1150px
답변
1
리슨업휘끼
·
약 1년
314
0
답변 1
[react] editor 라이브러리 만드는 도중 css 문제..
안녕하세요 Editor를 좀 유연하게 만들어보고싶어서 제작중 입니다 shadcn-ui + tailwind를 근래 가장 많이 사용하고있어 두가지를 사용하여 라이브러리를 만들었습니다. npm에 올려뒀구 의도는 사용자의 theme를 따르며, 기본적인 css는 라이브러리가 구조를 갖추도록 하였는데 문제는... tailwind output.css를 생성한것이 보면 global.css 모두를 포함하고 있어 사용자와 개발자의 tailwind가 충돌납니
해결
3
smnm
·
1년 이상
390
0
해결 3
Emotion과 Tailwind를 함께 사용하는 지에 대한 의문
혼자 토이프로젝트 끄적이고 있는 와중 궁금증이 생겨서 질문 남겨봅니다. Emotion과 Tailwind를 같이 사용하는 케이스가 존재하나요? 두 가지 섞어쓰느니, 한 가지 집중해서 포폴에 담는게 이득이겠죠??
답변
3
frontend
·
거의 2년
518
0
답변 3
tailwind 잘쓰고 계신 분 있으신가요?
퍼블리셔가 붙을 때도 있고 아닐 때도 있는데 퍼블리셔한테도 한번 익혀보라 해야할지 고민입니다. 리액트는 컴포넌트 단위로 모듈화 하니 인라인으로 쓰는거는 용인할만 한데 그 외에 경우는 인라인으로 하는게 유지보수도 불편해보입니다. 유틸리티 등으로 모듈화하는 것이 있다고 들었는데 그럼 결국 css Module과 차이가 뭔가.. 싶기도 하고요. 현업에서 잘 쓰고 계시는 분 조언 부탁드립니다 ㅠ
해결
1
정수리
·
약 2년
388
1
해결 1
select 박스에 출력되고 있는 텍스트만 css를 적용하는 방법문의
tailwindcss를 사용해서 select 박스에서 현재 출력되고있는 텍스트만 크기를 변경하려고 합니다. selected를 적용해보니 select박스 클릭 시 출력되는 목록에서 선택된값이 적용되어 있습니다. 목록에 적용되는것이 아닌 select 박스에 선택 시 출력되는 텍스트에 적용하고 싶은데 어떤 키워드를 사용해야할까요? 공식홈페이지와 검색을 해도 명확한 답을 찾지 못해 글을 올리게되었습니다.
답변
2
hellooo
·
약 2년
683
0
답변 2
nextjs 14버전에 tailwind와 storybook 적용해보신분 계실까요?
tailwind로 작성한 컴포넌트는 storybook에서 스타일적용이 아예 안되는데 아무리 찾아봐도 모르겠어서 혹시 적용하신분 계시면 어떻게 하셨는지 알려주시면 감사하겠습니다..
해결
3
정수리
·
약 2년
717
1
해결 3
td마다 마우스 오버 시 텍스트 색상 변경하는 방법
<table class="tmptable"> <tr> <td class="testfirst">a</td> <td>b</td> <td>c</td> <td>d</td> <td>e</td> <td><p>d</p></td>
답변
3
정수리
·
약 2년
342
0
답변 3
tr에 마우스 오버 시 tr에 속한 텍스트 컬러 변경하는 방법
tailwindcss를 사용해서 css 작업을 하던 중 공식문서와 검색을 하여도 해결하지 못해 글을 올리게 되었습니다. .table tr:hover { color:red; }기존의 css는 저렇게 하면 1행에 있는 모든 텍스트 색이 변경되었는데 tailwindcss로 구현해보려고 하니 원하는 기능이 구현이 안됩니다. <tr className="hover:text-red"> -1 .table tr:hover {
답변
1
무흐흐라
·
2년 이상
328
1
답변 1
tailwind @apply 적용이 안되는데 도와주세요
tw-elements 프레임워크를 이용해서 웹사이트를 만들려고 합니다. CDN으로 관련 css나 js 링크걸고 작업하고 있구요. 현재 막히는 부분이 예: <div class="rounded-t-lg border border-neutral-200 bg-white dark:border-neutral-600 dark:bg-neutral-800"> 내용 </div>클래스가 너무 지저분해서 style.sc
답변
1
VENGA
·
2년 이상
1.4k
1
답변 1
tailwind css 시작부터 막힙니다.. 도와주세요
제가 받은 warning입니다. warn - No utility classes were detected in your source files. If this is unexpected, double-check the 'content' option in your Tailwind CSS configuration. warn - https://tailwindcss.com/docs/content-configuration 스택오버플로우에도 정확
답변
5
josiah_0208
·
2년 이상
440
0
답변 5
nextjs 프로젝트 내 Tailwind CSS 관련 질문드립니다.
안녕하세요. 작년 이맘때 즈음 okky 통해서 많은 지식을 얻었는데, 또 궁금한 점이 생겨 질문드립니다:) next js app 디렉터리 기준 프로젝트를 진행하고 있는데요. 내부 css는 tailwind CSS를 채택하였습니다. 그런데 개발하면서 개발자모드에서 받아온 페이지를 확인하면 pre-rendering 되어진 html 문서에 css가 적용되어 있지를 않습니다,, tailwind CSS는 서버사이드에서 렌더링되는 기능이 없는지 여쭤봅니다!
해결
3
SDN
·
2년 이상
335
0
해결 3
웹 프론트에서 도형, 파티클 등이 움직이는 건 어떻게 구현할까요?
안녕하세요 이런 저런 사이트 뒤져보다 아래 같은 부분을 봤는데 어떻게 구현했는지 감이 안 잡힙니다. 점선 연결된 부분이 계속 왔다리 갔다리 막 움직입니다. 단순 일정한 루틴이 아니라 당구 처럼 막 지들끼리 부딫치면 합쳐지고 그럽니다.
답변
2
SDN
·
2년 이상
848
0
답변 2
React Tailwind css 전체 화면이 안되는 이유
안녕하세요 w-full h-full 도 다 설정했는데 왜 안되는지 이유를 모르겠습니다 @-@ 왜 안되는지 이유를 모르겠네요 import React from "react"; export default function ProductSharePage() { return ( <div className="w-full h-full bg-green-300"> <img
해결
3
SDN
·
2년 이상
1.1k
0
해결 3
Tailwind css 공부하기 좋은 강좌가 있을까요?
안녕하세요 앱 개발자인데 이번에 간단한 웹 프로젝트를 맡게되었습니다. 이번에 CSS 대신에 tailwind css를 사용해보려고 하는데 어떤 강좌가 좋을지 추천좀 부탁드립니다~
답변
0
프론틍
·
거의 3년
268
0
답변 0
tailwind CSS 컴포넌트
혹시 tailwind CSS 프레임워크 쓰시는 분들은 컴포넌트 ( ex, 버튼 / 탭 / 칩 / 셀렉트 등등 )를 직접 다 만드셔서 사용하시나요 아니면 라이브러리를 사용하시나요 ?
답변
4
프론틍
·
거의 3년
687
0
답변 4
tailwind CSS 의 효율성
사이드 프로젝트를 진행 중인데 tailwind CSS를 도입하여 만들어 보려고 합니다. 디자이너분이 계셔서 피그마를 통해 만들어주신 작업물을 퍼블리싱 해봤는데 아래와 같은 상황이 발생했습니다. tailwind CSS 에서 제공하는 클래스로는 디자이너 분이 만들어주신 피그마에 나와있는 fontSize의 px 값을 지원하지 않는 경우가 있었습니다. 계속 작업을 하면서도 뭔가 비효율적인 것 같은 느낌이 들어서 질문을 드립니다. 디자이너 분도 tailwind
답변
1
쿠헹헬
·
거의 3년
231
0
답변 1
tailWind.js 에러
안녕하세요... 간간히 눈팅만 하는 족속인데 도저히 제머리로 해결이 안되 문의 남겨봅니다. tailwind.js 사용 시, 특정 모바일 기기에서 자바스크립트 에러가 발생하여 확인하니, r?.hasOwnProperty?.(i) || (r[i]=t[i]); 라는 코드가 있는데, 자바스크립트에서 ?.를 처음보는데 혹시 해당 코드를 일반적인 코드로 풀어 낼 수 있을까요?
이전
1
2
다음
Search Bar
