example 5

Dart 에서 Sound null safety 예제(example)

변수명 옆에 물음표(?)를 붙이면 그 변수는 null 값이 될 수 있다는 것을 의미하는데요. DateTime? launchDate; 여기에서 launchDate 값이 null 이 될 수 있습니다. 이렇게 선언한 이유는 값이 할당되지 못하는 경우가 있기 때문인데요. 예를 들어서 우주 탐사선인 보이저호가 1977년 9월 5일에 발사가 되었는데요. 보이저3호는 아직 발사일이 정해지지 않았습니다. 따라서 발사일인 launchDate 값은 null 이 될 수 있습니다. 아래의 예제를 확인해 보세요. class Spacecraft { String name; DateTime? launchDate; // Read-only non-final property int? get launchYear => launchDate?...

다트 언어(Dart language)에서 사용하는 클래스(class) 예시

다트 언어에서는 Null Safety 라고 해서 Null 값이 나오지 않도록 코딩 단계에서 부터 검사를 해주는데요. 예를 들어서 launchDate 값는 Spacecraft 라는 클래스 안에서 사용되어지는 변수이지만 DateTime 이라는 변수 타입 오른쪽에 ? 표시는 초기값이 세팅이 되어있지 않기 때문에 Null 값이 될 가능성이 있기 때문에 ? 표시를 하고 생성자를 통해서 값이 세팅이 되기 때문에 문제가 없습니다. Null Safety 는 컴파일 단계에서 체크를 하기 때문에 Null 값이 들어갈 가능성이 있는 변수에는 ? 표시를 해주어야 합니다. 참고로 ~/ 표현식은 나누기 해서 그 값이 소수가 아닌 정수값으로 가져올 때 사용합니다. class Spacecraft { String name; DateT..

React 에서 useEffect 함수 사용방법

React 에서 useEffect 함수 사용하는 예시입니다. useState 가 사용되었지만 참고사항으로 보시면 될것 같구요. useEffect 는 처음에 기본적으로 한번 실행이 되고 나중에 변수값이 업데이트가 될때마다 실행이 되게 되는데요. 여기서 사용되는 변수의 이름은 currentCount 입니다. 버튼을 클릭할때마다 값이 1 씩 증가되는데요. (props.incrementBy 값은 버튼 속성으로 설정된 값입니다.) 그 값이 10 이상이 되면 다시 0 으로 초기화 시키는 역할을 useEffect 를 통해서 처리하게 됩니다. useEffect 함수 첫번째 파라메터에는 콜백함수를 지정하게 되고 두번째 파라메터에는 해당되는 변수들의 리스트를 지정을 해야합니다. 두번째 파라메터 부분이 엄청 중요하니 꼭 기..

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

다트(dart) 기본 변수값 출력 $ {} 사용법

아래의 소스코드를 보시면, 총 2개의 로컬변수(local variable)가 선언이 되어있습니다. 변수의 이름은 age 와 name 입니다. age 는 int 형 즉 정수이고, name 은 String 형 즉 문자 입니다. 단, 문자인 String 은 대문자 S로 시작하고 값은 홀 따음표(') 또는 쌍 따음표(")로 감싸면 됩니다. void main() { int age = 30; String name = 'SKY'; print( 'name: ' + name + ', age: ' + age.toString()); print('name: $name, age: $age'); print('name: ${name+'LOVE'}, age: ${age+10}'); } print 라는 함수(function) 라고 하..