Romantic Developer : )

안녕하세요 개발을 사랑하는 '낭만개발자' 입니다. 오늘은 Kotlin 문법실습을 위한 IntelliJ IDEA 를 설치해 볼 예정입니다. 만약 안드로이드 개발을 바로 시작할 수 있는 수준의 코틀린 문법 지식이 있다면, IntelliJ 를 설치하지 않고 바로 안드로이드 스튜디오를 설치한 뒤 개발을 시작해도 됩니다. 하지만 그렇지 않다면 한번쯤은 반드시 가볍게라도 문법을 정리하고 넘어가시길 추천드립니다. 지금부터 제가 쓰는 글은 그러한 목표에 맞추어 너무 깊지 않지만 또 너무 알맹이 없지 않은 수준에서 코틀린의 문법을 정리하고 추 후에 진행될 안드로이드 개발에 무리가 없도록 진행될 예정입니다! 자 그럼 시작합니다! 1. IntelliJ IDEA 다운로드 http://www.jetbrains.com/idea/..

안녕하세요, 개발을 사랑하는 '낭만개발자'입니다. 오늘은 코틀린 문법 공부에 앞서 코틀린을 공부할수 있는 환경을 설정해 줄텐데요. 그에 앞서 왜 코틀린을 공부해야 하냐? 는 질문이 생기실 수도 있습니다. 바로 이러한 이유 때문인데요 2017년 5월 구글 I/O에서 코틀린을 공식 언어로 지정했습니다. 그렇기 때문에 앞으로 안드로이드를 중심으로 나오는 모든 라이브러리, SDK, 등등 의 개발을 위한 리소스들이 "코틀린" 이라는 언어를 중심으로 생산되게 되겠죠! 즉! 안드로이드 개발 -> 코틀린 의 흐름으로 흘러가고 있다는 말이 되겠죠! 물론 아직도 다양한 대기업이나, 업력이 다소 있는 중소기업에서도 기존의 JAVA 로 만들어진 코드를 계속해서 사용하고 있습니다. 여기서 핵심은 JAVA 코드와 Kotlin 의..

안녕하세요, 영감을 주는 개발자 방민방민입니다. 오늘은 자바스크립트에서 Node 가 가지고 있는 다양한 기능을 활용할 수 있는 API 에 대하여 학습해 보고자 합니다. 노드는 웹 프로그램에서 엘리먼트들이 가지는 관계를 의미합니다. 자주 사용되는 이러한 node API 의 종류는 아래와 같습니다. (출처 : 생활코딩) Node.childNodes 자식노드들을 유사배열에 담아서 리턴한다.Node.firstChild 첫번째 자식노드Node.lastChild 마지막 자식노드Node.nextSibling 다음 형제 노드Node.previousSibling 이전 형제 노드 1.Node 관계 API 아래의 코드는 nodeAPI 를 활용하여 문서를 탐색하는것을 보여줍니다. html css JavaScript JavaS..

안녕하세요 영감을 주는 개발자 방민방민입니다. 오늘은 앞에서 배운 Element 에 대한 식별, 조회, 속성 API 를 jQuery 상에서는 어떻게 사용하는 지에 대하여 알아보고자 합니다. 지난 시간에 jQuery 의 기본 사용법에 대한 포스팅에서 jQuery 의 기본 문법 형식은 $('')라고 알려드렸습니다.오늘은 그런 jQuery 에서 더 나아가 Element 에 대한 API 를 jQuery로 어떻게 사용하는지 알아보고자 합니다. 바로 시작하도록 하겠습니다. 1. attr 조회,변경,추가,제거 아래 코드는 a 태그에 대한 속성값을 jQuery를 활용하여 어떻게 조회, 변경, 추가, 제거 하는지에 대한 코드입니다. jQuery 에서는 attr() 을 통하여 조회, 변경, 추가, 제거 가 가능합니다. 정..

안녕하세요, 영감을 주는 개발자 방민방민입니다. 오늘은 조회 API 대하여 알아보고자 합니다. 조회는 이전 시간에 많은 포스팅을 통해 알아보았기 때문에 조금 더 심화적으로 조회를 깊이 있게 들어가는 것에 대하여 실습해 보고자 합니다. 1. 조회 API 아래 코드를 먼저 살펴 보도록 하겠습니다. html css JavaScript JavaScript Core DOM BOM 이는 아래의 내용을 출력합니다.document 그룹에서는 class Name 을 marked 로 갖는 html, DOM, BOM 이 출력됩니다. 반면 active 그룹에서는 active 를 id 로 갖는 javascript 엘리먼트의 하위 엘리먼트 중에서 className 을 marked 로 갖는 엘리먼트만을 조회하였습니다. 이처럼 AP..

안녕하세요! 영감을 주는 개발자 방민방민입니다. 오늘은 Element 객체에 대하여 집중적으로 알아보고자 합니다. Element 객체는 각각의 엘리먼트를 추상화 한 객체입니다. HTMLElement 에 대한 이해를 위해서는 DOM 에 대한 이해가 반드시 있어야 합니다.DOM 구조에서 Element 의 위치는 아래 그림과 같습니다.(출처 : 생활코딩) 이러한 엘리먼트 객체가 가지는 주요 기능은 아래와 같습니다.식별자문서내에서 특정한 엘리먼트를 식별하기 위한 용도로 사용되는 APIElement.classListElement.classNameElement.idElement.tagName조회엘리먼트의 하위 엘리먼트를 조회하는 APIElement.getElementsByClassNameElement.getElem..

안녕하세요, 영감을 주는 개발자 방민방민입니다. 오늘은 jQuery객체에 대하여 알아보고자 합니다.지난 시간에 jQuery를 통해서 제어하고자 하는 대상 객체를 호출하는 것을 학습하였습니다.이번 시간에는 그 연장선에서 jQuery에 대하여 조금 더 깊은 관점에서 학습한다고 생각하시면 될 것 같습니다. 그러면 바로 시작하도록 하겠습니다. 1. 암시적 반복 아래의 코드를 먼저 html 파일에 입력합니다. HTML CSS JavaScript 이는 아래의 내용을 출력합니다. 그리고 콘솔을 통해 jQuery 객체를 불러옵니다. 콘솔에 아래의 명령어를 입력합니다. var li = $('li')// li 태그값을 갖는 엘리먼트를 모두 저장 li.css('text-decoration','underline');// li..

안녕하세요, 영감을 주는 개발자 방민방민입니다. 오늘은 지난 DOM 객체의 엘리먼트 객체를 찾아내는 것에 대하여 조금 더 심화학습해 보고자 합니다. 바로 시작합니다. 1. HTML Element (1) 바로 실습코드를 확인해 보도록 하겠습니다. HTML CSS JavaScript 이는 li 변수에 document.getElementById 를 통해서는 단 하나의 엘리먼트만lis 라는 변수에는 document.getElementsByTagName 를 통해 여러개의 엘리먼트가 리턴되어 저장되는 것을 확인할 수 있습니다. 실행결과는 아래와 같습니다. 2. HTML Element (2) 다음코드입니다. aaaa.com HTML CSS JavaScript 위의 코드에서 Id list 를 기준으로 엘리먼트를 tar..

안녕하세요 영감을 주는 개발자 방민방민입니다. 오늘은 jquery 의 실질적인 사용법에 대하여 알아보고자 합니다. 1. jquery 기본 문법 jQuery 의 문법은 단순하지만 강력합니다. 기본 문법 $('li').css('color','red'); $() 는 jQuery 의 함수입니다. 위에서 css li 객체를 넘겨주고 color 를 red 로 변환합니다. 아래의 어려운 예제를 통해 그 효율성을 생각해보겠습니다.아래의 예제코드는 따라치기 보다는 실행해보고 그 변화를 느끼는 정도로만 사용하면 됩니다. HTML CSS JavaScript var lis = document.getElementsByTagName('li'); for(var i=0; i

안녕하십니까 영감을 주는 개발자 방민방민입니다. 오늘은 웹 자바스크립트의 절대 강자 jquery에 대하여 사용해 보도록 하겠습니다. jQuery 는 자주 사용되는 자바스크립트 코드를 정리해 놓은 라이브러리입니다.그렇기 때문에 특정 로직을 사용할 때, 새롭게 해당 로직을 짤 필요가 없이 해당 라이브러리 코드만을 불러와서 사용할 수 있도록 해줍니다. 1. jQuery 홈페이지 아래의 jQuery 홈페이지에서 jquery 파일을 다운로드 받습니다.링크 주소 : https://jquery.com 그리고 아래와 같이 jquery 파일을 소스로 로드해 주면 사용이 가능합니다. 저의 경우에는 일단 같은 소스폴더에 위치해 있기 때문에, src = 'jquery.js' 를 바로 사용하였습니다.다른 폴더에 있다면 "../..