FE - Tools/개발 도구8 [Redux Toolkit] Redux Toolkit이란 무엇일까 (+ React에서 사용하는 방법) Redux Toolkit이란 무엇일까 (+ React에서 사용하는 방법) Redux Toolkit 사용법이 궁금하신 분들은 아래의 ✅ 직접 해보기 (with React) 부분부터 읽으시면 됩니다😀 # Redux에 관심을 가진 계기 처음 React 프로젝트를 만들기 시작했을 때는 상태 관리의 필요성을 못 느꼈다. 어차피 작은 개인 프로젝트인데 뭐 그렇게까지 할 필요 있을까...? 라고 생각했기 때문. 그러나... 프로젝트를 진행하다 보니 갑자기 욕심이 생겨서 로그인 기능을 만들기로 했다. firebase에서 로그인 정보를 받고~ 로그인 여부를 확인 후 사용자의 마이페이지 화면도 보여주고~ 를 하려고 하니... props를 전달해주어야 하는데... 어.... 한순간에 복잡해졌다. 로그인 페이지에서 로그인을 .. 2023. 1. 10. [Tailwind CSS] Tailwind CSS 알아보기 (with React) Tailwind CSS 알아보기 (with React) # Tailwind CSS란 Tailwind CSS란 CSS를 쉽게 다룰 수 있게 해주는 CSS 프레임워크이다. 원래 React 프로젝트에 CSS를 적용하기 위해서는 CSS 파일을 따로 지정하거나, inline style으로 CSS를 적용하지만 Tailwind CSS는 className으로 스타일을 지정한다. 예시를 위해 개인 프로젝트의 코드 일부를 가져왔다. className로 작성된 것이 전부 Tailwind CSS로 작성한 스타일이다. CSS의 flex, width, height, overflow 등등의 요소들을 className으로 적어준 것이다. # 장점1 : 귀찮음 해결 사용해보고 가장 장점이라고 느꼈던 건 당연히 간단함이다. class의.. 2022. 12. 23. 이전 1 2 다음
