익스랩 - experience laboratory

IT 언어 연구소/JS [초급]

03. 자바스크립트 초보라면 꼭! 기억해야할 기초 문법들

자바스크립트 문법 자바스크립트의 실행문은 세미콜론 (;)으로 구분됩니다. var number = 1; var result = number + 10; 자바스크립트는 대소문자를 구분합니다. 자바스크립트에서 변수나 함수의 이름, 예약어등을 작성하거나 사용할 때 대소문자를 정확하게 구분해서 사용해야합니다. var index = 10; var Index = 20; var INdex = 30; 위에 선언한 변수 3개는 글자는 같지만 대소문자를 구분하기때문에 index변수, Index변수, INdex변수 이렇게 총 3개의 변수가 생성됩니다. 리터럴 (literal) 리터럴이란 직접 표현되는 값을 의미합니다. 즉, 소스코드에서 고정된 값을 대표하는 용어를 말합니다. 이해가 안가시는 분을 위해 코드로 예시를 보여드릴게요..

IT 언어 연구소/JS [초급]

02. 코딩의 기초는 테스트하는 방법이지! 자바스크립트 개발툴 및실행법

자바스크립트 개발 도구 & 툴 자바스크립트를 작성하기 앞서 개발 툴(도구)이 있으면 개발하기가 편리해집니다.메모장으로도 간단하게 코드를 작성할 수 있지만, 개발하기 앞서 편의성이 없으면 개발 속도도 늦어지고 잦은 실수를 유발하게 됩니다. (가독성이 떨어지고, 오타가 많이 나는 경우가 생겨요!) 그래서 다들 개발 툴을 찾고, 개발 툴을 사용하는데 개발 툴도 여러 가지가 있습니다!EditPlus, sublineText, Atom, VScode, eclipse 등 훨씬 많은 개발 툴들이 있습니다. 저희는 VScode를 사용해서 코드를 작성할 예정입니다. 다른 툴을 사용해도 무방하지만 따로 플러그인 설치나 기본 기능이 부족한 경우가 많아서 VScode를 선택하게 되었습니다.선택은 여러분들의 몫이니 툴도 여러 가..

IT 언어 연구소/JS [초급]

01. 자바스크립트가 뭔데? 자바와 뭐가 달라?

자바스크립트(Javascript)란? 자바스크립트는 객체지향(Object) 스크립트 언어입니다. 더보기 스크립트란? 응용 소프트웨어를 제어하기 위한 프로그래밍 언어라고 정의할 수 있습니다. 예를 들자면 저희가 배울 자바스크립트는 응용 소프트웨어인 브라우저가 실행되어 있어야지만 자바스크립트가 실행되는 구조를 말합니다. 즉, 스크립트 언어들은 단독으로 실행하는 것이 불가능합니다. 대신 스크립트 언어들의 공통점은 빠르게 배울 수 있고 다른 언어에 비해 비교적 쉽다고 말할 수 있습니다. 예를 들면 파이썬 언어가 대표적이겠네요. HTML은 웹 내용을 작성하고, CSS는 작성된 내용에 디자인을 하고, Javascript는 웹의 동작을 구현할 수 있습니다. 요즘은 Node.js 프레임워크를 병행해서 사용하게 되면 서..

IT 언어 연구소/JS [초급]

프론트 개발 : 클린 코드 작성법(Clean Code)

JavaScript 코드는 어떻게 작성하냐에 따라 다른 개발자가 읽기 쉽고, 재사용 가능하며 리팩토링 가능하게끔 작성하도록 도와줍니다. 이글은 소프트웨어 방법론에 관한 책들 중 Robert C. Martin’s의 책인 Clean Code에 있는 내용을 JavaScript 언어에 적용시켜 적은 글입니다. (이것은 책을 쓴 개발자의 개인적인 의견입니다. 법칙이 아닙니다!) 변수(Variables) 1. 의미있고 발음하기 쉬운 변수 이름을 사용하세요 Bad: const yyyymmdstr = moment().format('YYYY/MM/DD') Good: const currentDate = moment().format('YYYY/MM/DD') 2. 동일한 유형의 변수에 동일한 어휘를 사용하세요 Bad: get..