doeunn.log

▶styled-components에서 속성값으로 스타일링 하기 이번 글에서는 styled-components에 속성값을 주면서 스타일을 속성값에 따라 다르게 주는 방법에 대해 알아보도록 하겠습니다. 🔎 이건 언제 사용? 우선 방법을 알아보기 전에 언제 사용할 수 있는지 예를 들어 이야기 해보겠습니다. 예를 들어 버튼을 눌렀을 때 컴포넌트의 background-color를 변경하고 싶을 때 많이 유용하다고 생각이 들었는데요. 이걸 모른다면 background-color 하나 때문에 스타일 컴포넌트를 하나 더 만들어야 할지도 모릅니다... 🔎 사용해보자 우선 기본적으로 코드를 아래와 같이 작성하였습니다. 단순하게 버튼을 클릭하면 form의 state를 '로그인' 또는 '회원가입'이 되도록 했습니다. impo..

▶리액트(React)를 알아보자 리액트 프로젝트 파일을 생성하기 전에 리액트가 무엇인지, 구동원리는 무엇인지, 핵심 컨셉은 무엇인지! 등에 대해 알아보려고 합니다🙂! 🔎 React ? React란 복잡한 사용자 인터페이스(UI)를 쉽게 구축하기 위해 페이스북에서 제작한 라이브러리 입니다. 📌 라이브러리 ? (도서관 = 모듈들의 집합) 간혹 프레임워크와 라이브러리가 혼동될 때가 있는데요. 같이 알아봅시다! 프레임워크 코드를 작성할 때 필요한 틀을 제공해 주는 것 따라서 개발을 할 때 제어권이 개발자가 아닌 프레임워크에게 존재. 개발할 때 프레임워크가 가지고 있는 규칙에 의해 작성 ex) Spring, Django, nextJS, nuxtJS 라이브러리 같은 로그인 로직이라 하더라도 passportJS, g..