발라드 에즈원 & 이루펀트 - 어떡하죠 #감미로운 #발라드 나 어떡하죠 나 어떡하죠 조금씩 내 맘이 너에게로 가고 있어 어떡하죠 이젠 너 아닌 사람은 내 눈엔 안 보여 시간을 봐 It goes like this 기억나니 아주 먼 날의 키스 넌 처음 본 날 그대로인 듯해 세상 입맛 따라 난 달라져있는데 그건 날 지켜오기 위해 택했던 방법 이젠
자바스크립트 [자바스크립트 기초-8] Array 기본 메소드-2 지난 포스팅에 이어 이번 포스팅에서도 기본 메소드에 대해 알아보도록 하겠습니다. #알파벳 순서대로 정렬 Array의 아이템들을 알파벳 순서대로 정렬할 땐 sort()를 쓰면 됩니다. var arr = ["Bear", "Cat", "Ant", "Elephant", "Dog"]; arr.sort(); console.log(arr); // 결과 -> ["Ant&
자바스크립트 [자바스크립트 기초-8] Array 기본 메소드-2 지난 포스팅에 이어 이번 포스팅에서도 기본 메소드에 대해 알아보도록 하겠습니다. #알파벳 순서대로 정렬 Array의 아이템들을 알파벳 순서대로 정렬할 땐 sort()를 쓰면 됩니다. var arr = ["Bear", "Cat", "Ant", "Elephant", "Dog"]; arr.sort(); console.log(arr); // 결과 -> ["Ant&
자바스크립트 [자바스크립트 기초-7] Array의 기본 메소드 개발을 하다보면 반드시 사용하게 될 Array (배열). 이번 포스팅에서는 기본적으로 사용할 수 있는 array의 메소드들에 대해 알아보도록 하겠습니다. 이런게 가능하구나 정도로만 알고 있으면, 나중에 개발할 때 솔루션을 생각할 때 도움이 됩니다. #Array의 기초 자바스크립트에서 array는 []로 표현합니다. var arr = []; // 아이템이 없는 빈 array var arr = ["Hello", "Bye&
자바스크립트 [자바스크립트 기초-7] Array의 기본 메소드 개발을 하다보면 반드시 사용하게 될 Array (배열). 이번 포스팅에서는 기본적으로 사용할 수 있는 array의 메소드들에 대해 알아보도록 하겠습니다. 이런게 가능하구나 정도로만 알고 있으면, 나중에 개발할 때 솔루션을 생각할 때 도움이 됩니다. #Array의 기초 자바스크립트에서 array는 []로 표현합니다. var arr = []; // 아이템이 없는 빈 array var arr = ["Hello", "Bye&
팝 SOLE - RIDE (Feat.THAMA) #느낌있는 #팝 어제부터 오늘까지 난 피곤해 아직도 잠이 덜 깼어 음악을 틀고 난 휴대폰을 켜지 날씨를 확인하고 창문을 열어 나 지금 아주 easy해 yeah 친구들은 뭘 하고 있는지 연락을 해볼까 Oh 나가봐도 maybe 난 혼자인데 전화가 울리네 어디야 girl let’s ride a bike come on 날씨 좋은데 한강으로 모여
팝 SOLE - RIDE (Feat.THAMA) #느낌있는 #팝 어제부터 오늘까지 난 피곤해 아직도 잠이 덜 깼어 음악을 틀고 난 휴대폰을 켜지 날씨를 확인하고 창문을 열어 나 지금 아주 easy해 yeah 친구들은 뭘 하고 있는지 연락을 해볼까 Oh 나가봐도 maybe 난 혼자인데 전화가 울리네 어디야 girl let’s ride a bike come on 날씨 좋은데 한강으로 모여
자바스크립트 [자바스크립트 기초-6] 변수를 생성하는 법 자바스크립트에서 변수를 생성하는 방법은 3가지가 있습니다. 이번 포스트에서는 각각의 변수 생성법에 어떤 차이가 있는지 알아보도록 하겠습니다. #var 우선 가장 기본적인 형태는 var를 이용하는 것입니다. 영어 "Variable"의 약자로 변수를 뜻합니다. 특징으로는 생성한 변수의 값을 바꾸는 것이 가능하고, 다시 같은 이름의 변수를 재정의 하는 것이 가능하다는 점입니다. var a
자바스크립트 [자바스크립트 기초-6] 변수를 생성하는 법 자바스크립트에서 변수를 생성하는 방법은 3가지가 있습니다. 이번 포스트에서는 각각의 변수 생성법에 어떤 차이가 있는지 알아보도록 하겠습니다. #var 우선 가장 기본적인 형태는 var를 이용하는 것입니다. 영어 "Variable"의 약자로 변수를 뜻합니다. 특징으로는 생성한 변수의 값을 바꾸는 것이 가능하고, 다시 같은 이름의 변수를 재정의 하는 것이 가능하다는 점입니다. var a
어쿠스틱 맥케이 - Month of June #어쿠스틱 #기타 니가 나를 불러줄 때마다 설레 햇살은 Hello 니 머리 위로 부서져 널 힐끗 바라보다 두 눈이 마주치면 그래 뭔가 다른 걸 두근거려 신기한 Heartbeat 너와 나란히 길을 걷고 있어 가볍게 니 어깨에 내 팔을 두르고서 무얼 하기에도 딱 알맞잖아 이 무렵에는 공기마저 달콤하니까 Oh baby 이렇게 말할래 있잖아
어쿠스틱 맥케이 - Month of June #어쿠스틱 #기타 니가 나를 불러줄 때마다 설레 햇살은 Hello 니 머리 위로 부서져 널 힐끗 바라보다 두 눈이 마주치면 그래 뭔가 다른 걸 두근거려 신기한 Heartbeat 너와 나란히 길을 걷고 있어 가볍게 니 어깨에 내 팔을 두르고서 무얼 하기에도 딱 알맞잖아 이 무렵에는 공기마저 달콤하니까 Oh baby 이렇게 말할래 있잖아
MongoDB MongoDB 검색 기능 활용하기 어플리케이션을 만들다 보면, 검색 기능은 빠질 수 없는 기능 중 하나이다. 하지만 실제로 구글처럼 키워드나 문장을 넣어서 검색되는 기능을 구현하려면 매우 복잡해진다. 일반적으로 검색엔진에서 검색 기능은 다음과 같이 구현된다. 1. 이용자가 넣은 키워드 혹은 문장을 읽어들인다. 2. 문장이라면 키워드를 뽑아서 나눈다 3. 데이터베이스에서 해당 키워드와 문장을 이용하여 검색을 돌린다. 4.
MongoDB MongoDB 검색 기능 활용하기 어플리케이션을 만들다 보면, 검색 기능은 빠질 수 없는 기능 중 하나이다. 하지만 실제로 구글처럼 키워드나 문장을 넣어서 검색되는 기능을 구현하려면 매우 복잡해진다. 일반적으로 검색엔진에서 검색 기능은 다음과 같이 구현된다. 1. 이용자가 넣은 키워드 혹은 문장을 읽어들인다. 2. 문장이라면 키워드를 뽑아서 나눈다 3. 데이터베이스에서 해당 키워드와 문장을 이용하여 검색을 돌린다. 4.
디지털 암호 Hash란 무엇인가 데이터의 암호화 기법은 크게 두가지 방법으로 나눌 수 있는데 다음과 같은 차이가 있다. Encryption (암호화) Encryption을 통한 암호는 기본적으로 Decryption(해독)이 가능하다. Hash (해쉬) Hash는 일방 통행의 암호화이기 때문에 한번 암호화 된 것은 해독이 불가능하다. 이번 글에서는 이 해쉬가 무엇인지에 대해 알아보도록 한다. 1대1 이론적으로 해쉬는 하나의 인풋(input)
디지털 암호 Hash란 무엇인가 데이터의 암호화 기법은 크게 두가지 방법으로 나눌 수 있는데 다음과 같은 차이가 있다. Encryption (암호화) Encryption을 통한 암호는 기본적으로 Decryption(해독)이 가능하다. Hash (해쉬) Hash는 일방 통행의 암호화이기 때문에 한번 암호화 된 것은 해독이 불가능하다. 이번 글에서는 이 해쉬가 무엇인지에 대해 알아보도록 한다. 1대1 이론적으로 해쉬는 하나의 인풋(input)
디지털 암호 Public/Private Key Pair에 대해 알아보자 온라인으로 파일이나 메세지를 보낼 때, 요즘에 나오는 대부분의 어플리케이션은 그 내용을 암호화해서 전송하는 방법을 쓴다. 중간에 누군가가 해당 내용을 가로채도, 무슨 뜻인지 알 수 없게 만들기 위함이다. 사용자의 개인정보 보안을 위해서 암호화는 필수인데, 그 중 가장 보편적으로 쓰이는 방법인 Public/Private Key Pair에 대해 알아본다. #Public/Private Key란? Public Key와
디지털 암호 Public/Private Key Pair에 대해 알아보자 온라인으로 파일이나 메세지를 보낼 때, 요즘에 나오는 대부분의 어플리케이션은 그 내용을 암호화해서 전송하는 방법을 쓴다. 중간에 누군가가 해당 내용을 가로채도, 무슨 뜻인지 알 수 없게 만들기 위함이다. 사용자의 개인정보 보안을 위해서 암호화는 필수인데, 그 중 가장 보편적으로 쓰이는 방법인 Public/Private Key Pair에 대해 알아본다. #Public/Private Key란? Public Key와
ghost Ghost 포스팅안에 링크 새창에서 열리게 하기 고스트 블로그로 새로운 글을 적었을 때, 그 안에 링크를 포함한 경우, 클릭하면 현재 화면에서 이동하게 된다. 그렇게 되면 글을 읽던 사람은 한번 블로그에서 벗어난 후 다시 블로그에 뒤로가기를 해서 돌아와야하는 번거로움이 있기 때문에, 처음부터 그냥 새창에 열리도록 하는 방법을 소개한다. 방법은 두가지가 있다. #링크 마크업에 직접 지정하기 고스트에서 링크를 걸
ghost Ghost 포스팅안에 링크 새창에서 열리게 하기 고스트 블로그로 새로운 글을 적었을 때, 그 안에 링크를 포함한 경우, 클릭하면 현재 화면에서 이동하게 된다. 그렇게 되면 글을 읽던 사람은 한번 블로그에서 벗어난 후 다시 블로그에 뒤로가기를 해서 돌아와야하는 번거로움이 있기 때문에, 처음부터 그냥 새창에 열리도록 하는 방법을 소개한다. 방법은 두가지가 있다. #링크 마크업에 직접 지정하기 고스트에서 링크를 걸
ghost Ghost에 highlightJS 적용하기 Ghost 블로그에는 코드 블럭 기능이 이미 내재되어있는데, IDLE처럼 조금 더 다양한 색깔로 바꾸고 싶을 땐 highlightJS라는 라이브러리를 이용하면 된다. 이 라이브러리는 HTML5의 pre 태그 안의 스타일링을 바꿔주는 자바스크립트 라이브러리다. #highlightJS 불러오기 우선 고스트의 관리자 화면에 가서 "Code injection" 메뉴를 클릭한다. "Blog Header" 섹션에 일단 다음 3줄을
ghost Ghost에 highlightJS 적용하기 Ghost 블로그에는 코드 블럭 기능이 이미 내재되어있는데, IDLE처럼 조금 더 다양한 색깔로 바꾸고 싶을 땐 highlightJS라는 라이브러리를 이용하면 된다. 이 라이브러리는 HTML5의 pre 태그 안의 스타일링을 바꿔주는 자바스크립트 라이브러리다. #highlightJS 불러오기 우선 고스트의 관리자 화면에 가서 "Code injection" 메뉴를 클릭한다. "Blog Header" 섹션에 일단 다음 3줄을
자바스크립트 자바스크립트의 모듈화와 표준에 대하여 자바스크립트는 기본적으로 모듈화 기능이 없었다. 여러 .js 파일로 쪼개서 모든 파일들을 일일이 <script> 태그를 이용하여 불러오는 방법이 있긴 했지만, 이 방법에는 문제가 많았다. 1. 파일을 불러들이는 순서가 중요하다. 2. 따로 만든 오브젝트들이 모두 글로벌 변수에 저장이 된다. 3. 변수의 이름이 겹치게 되면 에러가 난다. 4. 그럼으로 다른 사람이
자바스크립트 자바스크립트의 모듈화와 표준에 대하여 자바스크립트는 기본적으로 모듈화 기능이 없었다. 여러 .js 파일로 쪼개서 모든 파일들을 일일이 <script> 태그를 이용하여 불러오는 방법이 있긴 했지만, 이 방법에는 문제가 많았다. 1. 파일을 불러들이는 순서가 중요하다. 2. 따로 만든 오브젝트들이 모두 글로벌 변수에 저장이 된다. 3. 변수의 이름이 겹치게 되면 에러가 난다. 4. 그럼으로 다른 사람이
![[자바스크립트 기초-8] Array 기본 메소드-2](https://images.unsplash.com/photo-1472437774355-71ab6752b434?ixlib=rb-0.3.5&q=80&fm=jpg&crop=entropy&cs=tinysrgb&fit=max&ixid=eyJhcHBfaWQiOjExNzczfQ&s=4a2b479d6d5d5caf599a02695869f28e&w=600)
