코드네임 :

오늘은 UI 레이아웃들 만져보기 + @State (TextField 쓰려고 봤더니 이거 알아야함 ㅋㅋ)(내일 할것 - Navigation, Observable의 이해 높이기) Spacing예를 들어 Vstack(spacing: 20){ Text("ㅁ") Text("ㅂ")}이라면ㅁ(20의 여백)ㅂ이런식!! MVVM구조 지키기...굿 잘 읽어봤습미다 TextField State란 무엇인가???블로그를 찾아보도록 하자 : 상태가 변경되면 해당 상태를 사용하는 모든 뷰를 자동으로 다시 그리게 해주는 프로퍼티 ( 뷰의 상태를 관리하는? ^^7 )https://zeromin-code.tistory.com/165 [SwiftUI] @State란 무엇일까?안녕하세요! 피피아노입니다 🎵 이번 포스팅에서는 ..

TypeScript: 자바스크립트를 기반으로 하되 몇가지 기능(정적 타입)을 더 추가함ㄴ 경고해주는 기능 같은것....\\ㄴㄴ (타입표기 ':타입' 식으로 ) r기본형 타입let age: number;let name: string;... 좀 더 복잡한 친구들let hobbies: string[];let person: { name: string; age: number;} 타입 추론 - 불필요하게 타입을 추론할 필요는 없다let course = 'aaa';굳이 let course :String = 'aaa'; 할 필요 X 유니온 타입let a: string | string[]; 타입 별칭⭐️type Person = { name: string; age: number;};let p..

보호되어 있는 글입니다.

리액트 앱을 직접적으로 데이터베이스에 연결하는게 X endpoint 라는 백엔드 API 사용: 어떤 요청이 가능한지 통제 가능 (특정 요청만 받는 URL) 뭐야? 둘다 안되는데뭐지,,, 계속 해도 안되는데... 일단 해라 places 데이터가 초기에 준비 X라면 우선 컴포넌트를 데이터 없이 렌더링해야하고 그 다음 데이터 준비됐을때 업데이트 해야함 빈 배열을 초기값으로 시작import {UseState} from 'react';import Places from './Places.jsx';import { use } from 'react';export default function AvailablePlaces({ onSelectPlace }) { const [availablePlaces, setAvaila..

보호되어 있는 글입니다.

보호되어 있는 글입니다.

form이란?입력값 추출(제출 관리, 값 추출..등등) & 데이터 검증(어렵다!, 오류 일찍 나타나는 문제) htmlFor: 무슨프로퍼티냐 (for와 똑같은 속성) 폼은 제출할때마다 새로고침 됨!!>> event.preventDefault()로 방지import{ useState } from ''export default function Login() { function handleSubmit(event){ event.preventDefault(); } return ( Login Email Password ..

흠 근데 한번 더 들어야할듯 ㅜㅜㅜ 일단!!! 스코핑이 무엇이느냐스타일을 해당 컴포넌트 내부에서만 작동하게 만드는 기법 이를 통해, 컴포넌트끼리 스타일이 서로 간섭하지 않게 만드는 것 목표에 있길래,,, if 문 (컴포넌트 내부에서)if (isLoggedIn) { return 환영합니다!;} else { return 로그인 해주세요.;} 삼항연산자 (주로 JSX안에서){isLoggedIn ? "환영합니다!" : "로그인 해주세요."} 3) 논리 AND 연산자 (&&) – 조건이 true일 때만 렌더링{isLoggedIn && 환영합니다!} 흠 강의만 들어서 모르겟늠 좀 읽어봅시다 https://velog.io/@kdeun1/React-가이드-4편-Component-Styling https://jos..