JavaScript
-
[html] 웹페이지에 네이버 지도 넣기 (NAVER Map API)JavaScript 2021. 12. 5. 23:10
최근 만드는 개인 웹페이지에 네이버 지도를 넣게 되었다. 웹페이지에 지도가 들어가 있는건 너무 흔해서, html 복붙만 하면 뿅 하고 끝날거라고 예상했다. 하지만 찾아보다보니 구글/카카오와 다르게 네이버는 api를 통해 지도를 제공하고 있어 생각보단 단계가 많았따. 뭐 그렇다고 구글/카카오지도를 넣기는 싫어서 뚝딱뚝딱 네이버 지도를 넣어본 내용을 남겨본다. 1. 네이버 클라우드 플랫폼 회원가입 https://www.ncloud.com/ NAVER CLOUD PLATFORM cloud computing services for corporations, IaaS, PaaS, SaaS, with Global region and Security Technology Certification www.ncloud.co..
-
DOM 이란?JavaScript 2021. 11. 21. 23:49
지난번 Hoisting(호이스팅) 글에 이어서, 많이 들어봤지만 내가 대답하지 못할 내용을 찾아봤다. 가끔 듣는 '돔에 대해 알고 계신가요?' 라는 질문. 분명히 돔이란 말을 많이 듣긴 했는데 여태 제대로 공부를 해본적이 없다. 반성하며 이 기회에 짚고 넘어가고자 정리했다. DOM 이란? MDN에서는 DOM을 아래와 같이 설명한다. The Document Object Model (DOM) is a programming interface for web documents. It represents the page so that programs can change the document structure, style, and content. The DOM represents the document as nod..
-
호이스팅(Hoisting)이란?JavaScript 2021. 11. 7. 21:09
자바스크립트를 사용하는 개발자라면 '호이스팅'이란 말을 많이 들어봤을 것이다. 호이스팅은 프론트엔드 면접 질문에 빠지지 않고 등장하는 단골소재다. 보통 내가 많이 주워 들은 답변은, "변수의 선언을 코드의 최상단으로 옮기는 것" 이다. 그렇게 대답이 나오고 나면 디테일한 질문 없이 다음 질문으로 넘어가곤 했다. 뭔가 너무 피상적으로 알고 있다는 생각에 좀 더 파헤쳐 보고 싶어졌다. 호이스팅이란.. MDN문서에선 호이스팅을 아래와 같이 정의한다(번역이 좀 이상하게 되어있어서 원문으로 가져왔다). the process whereby the interpreter allocates memory for variable and function declarations prior to execution of the c..
-
기초적인 정규 표현식 이해하기JavaScript 2021. 10. 10. 23:25
개발에 발을 담근(?) 이후 정규 표현식에 대해 들어본적은 많으나 직접 사용해본 적은 한번도 없었다. 알고리즘 문제를 풀때 가끔 정규표현식을 사용하는 사람을 보고 '오 이게 대체 뭐지~ 머리아프다' 하고 지나만 갔다. 하지만 회사 동료의 설명을 잠깐 듣고 나니, 이참에 한번 공부해보자 싶어서 정리해본다. (설명은 자바스크립트를 기반으로 했습니다) 정규 표현식과 플래그 두 슬래시(/) 사이에 글자를 써넣어서 정규 표현식을 작성할 수 있다. 정규식 관련 메서드로는 match, test, replace 등이 있다 (여기서 replace는 생략함) test : test 이후 오는 문자열이 regExp와 일치하는지 true/false 를 반환받는다. match : 문자열에서 regExp 와 일치하는 것들을 찾아내..