코드네임 :

보호되어 있는 글입니다.

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..

리스트 렌더링이란?const arr = [1, 2, 3];const arrChange = arr.map((arr) => arr + 1);console.log(arr, arrChange);>> 2, 3, 4 : 배열에 들어있는 데이터 반복하면서 돌면서 화면에 그리는것 (반복문을 사용한 배열 처리 과정)- .map()으로 배열 순회하며 ,, key란?: React가 어떤 항목을 변경, 추가, 또는 제거할지 식별하기 위해 사용하는 고유 식별자리스트를 렌더링할 때 각 항목을 구분해서 화면을 효율적으로 업데이트(렌더링) 하기 위해,,(key가 없다면 react 입장에서는 어떤게 새롭게 추가된 요소고 어떤게 기존에 존재하던 요소인지 효율적으로 알 수가 없)((약간 이름을 붙여준다 싶은 느낌이군)- 형제 요소 간의..

와 이거 미리 저장안했다가 글 전부 날려먹을 뻔했네;;;;;;;;;;;;;;;;;;;;; 음? 자구랑 데통네에서 배웠던 다익스트라 알고리즘이... OSRM 알고리즘 (Open Source Routong Machine)OpenStreetMap(OSM) 데이터를 기반으로 최적 경로를 탐색할 수 있게 해주는 초고속 경로 탐색 서버 OSRM에는 프로파일(Profile)이 들어있습니다. 이는 경로를 탐색할 때 어떤 기준으로 “좋은 길”을 선택할지 정하는 규칙 모음입니다. 다시 말해, “차로 갈것인지”, “도보로 갈 것인지” 등등 OSRM이 계산하는 경로가 달라지게 만드는 설정입니다. OSRM은 이 프로파일 정보를 Lua 언어로 작성된 스크립트 파일을 통해 설정 컨테이너란?컨테이너는 애플리케이션 +..

후후 이번에는 직접 쓰려고 꽤나 노력을 햇슴다 ^^그리고 나 이거 폰으로 안 뜨는데? ㅋ 뭔 오류나는디 > 일단 영상 있으니게,,, 그걸로 확인 ㄱ CoreLocation 프레임 워크위치 기반- GPS로 현재 위치 파악- 실시간 위치 업뎃- 지오펜싱- 방향 감지 ____________________ MapKit지도에 위치를 시각화하고 상호작용하는 기능(지도 데이터 + 위치 시각화 + 사용자 인터렉션)import SwiftUIimport MapKitstruct ContentView: View { @State var region = MKCoordinateRegion(center: CLLocationCoordinate2D(latitude: 37.5665, longitude: 126.9780), s..

리액트 어플은 컴포넌트를 결합하여 만들어짐 로컬 플젝npm installnpm run dev(주소에서 볼수 있긔)control+ c하면 작업 중단 컴포넌트 jsx는 리액트 컴포넌트 문서정렬 단축키 : shift + opt + F function Header() { return ( header> img src="src/assets/react-core-concepts.png" alt="Stylized atom" /> h1>React Essentialsh1> p> Fundamental React concepts you will need for almost any app you are going to build! p> header> );}function App() { return ( div> Header..

defer type = "module"해당 자바스크립트 파일을 자바스크립트 모듈로 취급하게 됨 -> js 에서 import/export 사용 가능 JSX 코드: 자바스크립트 파일에 작성된 HTML 코드 리액트 프로젝트가 **빌드 프로세스(Build Process)**를 사용하는 이유>처리 되지 않은 코드는 JSX는 브라우저가 직접 실행할 수 없음리액트에서는 JSX라는 문법을 사용하는데 이건 기본 자바스크립트 문법이 아님, 그래서 우리가 작성한 원시(처리되지 않은) 리액트 코드(JSX)는 브라우저에서 바로 실행되지 않음 (react-scripts 라이브러리 -> 브라우저에서 실행되거나 브라우저에서 실행되는 리액트가 사용하는 게 아니라 브라우저에 전달되기 전에 뒤에서 코드를 변환하는 다양한 툴을 제공함..