0113 · FE3월 26일
[Next.js] "Tailwind CSS Prettier 플러그인의 정렬 우선순위 이해하기!"
Tailwind CSS는 유틸리티 클래스 기반의 CSS 프레임워크로, 다양한 스타일을 빠르게 적용할 수 있게 해준다. ?잠깐!!? Tailwind CSS에 대해서는 아래 글을 참고하자!https://pangil-log.tistory.com/228?c…
FE · 웹개발 · 프론트엔드
FE
9월 0장 · 통산 515장
- 0112 · FE3월 26일[Next.js] "Tailwind CSS, 더 깔끔하고 예쁘게 정리하는 방법!"서론 Tailwind CSS를 사용하다 보면 클래스 속성의 순서가 뒤죽박죽이 되거나 통일성이 부족한 경우가 많다. 이런 경우 코드의 가독성이 떨어지고, 특히 협업 시 코드를 이해하는 데 불필요한 시간이 소요될 수 있다. 이를 해결하기 위해 Tailw…FE · 웹개발 · 프론트엔드
- 0110 · FE3월 26일[CSS] "Tailwind CSS 핵심 정리! 유틸리티 클래스로 스타일링 끝내기"Tailwind CSS는 다양한 스타일을 미리 정의된 유틸리티 클래스로 제공한다. (* 유틸리티 클래스란 특정 스타일을 적용할 수 있도록 미리 정의된 단일 클래스) 대표적인 유틸리티 클래스를 몇 가지 예시로 정리해보자! 색상 (Colors) 1) b…FE · CSS · 웹개발
- 0109 · FE3월 26일[CSS] "CSS 설계의 혁명! 유틸리티 퍼스트 방식이 뜨는 이유"Tailwind CSS 방식을 공부하면서 해당 방식이 '유틸리티 퍼스트 방식의 CSS 프레임워크'라는 것을 알게 되었다. 그러나, 유틸리티 퍼스트 방식의 CSS 프레임워크가 무엇인지 궁금해지기 시작했다. 유틸리티 퍼스트(Utility-First) 방…FE · CSS · 웹개발
- 0108 · FE3월 26일[Next.js] "Tailwind CSS: 왜 많은 개발자들이 사랑하는가?"Tailwind CSS란? Tailwind CSS는 유틸리티 퍼스트(Utility-First) 방식의 CSS 프레임워크로, HTML 요소에 직접 클래스를 적용해 스타일을 지정할 수 있도록 설계되었다. ?잠깐!!? 개별적인 유틸리티 퍼스트 방식의 CS…FE · CSS · 웹개발
- 0011 · FE2월 12일3. 객체와 타입 (2)03-4. 객체의 비구조화 할당문 0. 개요 (구조화) 1) 구조화의 필요성 : 아래와 같이 코드를 구현하면, 작성하기도 번거롭고 기능을 확장하기도 어렵다. // 구조화의 필요성 let personName = 'Jack'; let personAge …
- 0010 · FE2월 12일3. 객체와 타입 (1)03-1. 타입스크립트 변수 선언문 1. 타입스크립트 기본 제공 타입 1) 자바스크립트 타입타입스크립트 타입 유형 자바스크립트 타입 타입스크립트 타입 수 타입 Number number 불리언 타입 Boolean boolean 문자열 타입 String…
- 0009 · FE2월 12일2. 타입스크립트 프로젝트 생성과 관리02-1. 타입스크립트 프로젝트 만들기 0. 개요 타입스크립트 개발은 node.js 프로젝트를 만든 다음, 개발 언어를 타입스크립트로 설정하는 방식으로 진행된다. node.js 프로젝트는 디렉터리를 하나 만들고, 여기에 package.json이란 이…
- 0008 · FE2월 12일1. 타입스크립트와 개발 환경 만들기01-1. 타입스크립트란 무엇인가? 1. 세 종류의 자바스크립트 ES5(ECMAScript 5) : 웹 브라우저에서 동작하는 표준 자바스크립트 ESNext : 매년 새로운 버전을 발표하는 자바스크립트 TypeScript : ESNext에 타입(typ…