Framework/react26 리액트 개발 환경 구축 시작하기 – React 시작하기 – ReactA JavaScript library for building user interfacesko.legacy.reactjs.org 새로운 React 앱 만들기 – React 새로운 React 앱 만들기 – ReactA JavaScript library for building user interfacesko.legacy.reactjs.org 툴 체인 중 create react app create react app의 git GitHub - facebook/create-react-app: Set up a modern web app by running one command.Set up a modern web app by running one command. Contri.. 2025. 4. 11. [react css] Pretendard 폰트 적용하기 @import로 폰트를 로드하는 부분은 CSS 파일에서 다른 스타일 규칙들보다 상단에 위치해야 제대로 적용됨.@import url('https://cdn.jsdelivr.net/npm/pretendard@latest/css/preload.css');@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable.min.css'); DOCTYPE html>html lang="en"> head> meta charset="utf-8" /> meta name="viewport" content="width=device-width, initial-scale=1" /> t.. 2025. 3. 14. react css 글씨체 두께 다르게 적용하기. 글씨체 두껍게 하기. 태그로 글씨 감싸서 각각 class명 지정해주기.font-weight을 각각 다르게 설정해주기.(900까지 지원) form> div class="login_box"> button class="login_btn" type="button"> span class="bold">네이버span> span class="light">로그인span> button> div> form> .login_box >button { width: 300px; height: 50px; background-color: #03cf5d;.. 2025. 3. 14. [리액트 네이버 레이아웃 잡기] Target container is not a DOM element. at exports.createRoot 에러 해결 보호되어 있는 글 입니다. 2025. 2. 6. [react] 버튼 두번 누르면 1씩 증가하는 코드 만들기 Game4.js 카운트 a 카운트 b버튼 각각 누르고 Count를 클릭하면 1씩 증가하는 코드 만들기. import React, {useState} from 'react';import Board3 from './Board3';import calculateWinner from './calculateWinner';import '../App.css';function Game4 (props) { const [history, setHistory] = useState([{ squares : Array(9).fill(null)}]); const [stepNumber, setStepnumber] = useState(0); const [xIsNext, setXIsnext] = useState(true); .. 2024. 7. 3. [리액트]클래스형 컴포넌트를 함수형 컴포넌트로 변환하기. 함수형 컴포넌트로 변환할 때 constructor, super, this.state는 더 이상 사용할 수 없고대신, 함수형 컴포넌트는 useState와 같은 훅(hooks)을 사용하여 상태를 관리한다.클래스형 컴포넌트 -> 함수형 컴포넌트 변환 예시 주요 차이점상태 초기화:클래스형 컴포넌트에서는 this.state를 constructor에서 초기화합니다.함수형 컴포넌트에서는 useState 훅을 사용하여 상태를 초기화합니다.상태 업데이트:클래스형 컴포넌트에서는 this.setState를 사용하여 상태를 업데이트합니다.함수형 컴포넌트에서는 setState 함수(useState에서 반환된)를 사용하여 상태를 업데이트합니다.이벤트 핸들러:클래스형 컴포넌트에서는 메서드에서 this를 사용합니다.함수형 컴포넌트에.. 2024. 6. 20. 이전 1 2 3 4 5 다음
