본문 바로가기
728x90

전체 글146

Tailwind CSS 🪮 스타일 토큰 자체인 클래스를 조합하여 UI를 만드는 CSS 프레임워크이다. 빠르게 스타일링할 수 있으면서 디자인 시스템만큼 일관된 디자인을 가능하게 해주고, 빌드 시에 사용한 클래스만 추려 아주 작은 CSS로 만들어준다.요즘 React + Tailwind CSS 조합으로 많이 사용하는 것 같다. Tailwind CSS의 철학은 Utility-First 컨셉이다. Utility-First란 작은 기능 단위(Utility Class)를 조합하여 UI를 만드는 접근 방식이다. 즉, 쉽게 말해 클래스 이름 자체가 곧 스타일 속성을 의미하는 것이다.저장/* CSS */.btn-primary { padding: 0.5rem 1rem; background: #2563eb; color: white; borde.. 2025. 9. 3.
고소 짭짤 명란 들기름 국수 🧂 오늘은 바쁜 일상 속에서도 빠르게 만들 수 있으면서, 고급스러운 풍미까지 챙길 수 있는 명란 들기름 국수 레시피를 소개하려고 한다. 고소하고 짭짤한 명란과 향긋한 들기름의 조합 난이도 ⭐️귀찮음 ⭐️⭐️맛탐정의 평가 ⭐️⭐️⭐️⭐️⭐️ 맛탐정이 인정한 메뉴를 가지고 왔다. 미식가 맛탐정을 믿고 시도해보시길 🙏🏻 2인분 기준재료: 메밀국수 2인분, 명란 1개, 깻잎 10장소스: 들기름 4큰술, 쯔유 4큰술, 매실액 2큰술 명란은 껍질을 제외하고 준비하여 들기름 1큰술을 넣고 밑간을 해둔다.면을 삶고 찬물에 헹구어 물기를 빼 준비한다.깻잎을 얇고 길게 썰어 준비한다.그릇에 면과 깻잎, 밑간한 명란을 올리고 그 위에 소스를 뿌린다. 요리 TIP저염명란이 아닌 경우 짤 수 있기 때문에 명란을 반갈라.. 2025. 9. 3.
의존성 분류에 대해서 ➗ FE 개발을 해보면 dependencies와 devDependencies에 대해 한번쯤은 들어봤을 것이다.오늘은 이것과 관련된 얘기를 해보겠다. 의존성 (dependency) 분류하기// package.json{ "name": “my-project", "dependencies": { "vue": "^3.5.10" }, "devDependencies": { "eslint": "^8.15.0" }} 둘의 차이점은 뭘까?devDependencies: 빌드나 개발 단계에서만 필요한 패키지들을 나열dependencies: 프로젝트 실행을 위해 필수적으로 필요한 패키지들을 나열즉, eslint는 코드를 정해진 규칙에 맞춰 고쳐주는 역할만 하기 때문에 프로젝트에서 배포할 때에는 필요로 하지 않는.. 2025. 9. 1.
꼬득꼬득 오이국수 🥒 여름철에는 땀을 많이 흘리기 때문에 수분 보충이 필수다!수분이 많은 재료! 바로 오.이. 오이가 여름철 대표 재료이기도 하고, 수분 보충에도 좋은 맛좋은 오.이.오이의 물기를 빼주면 짱아찌처럼 꼬득꼬득해지는 거 아시죠? 난이도 ⭐️귀찮음 ⭐️⭐️맛탐정의 평가 ⭐️⭐️⭐️⭐️ 1인분 기준재료: 오이 1개, 소면 1인분소스: 들기름 3큰술, 다진마늘 1/3큰술, 꿀 1/3큰술, 멸치액젓 1/2큰술, 식초 1/2큰술, 레몬즙 1/2큰술, 매실액 1/2큰술, 깨 1큰술 오이는 최대한 얇게 썰어 소금 한꼬집, 꿀 0.5큰술을 넣고 조물조물하여 20분 정도 방치해둔다.소면을 삶고 찬물에 헹궈 물기를 빼준다.오이는 손으로 물기를 최대한 꽉 짜준다. (물기를 꽉 짜주어야 꼬득꼬득해진다.)그릇에 소면을 올리고 .. 2025. 9. 1.
728x90

티스토리툴바