node.js, nvm, npm이란 무엇인가 contents node.js란 무엇인가 자바스크립트란? 자바스크립트 엔진? 자바스크립트 런타임? npm이란 무엇인가 nvm이란 무엇인가 웹을 공부하면서 node나 npm을 사용하면서도 정작 node.js는 무엇인지 nvm, npm이 무엇인지에 대해서는 깊게 생각하지 않았던 것 같다. 그래서, 한번 정리해보는 시간을 갖도록 해보기로 했다. 📍 1. node.js란 무엇인가? 위키백과 : Node.js는 확장성 있는 네트워크 애플리케이션 개발에 사용되는 소프트웨어 플랫폼이다. org : Node.js®는 Chrome V8 JavaScript 엔진으로 빌드된 JavaScript 런타임입니다. ??? 이게 바로 무슨소리일까. V8이 무엇일까.. V8은 C ++로 작..

DOM 웹페이지는 일종의 document이다. 이 문서가 웹브라우저를 통해 그 내용이 화면에 나타나거나, 그저 html 소스 자체로 나타나기도 한다. 이 웹브라우저와 관련된 집합을 브라우저 객체모델(BOM : Browser Object Model) 이라고 부른다. 이 BOM을 이용하여 브라우저와 관련된 기능으 ㄹ구성하는데, DOM은 BOM의 여러종류 중 하나다. BOM의 최상위 객체는 window라는 객체로, DOM은 window객체의 하위객체이기도 하다. 그렇다면 DOM은, Document Object Model으로, 문서 객체 모델이다.,같은 html 문서의 태그를 자바스크립트가 이용가능한 객체로 만들면!! 그것이 DOM이 되는 것이다! 풀어서 말해서 이렇지, 한마디로 웹 브라우저가 HTML코드를 인..

URL 파서 Protocol ^(https?):\/\/ ^(문자열) : 문자열의 시작과 일치 할 때 ? : 바로앞에오는 문자가 존재할수도, 존재하지 않을 수도 있음. (https, http를 모두 가져오기 위함) \/ : \가 메타문자를 문자열에서 찾고싶을 때 사용! \/ == \ Domain ([^:\/\s]+) // 그냥 모든 문자열을 찾음 ., -을 비롯한 문자들로만 구성된다. ^ : 대괄호 안에 존재할때는 부정, 대괄호 밖에서는 문자의 시작을 표현. 여기서는 대괄호 안에 존재하므로 http(protocol) 다음을 보니까, port 번호가 나오기 전까지를 체크한다. + : 앞에 존재하는 문자가 1번 이상 반복될 때! \s : 공백문자 또는 영문 PORT (:([^\/]*))? pathFile ((..

리턴이 없는 함수가 존재하지 않는 자바스크립트, Undifined vs Null 자바스크립트 화살표함수를 잘못 사용해서 return도 없이 작성했다가, [ ] 이 결과로 나왔고 typeof(filtered2)가 Object 인것을 확인했다. var filtered2 = [12, 5, 8, 130, 44].filter((value) => { value >= 10; }); // 올바른 코드는 // var filtered2 = [12, 5, 8, 130, 44].filter( value => value>=10 ); console.log(filtered2); // [ ] 즉, C, java 는 void type이 존재하지만 자바스크립트는 return 이 없으면 컴파일러가 알아서 undefined를 리턴해준다. ..

js convention 자바스크립트 컨벤션, 한국어 번역 본을 참고했습니다. idiomatic.js/translations/ko_KR at master · rwaldron/idiomatic.js · GitHub 누가 봐도, 쉽게 이해할 수 있는 코드를 작성하기 위하여 컨벤션을 참고하는 것과 무시하는 것은 특정 언어를 다루면 다룰 수록 더 큰 차이를 불러일으킨다. 특히나 협업시에는 이 컨벤션들은 기본적으로 지켜줘야 하는 매너라고 봐도 과연이 아니다. 그래서 깃에 작성된 자바스크립트 컨벤션을 참고하여, 정말 이것만은 포기할 수 없는 내용들을 정리해보았다. 1. 문자열 따옴표(‘’ or “”) 통일 2. 조건문 확인 코드 // 4.1.1 // 배열에 뭔가가 들어있는지 여부를 확인하려는 거라면, // 다음과 ..