소상공인 감자네

자바스크립트(JavaScript)를 조금씩 알아보다 보면 필연적으로 만나게 되는게 ECMA Script 다.ES6, ES2018 등등 처음보는 용어들을 만나서 이게 무엇일까에 대한 궁금증이 생기게 된다. 조금 용어가 어렵게 느껴지겠지만 ECMA Script는 자바스크립트의 규칙과 표준을 정한 하나의 규칙이라고 생각하면 된다.ES는 ECMA Script를 축약해서 ES라고 불리우고 뒤의 숫자와 년도는 버전 혹은 해당 ECMA Script가 개정된 년도라고 보면 된다. 그럼 대체 ECMA는 무엇일까?ECMA Script 가 등장하게 된 이유는 예전 웹브라우저 전쟁이 시작이라고 할 수 있다.1990년대 넷스케이프에서 '자바스크립트'라는 언어를 만들자 마이크로소프트에서는 'JScript'라는 비슷한 언어를 만들..

자바스크립트(JavaScript)를 학습하는데 가장 출발점이 되는 변수에 대해 알아보자.아마 처음 자바스크립트 공부를 시작하거나 필요에 의해 간단한 정보를 원하는 사람들이 처음 접하는게 바로 "변수" 라는 단어일 것이다. 변수(Variable)1. 어떤 상황에서의 가변적 요인2. 어떤 관계나 범위 안에서 여러가지 값으로 변할 수 있는 수 사전적 의미로는 이러한 뜻을 가지고 있어서 학습을 하면 할수록 혼돈이 오는 경우가 생긴다.일단 컴퓨터프로그래밍에서의 개념으로 접근하면 흔히들 설명하는 데이터를 담는 그릇 이라고 많이들 표현한다. 개인적으로 나도 처음 학습을 할때 저렇게 설명을 들어서 추상적으로 그냥 그런건가? 싶으면서 정확한 이해가 쉽지 않았던게 사실.근데 실무를 거쳐 어느정도 업무를 진행하더라도 저 설..

웹페이지를 풍성하게 만드는데 필요한 것 중 하나가 바로 JavaScript 이다.우리가 흔히 웹사이트에서 하는 행동들은 거의 대부분 자바스크립트를 이용한다고 생각하면 될 정도. 어떤 영역을 클릭하면 나오는 반응이나 현상, 움직이는 이미지나 계속 롤링되는 페이지 등.많은 영향을 주는 것이 바로 자바스크립트다. 쉽게 웹사이트의 구조를 설명하자면, HTML 은 큰 뼈대와 틀을 의미하고CSS 는 모양과 색감을 다양하게 만들어 주며JavaScript 가 페이지를 살아 움직이게 한다. 라고 볼 수 있다. 결국 웹페이지를 우리가 생각하는 웹페이지로 완성시키는게 자바스크립트라고 볼 수 있다.만약 자바스크립트가 없다면 웹페이지는 단순 정적인 문서에 불과할 것이다.어떤 버튼을 눌러도 동작하지 않고, 사진도 움직이지 않을 ..

프로젝트 환경에 따라 node.js 버전을 다르게 사용해야 되는 일이 생긴다.그럴때마다 nodejs 를 삭제했다가 해당 버전으로 설치하고,또 프로젝트가 변경되면 같은 행동을 반복해야 해서 꽤나 번거로웠다. 하지만 NVM(Node Version Manager)을 설치하고 나서 다양한 nodejs버전을 관리하면서 그런 번거로움이 많이 사라졌다.여러 프로젝트를 진행함에 있어 필수적인 프로그램인 NVM을 설치해보도록 하자. 1. NVM 다운로드NVM은 좀 알려진 서비스이다 보니 GitHub 으로 프로젝트가 공유되곤한다.여러 NVM을 발견할 수 있는데 이번에 Window용으로 많은 관심을 받는 버전이 있어 해당 버전을 설치해보도록 하자. 우선 해당 GitHub로 이동하여 다운로드 받자. GitHub - corey..

자바스크립트(Javascript)를 이용해 개발을 하다 보면 아쉬운 점들을 발견하게 된다.예를 들면 웹서버를 구성하기 위해서는 파이썬, 자바 등과 같은 다른 언어로 만들어야 해서 시간이 배로 들게 되기 마련이다. 그래서 자바스크립트로 그런 부분을 해결하기 위해 나온것이 바로 Node js.nodejs를 통해 자바스크립트 하나의 언어로 웹사이트를 구성 할 수 있다 보니 개발속도도 엄청 빨라지게 되었다. 게다가 npm(node package manager)을 통해 많은 패키지들을 사용할 수 있는 장점이 있다.그러므로 자바스크립트 개발에 거의 필수적이라고 할 수 있는 nodejs 설치를 해보자. 1. Nodejs 다운로드 Node.js — Node.js® 다운로드Node.js® is a free, open-s..

HTML을 이해함에 있어 가장 중요한 것이 바로 태그(Tag).과연 태그가 어떤 역할을 하고 어떤 것인지 알아보자. 태그(Tag)란?- 웹페이지를 이루는 HTML에서 구조를 만들고 내용을 정의하는 것이라 볼 수 있다. 우리 일상생활에서도 쉽게 들을 수 있는것이 바로 태그(Tag)일 것이다.물건을 사면 물건의 가격이나 정보가 붙어 있는 라벨을 보통 우리는 태그라고 불리는데,이와 비슷한 의미로 웹페이지에서도 HTML의 태그가 하나하나 컴퓨터에게 이건 '제목'이야, 이건 '이미지' 야. 이런 식으로 알려주는 것이라고 생각하면 된다. 우리들이야 "제목입니다." 라는 글을 작성하면 '제목' 이라는 단어를 보고 '아 이건 제목이구나' 라는 생각을 자연스럽게 가질 수 있지만,컴퓨터는 이건 단순한 문자 내지는 글자라고..