프로그래밍 언어
-
조건문과 반복문프로그래밍 언어/Kotlin 2023. 7. 14. 04:36
조건문 코틀린의 조건문은 If문과 when문이 있다. 조건문 If 코틀린의 if문은 일반적인 프로그래밍 언어와 동일한 방식으로 동작한다. val a = 12 if (a > 12) { println("large") } else if (a > 6) { println("medium") } else { println("small") } 또한 변수에 직접 if문을 사용하여 마치 삼항연산자와 같이 사용할 수 있다. val a = 5 val b = 10 val isBigger = if (a > b) "yes is Bigger" else "$b is small" 이때 if문의 코드 영역이 여러 줄일 경우에도 마지막 줄을 반환하여 변숫값으로 사용할 수 있다. val a = 5 val b = 10 val isBigger ..
-
배열과 컬렉션프로그래밍 언어/Kotlin 2023. 7. 14. 03:25
배열 배열은 데이터를 메모리에 연속적으로 저장하여 하나의 변수에 할당할 수 있도록 하는 데이터 타입이다. 이때 배열로 사용할 메모리의 공간을 미리 할당해줘야 하기 때문에, 중간에 개수를 추가하거나 제거할 수 없다. C언어의 배열과 같은 형태라고 볼 수 있다. 이러한 배열 객체는 Int, Long, Char 등과 같은 기본 타입 뒤에 Array를 붙여서 만든다. val doubleArr = DoubleArray(10) val floatArr = FloatArray(10) val longArr = LongArray(10) val intArr = IntArray(10) val shortArr = ShortArray(10) val byteArr = ByteArray(10) val charArr = CharArr..
-
데이터 타입과 변수프로그래밍 언어/Kotlin 2023. 7. 13. 20:04
변수 변수 var 코틀린에서 변수는 var 키워드를 이용해 선언할 수 있다. 다른 언어와 동일하게 선언과 동시에 값을 부여하여 초기화를 할 수 있고, 또는 값으로 초기화하지 않고 선언만 한 다음 사용할 수도 있다. 이때 선언과 동시에 초기화를 하는 경우, 코틀린이 입력되는 값으로 타입을 추론할 수 있다. 반면, 선언만 하는 경우에는 반드시 변수명 옆에 타입을 명시해야 한다. (TypeScript와 동일) // 선언과 동시에 초기화 var year = 2023 // 선언만 하고 사용 var age: Int age = 24 즉, 변수는 최초 선언 시에 타입이 결정되며, 한번 타입이 결정된다면 이후에는 동일한 타입의 값만 담을 수 있다. 읽기 전용 변수 val val 키워드를 이용하면 읽기 전용 변수를 선언할..
-
JavaScript 프로토타입프로그래밍 언어/JavaScript 2022. 1. 13. 21:21
클래스 기반의 객체지향 언어 VS 프로토타입 기반의 객체지향 언어 객체(Object)를 중심으로 서로 상호작용하며 작동하는 프로그래밍 기법을 객체 지향 프로그래밍이라 한다. 그리고 JavaScript 역시 이러한 객체 지향 프로그래밍을 지원하는 언어이다. 하지만 일반적인 객체 지향 언어와 JavaScript는 서로 다른 점이 있다. Java, Python, C#과 같은 클래스 기반의 객체 지향 언어의 경우, 클래스를 이용해 데이터와 메서드를 적절히 구성하고, 이를 활용하여 새로운 객체(인스턴스)들을 생성하고 사용한다. 반면 JavaScript에는 클래스라는 개념이 없다. 따라서 클래스를 이용해 객체를 생성하고, 클래스끼리 데이터를 상속받는 등의 클래스 기반의 객체 지향 언어의 방식은 사용할 수 없다. 대..
-
JavaScript 모듈 시스템프로그래밍 언어/JavaScript 2021. 12. 2. 01:43
JavaScript의 모듈 시스템 프로그램은 여러 작은 기능들이 합쳐져 있는 집합체라 볼 수 있다. 그리고 개발자가 이러한 프로그램을 개발할 때, 보통은 각기 서로 다른 기능의 동작을 위한 코드들을 한 곳에 몰아서 작성하지 않는다. 즉, 하나의 프로그램을 한 파일에 몰아서 작성하지 않는다. 이는 한 코드의 오류가 프로그램 전체로 퍼지는 것을 막음과 동시에, 각 코드들의 유지 보수를 간편하게 하기 위함이다. 또한 보통 개발자가 자기 스스로 모든 코드를 다 작성하는 경우는 없다. 이미 세상엔 많은 선배 개발자들이 미리 만들어둔 라이브러리가 있고, 개발자들은 자신이 제작하려는 프로그램에 맞는 라이브러리들을 입맛에 맞춰 골라 사용하면 된다. 즉, 한번 작성된 코드가 다른 프로그램에서도 활용될 수 있는 코드의 재..
-
CSS 기초 - 3 | CSS 의 간단한 속성들프로그래밍 언어/CSS 2020. 5. 25. 19:05
CSS 에서 자주 쓰이는 속성들 CSS 에는 너무나도 많은 속성들이 있다. 정말 너무 많아서 나도 다 알지 못한다. 자주 쓰지 않는 새로운 속성이 필요할 때는 그냥 검색해서 찾아본다. 다만, 정말 자주 쓰이는 속성들은 외워두는게 좋다. 사실 외운다기보다는 많이 쓰다 보니 익숙해진 느낌이다. 따로 외우려고 노력한 적은 한 번도 없다. 그럼 정말 간단한 것 부터 하나씩 배워보자. 그전에 가볍게 HTML 세팅만 하고 넘어가자. Practice Text 이 상태의 HTML 에서 CSS 를 연습해 보겠다. color 속성 h1 { color: red; } 이전 글에서 예시를 들면서 정말 많이 사용했던 속성이다. 말 그대로 color 즉 색을 바꿔주는 속성이다. 여기서 색이라 함은 글자색을 뜻한다. 위와 같이 CS..
-
CSS 기초 - 2 | CSS 의 기본구조와 선택자프로그래밍 언어/CSS 2020. 5. 25. 14:14
CSS 의 기본구조 이제 CSS 파일을 작성하는 방법에 대해 알아보자. CSS 파일은 HTML 파일에 연결되어 HTML 태그를 각각 꾸며주는 역할을 한다. 그렇기에 HTML 파일 안에서 어떤 태그를 꾸며줄 것인지, 또 어떻게 꾸며줄 것인지를 명시해야 한다. 선택자 { 속성: 값; } 위의 구조가 CSS 의 가장 기본적인 형태라 볼 수 있다. 선택자 : HTML 파일에서 어떤 태그를 선택할 것인지를 명시한다. 속성 : 어떠한 속성을 꾸며줄지 명시한다. 값 : 해당 속성을 어떻게 꾸며줄지 명시한다. 만약에 HTML 의 p 태그의 글자색을 빨갛게 바꾸고 싶으면 어떻게 할까? p { color: red; } 이게 끝이다. 간단하지 않은가? 여기서 '좀 더 복잡한 선택자를 다루는 방법' , '여러 가지 속성과 그..
-
CSS 기초 - 1 | CSS 란?프로그래밍 언어/CSS 2020. 5. 25. 13:22
CSS 란? 드디어 HTML 기초를 끝내고 CSS 기초 파트로 넘어왔다. 우선 CSS 가 뭔지는 알고 시작하자. CSS (Cascading Style Sheets) HTML 을 이용해 웹 페이지의 뼈대를 만들었다면, CSS 는 그 뼈대를 꾸며주는 역할을 한다. CSS 역시 HTML 과 마찬가지로 프로그래밍 언어 라고는 할 수 없다. 또한 HTML 뼈대를 꾸며주는 스타일 역할을 하기 때문에 HTML 파일 없이는 아무런 역할도 하지 못한다. HTML 에 CSS 적용시키기 HTML 에 CSS 스타일을 적용시키는 방법은 크게 3가지가 있다. 각각의 방법을 하나씩 살펴보자. 1. 인라인 방식 Hello! HTML 태그에 style 속성 을 추가해 해당 태그에 스타일을 적용시키는 방법. 2. 내부 스타일 시트 He..