[리액트를 다루는 기술] 1장 리액트 시작/ 2장 JSX
·
Programming Language/React
1장 리액트 시작1. 왜 리액트인가?모델(Model): 애플리케이션에서 사용하는 데이터를 관리하는 부분뷰(View): 사용자에게 보이는 부분MVC(Model-View-Controller), MVVM(Model-View-View Model), MVM(Model-View-Whatever) 아키텍처 등의 공통점 사용자) 작업(ex. 버튼 클릭, 텍스트 입력)-> 프로그램-컨트롤러) 모델 데이터 조회, 수정/ 변경된 사항 -> 뷰에 반영 = 뷰를 변형(mutate) => 페이스북: 데이터가 변할 때마다 어떤 변화 줄지 X 기존 뷰 날리고 처음부터 새로 렌더링 O-> 애플리케이션 구조 간단하고, 작성해야 할 코드 양 ↓: 뷰가 어떻게 생길지 선언, 데이터 변화 -> 기존의 것 버리고 정해진 규칙에 따라 새로 렌더..
클래스를 재사용하는 상속
·
Programming Language/Kotlin
상속과 생성자 // 클래스 상속 형식 open class Super { // 상속할 수 있게 open 키워드 사용 } class Sub: Super() { // Super를 상속받아 Sub 클래스 선언 } // 매개변수가 있는 상위 클래스의 생성자 호출 open class Super(name: String) { } class Sub(name: String): Super(name) { } // 하위 클래스에 보조 생성자만 있는 경우 상위 클래스의 생성자 호출 open class Super(name: String) { } class Sub: Super { constructor(name: String): super(name) { } } 오버라이딩 - 재정의 // 상속 관계인 두 클래스 open class Su..
클래스와 생성자
·
Programming Language/Kotlin
클래스 선언 // 클래스 선언 class User() 선언부: class User, 본문: 중괄호 {} 영역 본문에 입력하는 내용이 없다면 중괄호 생략 가능 // 클래스의 멤버 class User { var name = "kkang" constructor(name: String) { this.name = name } fun someFun() { println("name: $name") } class SomeClass {} } 클래스 멤버: 생성자, 변수, 함수, 클래스 생성자 constructor 키워드로 선언하는 함수 클래스 안에 다른 클래스 선언 가능 // 객체 생성과 멤버 접근 val user = User("kim") user.someFun() 클래스는 객체 생성해 사용, 객체로 클래스 멤버에 접근..
조건문과 반복문
·
Programming Language/Kotlin
조건문 if~else와 표현식 프로그램의 흐름 제어 // if~else 문 사용 예 fun main() { var data = 10 if (data > 0) { println("data > 0") } else { println("data 10") } else if ("data > 0 && data 0 && data 0") true // 참일 때 반환 } else { println("data 100") else -> println("data is valid") } } → 실행 결과 data is value 데이터를 명시하지 않고 조건만 명시 가능 // when 문을 표현식으로 사용 fun main() { var data = 10 val result = when { data "data is 100" else..
변수와 함수
·
Programming Language/Kotlin
변수 선언하기 value(val) 초기값이 할당되면 바꿀 수 없는 변수 선언 variable(var) 초기값이 할당된 후에도 값을 바꿀 수 있는 변수 선언 // 변수 선언 형식 val(혹은 var) 변수명: 타입 = 값 // val과 var 변수의 차이 val data1 = 10 var data2 = 10 fun main() { data1 = 20 // 오류 data2 = 20 // 성공 } 타입 지정과 타입 추론 변수명 + 콜론(:) → 타입 명시 타입 유추(타입 추론)할 수 있을 경우 생략 가능 // 변수 타입 지정과 타입 추론 val data1: Int = 10 val data2 = 10 // == val data2: Int = 10 초기값 할당 최상위에 선언한 변수/ 클래스의 멤버 변수 선언과 동..
코틀린 언어 소개
·
Programming Language/Kotlin
코틀린의 등장 배경 코틀린 젯브레인스(JetBrains)에서 오픈소스 그룹을 만들어 개발한 프로그래밍 언어 2011년 처음 공개, 2017년 구글에서 안드로이드 공식 언어로 지정 -안드로이드 앱 개발 가능 이유 자바 가상 머신 JVM 기반 언어 ⇒ 코틀린으로 작성한 프로그램 JVM에서 실행 가능 코틀린 소스 -코틀린 컴파일러→ 자바 바이트 코드 → 자바 가상 머신 자바 확장자: .java/ 코틀린 확장자: .kt 코틀린 컴파일러(kotlinc)가 .kt 파일 컴파일 → 자바 바이트 코드 생성 코틀린 코드 작성 → 컴파일 → 자바 클래스 → JVM이 실행 표현코력과 간결함(expressive and concise) 간결한 구문으로 프로그램 작성 안전한 코드(safer code) 널 안전성(null safe..
0123suh
'Programming Language' 카테고리의 글 목록 (2 Page)