import 3

다트언어(Dart language)의 기본 : 코멘트(comment), 임포트(import), 에로우함수(arrow)

다트 언어에서 코멘트는 3가지 종류가 있습니다. 기본적으로 // 이 사용이 되며 /// 을 사용하여 문서나 라이브러리 또는 클래스 안에서 사용할 수 있습니다. 물론 그냥 // 으로 다 작성해도 되지만 /// 을 사용해보는 것도 좋은것 같습니다. 그리고 /* */ 을 사용하면 여러 줄의 걸쳐서 주석을 작성할 수가 있습니다. // This is a normal, one-line comment. /// This is a documentation comment, used to document libraries, /// classes, and their members. Tools like IDEs and dartdoc treat /// doc comments specially. /* Comments like th..

React 검색창(searchBar) useEffect fetch api : json 데이터

검색창에서 조건 검색할 데이터를 임시로 searchItems 라는 이름의 변수에 직접적으로 리스트 데이터를 직접 선언했다가 나중에 데이터를 api 를 통해서 가져오기 위해서 주석처리를 하고 useEffect 를 사용하여 데이터를 세팅해주는 방법입니다. fetch 함수에 url 주소를 넣어주면 데이터를 자동으로 가져오게 됩니다. 그러면 .then 함수를 이용하여서 변수명 res 으로 받아서 json함수로 하여서 데이터를 json 으로 변환하게 됩니다. 그리고 json 으로 변환된 데이터를 변수명 productArray 으로 받아서 사용하게 됩니다. 참고로 변수명은 임의로 변경이 가능합니다. 배열 데이터는 map 함수로 특정 데이터만 추출이 가능한데요. map 함수가 실행이 되면서 json 형태의 데이터의 ..

useState in react : 리엑트 상태 예제

React 에서 useState 를 사용하는 예시 import React, {useState} from "react"; const MyButton = () => { const [currentCount, setCurrentCount] = useState(0); const handleClick = () => { setCurrentCount(currentCount+1); } return ( +1 {currentCount} ) } export default MyButton; 위에서 선언한 MyButton을 사용할때의 예시 import MyButton from './component/MyButton'; function App() { let subject = 'My React'; return ( {subject} ..