클로스트 이야기

울트라에디터에는 매우 유용한 기능이 많이 있습니다. 그중에 하나는 ftp계정 입니다. 울트라에디터 FTP 계정 이 기능은 프로그래머 뿐만 아니라 워드프레스로 홈페이지 관리하시는분이나 리눅스 ssh 접속해야하는 모든 사람에게 되게 유용한 기능입니다. 이 기능이 없다면 보통은 파일질라 같은 ftp 클라이언트 프로그램으로 서버에서 소스를 내려받고 수정후에 다시 서버로 올리는 식으로 수정을 했을 겁니다. 하지만 울트라에디터의 이기능을 사용하면 수정즉시 서버에 적용할 수 있기 때문에 매우 편리하게 사용할 수 있습니다. 위와 같이 계정을 관리 할 수 있는데, 저 역시 회사에서 매우 많은 서버를 관리하기 때문에 이것을 활용해서 관리하고있습니다. account 에는 사용할 이름을 넣어주고요. 프로토콜은 ssh면 sft..

개요 vue 를 개발 할때 일반적으로 vue-cli를 통해 프로젝트를 생성하고 개발하게됩니다. 근데 이렇게하면 개발자가 해야될 작업이 생각보다 많기 때문에 보통 생으로는 개발하지 않고 적당한 css 프레임워크나 vue 기반 프레임워크를 덧붙여서 개발합니다. (그 이유는 설정이나 배포 등 모든 면에서 더 편하기 때문) quasar 저는 vue를 사용하여 개발을 처음 시작했을때는 vue-cli 로만 하다가. vuetify를 알게 되었고 vuetify를 주로 썻습니다. 하지만 vuetify도 쓰다보면 뭔가 아쉬운 부분이 많았고. 그러던중 발견한 프레임워크가 quasar framework 입니다. 공식 웹사이트는 아래에 있습니다. https://quasar.dev/ Quasar Framework - Build ..

요즘은 css 도 처음부터 코딩하는 경우는 잘 없습니다. 그래서 일반 html, css 작성이나 혹은 프론트엔드 프레임워크를 이용하는 경우에도 css 프레임워크를 하나정도는 채용하여 개발합니다. (웹 프론트를 개발하는 경우 전부 해당됩니다.) 그래서 이때까지 여러가지를 써본 결과 제일 저한테는 맘에 들었던 프레임워크를 소개하려고 합니다. 결론부터 말하자면 Bulma 를 추천하고 싶습니다. 공식 웹사이트는 아래와 같습니다. https://bulma.io/ Bulma: Free, open source, and modern CSS framework based on Flexbox Bulma is a free, open source CSS framework based on Flexbox and built with..

linear-gradient() 는 지정된 태그에 배경을 그라데이션 하는 용도로 사용합니다. 모던 CSS 에서 아주 중요한 요소라고 할 수 있는데요. 그이유는 홈페이지나 특정 페이지에서 백그라운드 이미지를 자주 쓰는데, 여기에 더해 linear-gradient() 까지 함께 사용해주면 멋진 그림이 나오기 때문이죠. 가장 심플한 예제로 보여 드리겠습니다. 간단하게 html을 마크업합니다. index.html 여긴헤더 여긴메인 위와 같이 마크업하고 css를 코딩해줍니다. style.css * { margin: 0; padding: 0; box-sizing: border-box; } .header { height: 95vh; background-image: linear-gradient( to right bot..

오늘은 Kotlin 언어의 함수와 nullable 에 대해 알아 보겠습니다. 함수는 여타 다른 언어들과 크게 다르지 않고 모양만 약간 다릅니다. 함수 package com.example.myapplication fun main() { sayHello() // Hello~ println(addNumber(5,3)) // 8 println(avgNumber(3.2,5.3)) // 4.25 } fun sayHello(){ println("Hello~") } fun addNumber(a: Int, b: Int): Int{ return (a+b) } fun avgNumber(a: Double, b: Double): Double { return (a + b)/2 } 위와 같이 선언하고 실행합니다. 다른 언어와 차이..

오늘은 Kotlin 언어의 조건문과 반복문에 대해 알아 보겠습니다. 조건문과 반복문모두 여타 다른 프로그래밍 언어와 크게 다르지 않습니다. 조건문 var koreanAge = 17 if(koreanAge >= 20){ print("성인") }else if(koreanAge >= 17){ print("고등학생") }else if (koreanAge >= 14){ print("중학생") }else if (koreanAge >= 8){ print("초등학생") }else{ print("어린이") } // 고등학생 조건문은 처음 if 문에서 특정 조건을 비교하고 그게 아니라면 else if 조건문을 비교하고 그게 아니면 else if 조건문을 비교하고 해당되는게 조건이 하나도 없을 경우 else 문을 실행 하는..

오늘은 Kotlin 언어의 자료형과 변수에 대해 알아 보겠습니다. 기본적으로 대부분의 연산자는 여타 다른 프로그래밍 언어와 크게 다르지 않습니다. 산술연산자 // 산술 연산자 (+, -, *, /, %) var myNumber = 5 + 10 myNumber = myNumber % 2 val a = 5.0 val b = 3 var result: Double = a / b print(result) // 1.6666666666666667 산술연산자는 일반 프로그래밍 언어들과 다르지 않습니다. 나누기를 수행했을때 정확한 결과를 얻을려면 자료형을 명시하는게 좋습니다. 비교연산자 // 비교연산자 (==, !=, , =) val comp1 = 2==3 println("comp1 is " + comp1) // com..

오늘은 Kotlin 언어의 자료형과 변수에 대해 알아 보겠습니다. 안드로이드 스튜디오에서 Empty Project로 생성하여 테스트 할 수 있습니다. 테스트 환경 메인 패키지에서 아무 .kt 파일을 만들면 테스트 가능합니다. 실습 메인함수, 프린트문 package com.example.myapplication fun main() { print("Hello, World") } 헬로우 월드만 보면 Kotlin의 특징을 대충 알 수 있습니다. 세미콜론(;)을 쓰지 않습니다. 문자열은 쌍따옴표(")로 묶습니다. 일반 출력은 프린트 문으로 실행가능합니다. 이건 Flutter 와도 같고, Python 과도 같습니다. 템플릿 문자열 템플릿 문자열 문법은 Flutter와 매우 유사하게 쓸 수 있습니다. (거의 같습니다..

오늘은 다음주소 API를 vue 에서 사용하기에 대해서 포스팅하겠습니다. 기존에 이미 한번 포스팅한 내용인데요. 이 방법은 순수 JS와 HTML의 조합으로 쓸 수 있는 예제였습니다. 공식 API 홈페이지 주소는 아래에 있습니다. http://postcode.map.daum.net/guide Daum 우편번호 서비스 우편번호 검색과 도로명 주소 입력 기능을 너무 간단하게 적용할 수 있는 방법. Daum 우편번호 서비스를 이용해보세요. 어느 사이트에서나 무료로 제약없이 사용 가능하답니다. postcode.map.daum.net 요즘은 프론트엔드 프레임워크들이 많이 나와서 일반적으로 프론트 프레임워크를 써서 프론트단을 많이 개발하게 됩니다. 기존의 방법도 매우 간단하지만 VUE나 REACT에서 쓸려면 약간의 ..

오늘은 자바스크립트 객체와 프로토타입에 대해서 이야기 해볼까 합니다. 객체 자바스크립트에서의 객체는 프로퍼티와 값 쌍의 조합으로 이루어집니다. 각각의 프로퍼티에는 어떠한 값이든 할당될 수 있고 객체나 배열 함수 또한 가능합니다. 객체를 생성해봅시다. // ES6+에서의 객체리터럴 방식으로 객체생성 const obj1 = { name:'john', getName() { return this.name }, setName(name) { this.name = name } }; // 생성자 함수 방식으로 객체 생성 function ObjConFn (name) { this.name = name; this.getName = () => this.name; this.setName = (name) => {this.name..