css
-
Styled Components와 Tailwind CSS개발공부/기타 2024. 1. 10. 22:24
최근에 진행했던 프로젝트 2가지가 있는데 하나는 스타일드 컴포넌트로, 하나는 테일윈드 CSS로 작업했었다. 이 내용들을 포트폴리오에 녹여내던 중 '내가 이 두 가지를 정확히 이해하고 사용하고 있는가..?' 라는 생각이 문뜩 들었다. 둘 다 처음에 배워두면 좋다고 해서 사용하는 방식만 공부했지, 이해하고 사용하고 있지 않다는 사실을 깨닫게 되었다. 그래서 오늘은 Styled Components와 Tailwind CSS에 대해 자세히 알아보고자 한다! CSS란? 우선 두 가지를 공부하기 전 가장 기초인 CSS가 뭔지부터 찾아봤다. 웹 페이지의 레이아웃 및 스타일을 정의하는 스타일 시트 언어 즉, 웹 페이지의 시각적 요소를 담당 위 내용을 읽어보면 CSS는 웹 페이지에서 굉장히 중요한 부분이라는 것을 알 수 ..
-
apply개발공부/TailwindCss 2023. 12. 13. 18:32
https://hani-develop-history.tistory.com/59 색깔 적용 안됨 최근에 지인들과 새로운 프로젝트를 진행하기로 했다. (Next.js와 Tailwind css를 사용) 오늘은 프로젝트에서 발생했던 문제와 내가 시도 했던 방법들을 공유하고자 한다. 문제 발생 Tailwind css를 사용 hani-develop-history.tistory.com 오늘의 위의 글에 이어서 프로젝트에서 tailwindcss를 사용하면서 발생했던 문제에 대해 다뤄보고자 한다. 문제 발생 페이지 이동할 때 초기화면에 로딩되는데 오랜 시간이 걸린다. 문제 원인 코드를 깔끔하게 만들기 위해 css 파일을 분리하기로 결정했었다. 그 방법으로 폴더별로 {페이지 이름}.modules.css 파일을 만든 후, ..