Java & Kotlin과 동일한 내용은 안쓰고 새로운 내용만 작성 Constructor 생성자를 만드는 2가지 방법이 있다. class User { String name = '이름'; // Constructor 1 User(String name): this.name = name; } class User { String name = '이름'; // Constructor 2 User(this.name); } Named Constructor 클래스명.붙이고 싶은 이름()으로 Named Constructor를 생성할 수 있다. void main() { User user = User.fromList( [ ['a', 'b', 'c'], &#3..

Java & Kotlin과 동일한 내용은 안쓰고 새로운 내용만 작성 Function 반환 타입이 없는 void와 함수의 반환 타입을 명시해야 하는 점은 자바와 동일하다. Dart 함수에서 사용가능한 기능들 Optional Parameter Named Parameter Arrow Function typedef 키워드 Optional Parameter Optional Parameter라는 개념은 파라미터에 [ ]로 감싸줌으로써 Builder의 역할을 한다. [ ]안에 ?를 넣어줌으로써 Nullable 처리를 할 수 있는데 아래 예시는 int 예시이다. 그러므로 [ ] 안에 Default 값을 넣어줌으로써 해결할 수 있다. 아래 Optional Parameter의 예시를 보자. void main() {} ad..

Java & Kotlin과 동일한 내용은 안쓰고 새로운 내용만 작성 If & Switch If문은 자바와 동일하다. Switch문도 Java와 같이 case: , default 동일하게 사용한다. Loop For 자바의 For문과 코틀린의 in For문 둘 다 가능하다. List numbers = [1, 2, 3, 4, 5] for (int i=0; i< numbers.length; i++) { total += numbers[i] } for (int number in numbers) { total += number; } While While, do-While 모두 자바와 동일하다. Break & Continue 다른 언어와 동일하다. Enum Enum도 자바와 동일하다. enum Status{a,b,c}

Java & Kotlin과 동일한 내용은 안쓰고 새로운 내용만 작성 Operator 일반 연산자 & 복합대입 연산자 모두 자바&코틀린과 동일하다. 타입 비교 시, 코틀린과 같이 is 키워드를 사용한다. 그 반대는 is! 로 사용한다. 논리 연산자도 타 언어와 동일하다. List 타 언어와 대부분 동일하다. List 처럼 Primitive Type을 넣어 사용도 가능함 리스트 인덱싱도 동일하다. List list = [1, 2, 3, 4, 5] Map Map의 Key에 해당하는 Value 값 가져오기 -> map[Key] 값을 넣을때는 put()을 쓰지 않고 바로 map[새로 넣을 Key] = 새로 넣을 값으로 넣는다. 값을 변경할때도 map[변경할 Key] = 새로 넣을 값으로 값을 수정할 수 있다. 값..

Java와 비슷한 점 Type 문장 끝에 ;를 붙인다. 타입을 명시할 때 타입 먼저 명시하는 점이 비슷하다. Immutable 불변 선언 키워드를 final, const로 사용하고 타입 생략이 가능하다. (var의 역할도 한다는 의미) Kotlin과 비슷한 점 Type 타입 추론 키워드인 var를 사용 가능하다. ${}로 변수를 넣을 수 있다. Null ?를 활용한 Nullable 처리가 동일하다. !를 활용한 Non-Nullable 사용, 코틀린은 !! 인것과 비교해도 비슷하다. 새로 알아야 할 점 Type Boolean값은 bool 타입으로 선언한다. String 타입의 변수는 &#39; &#39;으로 감싼다. runtimeType()으로 해당 타입을 반환한다. dynamic 타입 존재, var과 비..

💡 Flex Box https://flexboxfroggy.com/#ko

💡 CSS https://codesandbox.io/s/html-cssgico-rur0eq CSS Box Model border(테두리)를 기준으로 padding(안쪽 여백)과 margin(바깥 여백)이 있음 CSS Box Model 이해가 잘되는 사진 border (테두리) 노란색 p 태그에 1px의 빨간 실선 추가 border 속성에 적용된 각각의 값은 두께(border-width),스타일(border-style),색상(border-color)임 이외의 border-style mdn과 같이 구글검색을 통해 테두리 스타일에 대한 다양한 세부 속성 확인 가능 질문 테두리를 점선으로 만들고 싶으면 어떻게 해야 할까요? border-style의 값 중 하나를 바꿔보세요. 테두리를 둥근 모서리로 만들 수도 있..