ice rabbit programming

CSS, SCSS를 사용할 때 color 값 지정은 굉장히 많이 발생한다. 자주 쓰이는 색깔들은 표준적으로 정해져 있기도 하지만, 투명도를 조절하거나 정해져 있지 않는 경우에는 아래와 같이 hex값(#ffffff 등)이나 RGBA(rgba(255,255,255,0.5) 등)를 사용하여 지정한다. .element { color: #ffffff; } 예시로 든 것은 그냥 흰색이지만, 만약 키워드가 없는 색상을 굉장히 많이 지정해야 한다면? 프로그래밍을 맨 처음 배울 때의 변수의 필요성과 같이, 반복 및 유지보수 용이성을 위해서는 색상을 키워드로 하는 것이 좋을 것이다. vuetify와 같은 UI 프레임워크를 사용한다면, 이전에 vuetify에서 색상 지정하는 글에서 썼던 것처럼 color를 지정하고, cla..

자바스크립트를 사용하면 var, let, const로 변수를 선언하게 된다. 순수 자바스크립트는 컴파일 타임에 타입을 알 수 없기 때문에, 타입 추론을 통해 런타임에 타입을 정하게 된다. var, let, const 각각의 차이에 대해 간단하게 정리해보았다. var : ES5 이전까지 쓰이던 변수 키워드. 함수 스코프에서 유효하다. 재선언이 가능하고, 호이스팅도 가능하다. let(값 변경 가능), const(값 변경 불가) : ES6부터 쓰이는 변수 키워드. 블록({}) 스코프에서 유효하다. 재선언 및 호이스팅이 불가능하다. 즉 간단하게 말하면 var는 예전에 쓰던 것, let과 const는 요즘 쓰는 것인데 스코프(범위)나 재선언은 들으면 바로 감이 올 텐데 호이스팅이라는 개념은 잘 와닿지 않는 분들도..

아무래도 학부 4년간 C++을 주로 사용했다보니, 차이가 있으면 C++과 비교하게 된다. 지난 글의 말미에서 말했던 것처럼, C++과 가장 큰 차이는 포인터의 유무라고 생각한다. 그리고 또 하나, 쉽게 발견할수 있는 차이는 바로 'var'이다. var 일단, int나 double 등의 자료형은 C계열 언어들과 동일하게 사용한다. 하지만 다음과 같은 문장을 쉽게 찾아볼 수 있다. var myCar = new Car(); // 이러한 표기법은 권장되는 표기법인지, Car myCar = new Car(); // C# 코드를 관리해주는 Resharper와 같은 툴은 이 줄처럼 쓰면 위 문장으로 자동으로 수정한다. var. variable(변수)의 줄임말이다. JavaScript를 해보신 분들은 var가 익숙할 ..