javascript

    [JavaScript] Array 생성 및 조작 방법 한 번에 정리하기 : push, pop, at, splice, fill, Array.from

    JavaScript의 Array란? JavaScript의 Array는 복수의 값을 하나의 변수에 저장하기 위한 자료 구조이다. Java, Kotlin과 같은 다른 언어들에서 Array는 고정된 개수의 원소를 갖는 것과 달리 JavaScript의 Array의 원소 개수는 가변적이다. 즉, JavaScript의 Array는 흔히 말하는 List 자료 구조와 비슷하게 동작한다. 먼저 Array를 생성해 보도록 하자. JavaScript Array 조작하기 Array 생성하기 Javascript의 Array는 Array 생성자인 []에 의해 생성된다. 예를 들어 아래와 같이 Array를 선언할 수 있다. const array = [] 만약 생성 시 1부터 5까지의 원소를 넣고 싶다면 아래와 같이 생성하면 된다...

    [JavaScript] String 다루는 방법 한 번에 정리 : String 선언하기, 템플릿 리터럴 사용해 String 사이에 변수 추가하기, 줄바꾸기

    JavaScript의 String 선언 다른 언어들에서 일관된 String 선언 방법을 제공하는 것과는 달리 JavaScript에서 String을 선언하는 방법은 다양하다. JavaScript에서 String을 선언하는 방법은 세가지이다. '[문자열]' 으로 선언 "[문자열]' 으로 선언 `[문자열]` 으로 선언 아래와 같이 어떤 방식으로든 선언이 가능하다. const string1 = 'abc' const string2 = "abc" const string3 = `abc` 하지만 위 세가지 방식은 모두 다르게 활용될 수 있다. 아래의 예제를 통해 JavaScript에서 왜 이 세가지를 모두 선언할 수 있도록 만들었는지 이해하도록 하자. String 내부에 "" 혹은 '' 포함하기 다음과 같은 단어를 문..

    [JavaScript] 변수 선언 한번에 정리하기 : var, let, const의 차이, 왜 var을 쓰지 말아야 하는가?

    JavaScript의 변수 선언 : var, let, const JavaScript의 변수는 var, let, const 세가지로 이루어질 수 있다. 하지만 최신 코드들에서 변수 정의는 let과 const에 의해 이루어진다. var은 ES6 이전의 변수 선언 방식으로 var을 쓰게 되면 같은 이름의 변수 정의가 여러번 가능해지기 때문이다. 예를 들어서 var을 쓰면 아래와 같이 코드를 작성할 수 있어진다. 같은 변수의 정의가 여러번 가능해지는 것을 볼 수 있다. var name = "abc" console.log(name) var name = "def" console.log(name) 위 코드를 실행하면 다음과 같은 결과가 나온다. 실행이 문제 없이 되는 것을 확인할 수 있다. 하지만 이렇게 name이라..

    [Android] WebView와 브릿지를 사용해 통신하는 방법 한 번에 정리하기

    개요 안드로이드를 개발하다보면 웹뷰를 쓸 일 이 생긴다. 최대한 안드로이드 컴포넌트로 뷰(View)를 개발하면 좋겠지만, 안드로이드 컴포넌트로 뷰를 개발할 경우 유연성이 떨어지게 된다. 물론 안드로이드 컴포넌트로도 유연성 있게 개발을 할 수 있지만, 이미 작성된 코드 내에서의 유연성이 생길 뿐이다. 이에 따라 유연성이 필요한 곳에서는 웹뷰를 쓰는 곳이 많다. 웹뷰를 사용하기 위해서는 Android와 Webview간 통신 방법을 알아야 한다. 이번 글에서는 브릿지를 만드는 방법에 대해 알아보고자 한다. 브릿지란? 브릿지란 안드로이드와 웹뷰의 통신을 위해 만들어지는 Javascript용 인터페이스이다. 웹뷰에서는 안드로이드의 메서드를 직접 호출하는 것이 불가능하기 때문에 '브릿지'라는 통로를 통해 호출해야 ..