2024.08.08

.

tailwindcss는 className에 스타일을 grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4로 설정하고 grid-cols-1: 기본 사이즈 세로 1줄md:grid-cols-2: 브라우저 사이즈가 md(768px)

배포 단계에서 오류가 발생하여 코드와 Git을 번갈아보며 문제의 원인을 찾았습니다. 문제의 원인은 처음에 컴포넌트 파일의 이름을 소문자에서 대문자로 변경한 것이 원인으로 추측되었습니다. Git은 파일 이름의 대소문자 변경을 인식하지 못하는 경우가 있어, 이러한 변경이

리액트는 화면에서 UI 요소를 구분할 때 '컴포넌트'라는 단위를 사용합니다.쉽게 말하면 리액트에서 앱을 이루는 가장 작은 조각이라고 할 수 있고, 레고 블록으로 집을 쌓게 된 경우 하나의 블록이 '컴포넌트'라고 할 수 있습니다.리액트의 중요한 핵심인 '컴포넌트'에는 함

당신의 집에는 빛을 켜고 끄는 스위치가 있습니다. 이 스위치는 두 가지 상태를 가집니다: 켜짐(on)과 꺼짐(off). 이제 이 스위치를 useState를 사용하여 설명해보겠습니다.상태는 어떤 것의 현재 상황이나 조건을 나타냅니다. 예를 들어, 스위치의 상태는 "켜짐"

properties의 줄임말로 상위 컴포넌트가 하위 컴포넌트에 값을 전달(단방향 데이터 흐름) 할때 사용합니다.(단방향) 자식 컴포넌트에서 props는 읽기 전용으로 수정이 불가하다는 특징을 가지고 있습니다. 함수 컴포넌트, 클래스 컴포넌트 모두 컴포넌트의 자체 pr

배열 메소드에 대해서 알아보자배열배열에서 조건(return 우측의 연산자)에 만족하는 가장 먼저 발견된 것 하나만 찾을 수 있다.결과배열에서 조건(return 우측의 연산자)에 만족하는 요소만 필터링새로운 배열을 만들어 줌 (기존 배열은 그대로 둔다)결과forEach와

reactsms UI를 만드는javascript 라이브러리다.쉽게 말하면 화면에 보이는 버튼이나 텍스트 상자 등을 코드로 묶어 재사용하기 편한 코드묶음이라고 생각하면 된다.react는 JSX문법을 사용하는데 JSX는 JavaScript eXtension의 줄임말로 JS