| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 1 | 2 | 3 | 4 | 5 | ||
| 6 | 7 | 8 | 9 | 10 | 11 | 12 |
| 13 | 14 | 15 | 16 | 17 | 18 | 19 |
| 20 | 21 | 22 | 23 | 24 | 25 | 26 |
| 27 | 28 | 29 | 30 |
- 자바스크립트
- fe
- css
- 웹개발
- 프론트엔드
- cmdline-tools missing
- 코드리뷰
- macos flutter
- dom
- 웹 성능
- Promise
- flutter android sdk
- 퍼포먼스 최적화
- 컴포넌트
- jsx
- 웹 성능 최적화
- 프라미스체이닝
- 패키지 스크립트
- Node.js
- 자바스크립트공부
- aondroid toolchain 오류
- 국제화(i18n)
- #프론트엔드개발
- React
- flutter 오류
- html
- 웹 개발
- 비동기프로그래밍
- 풀스택 개발
- JavaScript
- Today
- Total
목록전체 글 (72)
sodol-dotcom
1. 오류 메시지sodol@macpro ~ % flutter doctorDoctor summary (to see all details, run flutter doctor -v):[✓] Flutter (Channel stable, 3.32.5, on macOS 15.3.1 24D70 darwin-arm64, locale ko-KR)[!] Android toolchain - develop for Android devices (Android SDK version 35.0.1) ✗ cmdline-tools component is missing. Try installing or updating Android Studio. Alternatively, download the tools f..
1. 오류 메시지hook.js:608 Warning: You provided a `value` prop to a form field without an `onChange` handler. This will render a read-only field. If the field should be mutable use `defaultValue`. Otherwise, set either `onChange` or `readOnly`. Error Component Stack at input () at section () at div () at Editor (Editor.jsx:46:29) at div () at New (New.jsx:7:15) at RenderedRoute (..
1. 기본 사용법toLocaleDateString()는 자바스크립트에서 날짜를 사용자가 설정한 언어와 지역에 맞춰서 사람이 읽기 쉬운 형식으로 변환해주는 함수이다. 간단히 말해, 날짜를 각 나라별로 익숙하게 볼 수 있는 형태로 보여주는 데 유용하다. toLocaleDateString()는 Date 객체에서 사용할 수 있다. 예를 들어, 현재 날짜를 한국 형식으로 출력하려면 다음과 같이 할 수 있다.const today = new Date();console.log(today.toLocaleDateString());위 코드를 실행하면 보통 한국에서는 YYYY.MM.DD 형식으로 날짜가 출력된다. 예를 들어, 2023.10.25 와 같은 형태가 될 것이다. (한국 지역이 기본 설정된 브라우저에서 실행시)2. ..
기본값을 설정하는 이유와 방법을 이해하기 위한 글로, 기본값을 설정해주면 컴포넌트를 더 안전하게 사용할 수 있고 에러를 예방할 수 있다고 한다. 1. 기본개념: `props`란 무엇인가?React에서 `props`는 컴포넌트에 데이터를 전달할 때 사용하는 객체이다. 컴포넌트는 부모 컴포넌트로부터 `props`를 받아 자식 컴포넌트가 그 데이터를 화면에 표시하거나 동작을 처리하게 된다. 예를 들어, `Button` 컴포넌트(자식 컴포넌트)에 `color`라는 `props`가 전달되면 그 값을 이용해서 버튼의 색상을 정할 수 있다. 위 코드를 보면, `color="blue"`로 버튼의 색상이 설정된다. 2. `props`에 기본값을 설정해야 하는 이유만약 `Button` 컴포넌트에 `color`를 전달하..
1. 부모 컴포넌트에서 자식 컴포넌트로 데이터를 전달하는 방법: `props`부모 컴포넌트가 자식 컴포넌트에게 데이터를 전달하려면, `props`라는 특별한 방법을 사용한다.`props`는 부모 컴포넌트에서 자식 컴포넌트로 데이터를 전달하는 데 필요한 속성이다. 예를 들어, 자식 컴포넌트에 이름이나 나이 같은 정보를 전달하고 싶을 때, `props`로 보낼 수 있다.React에서 자식 컴포넌트가 props를 매개변수로 받는 이유https://sodol-dotcom.tistory.com/78 2. `props`가 객체로 전달되는 이유부모 컴포넌트에서 여러 데이터를 전달하려면 `props`를 객체 형태로 묶어서 보낸다. 이 객체 안에는 전달하려는 데이터가 프로퍼티로 저장되어 있다.예를 들어, `name`과..
React에서는 부모 컴포넌트가 자식 컴포넌트에 데이터를 전달할 때 `props`로 전달하도록 설계되어 있다. 이때 자식 컴포넌트가 이 데이터를 받을 수 있도록 `props`라는 객체가 자동으로 생성되어 자식 컴포넌트의 매개변수로 넘어오게 되는 것이라고 한다. 즉, 자식 컴포넌트에서 `props`를 함수의 매개변수로 설정하는 이유는 React가 부모 컴포넌트에서 자식 컴포넌트로 데이터를 전달할 때, 이 데이터를 자동으로 `props`라는 객체에 담아 전달하기 때문이다.이때 `props`는 객체 형태이며, 전달한 데이터가 `props` 객체의 프로퍼티로 들어간다. 1. 매개변수로 `props`를 사용하는 방식function ChildComponent(props) { console.log(props); ..