본문 바로가기

전체 글

(104)
코틀린 Kotlin 다루기 (3) - Nullable, Non-Null Nullable, Non-Null 저번 시간에서는 자료형에 대해 알아보았습니다. 자료형에는 빈 값이 들어갈 수가 있으며 이를 null이라고 칭합니다. Java에서는 null이 들어가면서 발생하는 오류(예외)를 NullPointerException이라고 합니다. 반면 Kotlin에서는 따로 정해진 null 예외처리가 없으며 기본적으로 변수에는 null 값이 들어갈 수 없습니다. Nullable 그럼 Kotlin에서 변수에 Null 값을 넣으려면 어떤 방법을 써야 하는지 알아봅시다. 시작하기 앞써 NullSafety 이름을 가진 Kotlin 파일을 만들어주고 진행하겠습니다. fun main() { var text: String = "문자열" text = null } 지난 시간에 잠깐 나온 String 자료형..
코틀린 Kotlin 다루기 (2) - 변수 (Variable), 자료형 (Data type) 변수(Variable), 자료형 (Data type) 이번 글에서는 Kotlin의 자료형에 관하여 다루고 이를 Java 하고 간단하게 비교해보려고 합니다. 그전에 변수에 대해서 알아야 될 필요가 있습니다. 변수는 프로그래밍을 하면서 문자, 숫자 등 정보를 저장하는 공간을 뜻합니다. 게임으로 예를 들자면 유저의 닉네임이 변수에 담길 수도 있고 레벨, 능력치 등이 담길 수 있습니다. Kotlin에서 변수 선언하기 변수를 Kotlin에서 사용해봅시다. 먼저 저번 글에서 만들었던 프로젝트에서 코드를 작성하기 위해 파일을 만들어줘야 합니다. Kotlin은 확장자 .kt를 가진 파일 안에서 코드를 작성하며 이 코드는 Package(패키지)라는 개념으로 묶입니다. kr └ skylightqp └└ learning └..
코틀린 Kotlin 다루기 (1) - Kotlin 사용 환경 구축하기 Kotlin 사용 환경 구축하기 앞으로 쓸 게시물은 쓰면서 Kotlin을 제가 Kotlin을 복습하는 겸 기초를 알리고자 쓰는 강좌입니다. 해당 강좌는 프로그래밍을 Kotlin으로 접하시는 분을 대상으로 합니다. 단, Java 기초 환경 (JDK 설치 등) 구축을 마쳤다는 가정을 하고 진행하며 Java 8 기준으로 작성합니다. Kotlin? Kotlin을 다뤄보기 전에 어떤 언어인지 간단하게 설명을 하고자 합니다. Java 계열 IDE로 알려진 (제가 생각하기에) 대표적인 두 IDE, Eclipse와 Intellij IDEA가 있습니다. Kotlin은 Intellij IDEA를 만든 회사, Jetbrains에서 제작한 프로그래밍 언어입니다. Kotlin은 JVM, Javascript(Java와 완전히 다..
Ask 익명질문 개발기 Typescript + Vue(Nuxt) + Firebase를 이용하여 Ask페이지를 만들어보았습니다.디자인하기 위해 Bulma.io 프레임워크를 사용했습니다. 페이지에서 질문 요청을 날리면 답변을 대기하기까지 기다리는 공간 또는 답변이 완료돼서 질문이 저장될 공간(DB)를 마련해야되는데 Firebase cloudstore 을(를) 이용하였습니다. Bulma를 이용하여 디자인을 완료하였습니다.Firebase가 server-side, client-side 둘 다 지원하는 라이브러리라서 client-side를 server-side로 쓰다보니 삽질을 많이 했었습니다. 페이지에서 질문을 요청하면 HTTP(Rest) API를 통하여 서버로 요청을 하게 만들었습니다. 메인 페이지에서 질문을 클릭하면 상세 페이지로 ..
AirQualityTool 디자인 재작업 2018년 8월에 아두이노를 이용해서 웹에서 집의 온도, 습도, 공기품질을 확인할 수 있는 프로젝트를 진행하였습니다.당시에는 웹디자인을 부트스트랩으로 제작하였으며 각 그래프들을 한 페이지에 표시해 보기 편하지는 않았습니다. 그래프의 가독성을 조금이나마 높이고자 디자인을 변경해보았습니다. 기존에 쓰던 부트스트랩을 안쓰고 Bulma.io를 이용하였습니다.Nuxt.js를 이용하여 프론트엔드를 제작하였으며 Express로 만들어진 백엔드를 JavaScript에서 TypeScript로 변경하였습니다. 본문과 사이드바를 나누어주었습니다.사이드바는 컴포넌트로 분리하고 어느 페이지에 가도 항상 표시되기 때문에 layouts/default.vue에 넣어두었습니다. 마지막으로 본문에 그래프를 넣어 완성하였습니다. 온습도 ..