'🌐 FrontEnd' 카테고리의 글 목록

JavaScript 배열 메소드의 시간복잡도

🌐 FrontEnd/JavaScript 2022. 12. 14. 17:36

시작하면서 자바스크립트 배열 메서드에 관한 시간 복잡도를 공부합니다. 배열 메소드의 시간 복잡도 시간 복잡도란? 시간 복잡도란 간단하게 말해서 알고리즘이 어떤 문제를 해결하는 데 걸리는 시간을 말합니다. 시간 복잡도 표시는 빅오 표기법을 사용하였습니다. 알고리즘의 효율성을 표기해주는 표기법입니다. 배열 메서드 시간 복잡도 배열에서 많이 사용하는 메서드들의 시간 복잡도를 알아보도록 하겠습니다. 1. push() - O(1) 배열 끝에 새로운 요소를 추가해주는 메서드입니다. 일정한 O(1)의 복잡도를 갖습니다. 입력값이 증가하더라도 시간은 변하지 않습니다. const names = ['Luis','John','Jose']; names.push("Aaron"); console.log(names); // (4)..

[vue error] fixable with the `--fix` option 해결법

🌐 FrontEnd/Vue 2022. 12. 4. 14:26

해당 vue 프로젝트 폴더 내부에서, 서버 종료 후 터미널에 다음과 같이 입력해준다. $ npm run lint -- --fix 이후 다시 npm run serve 하면 문제 해결입니다.

Number() 과 parseInt() 의 차이는 무엇일까?

🌐 FrontEnd/JavaScript 2022. 11. 15. 12:26

시작하면서 Number() 과 parseInt() 의 차이는 무엇일까? 에 대한 답을 찾아갑니다. Number() 과 parseInt()의 차이 Number() 과 parseInt()? Number() 과 parseInt() 는 둘 다 문자열을 숫자로 형변환 해주는 함수입니다. // Number() 과 parseInt() 예제 // Number과 parseInt 둘 다 문자열을 숫자로 형변환 let num = Number("1234"); console.log(num); // 1234 num = parseInt("1234"); console.log(num); // 1234 차이점은? 숫자와 문자가 결합되어있는 문자열을 확인해보면 알 수 있습니다. // 숫자 + 문자 num = Number("1234안녕하세..

TypeScript 타입스크립트 기초 -2

🌐 FrontEnd/TypeScript 2022. 11. 8. 20:33

시작하면서 타입스크립트의 기초를 공부합니다. 클래스 정의 클래스는 implements 를 사용합니다. 클래스는 객체와 비슷해보이지만, 상속을 할 수 있습니다. // TS interface Car{ color:string; wheels:number; start():void; } // 생성자(constructor) 까지는 control 할 수 없다 class Bmw implements Car{ // ':' 말고 implements 를 사용해야한다 color; // TS 에서 생략하게 되면 BMW 안의 color를 찾지 못한다. 변수를 꼭 만들어 주어야한다. wheels=4; // TS 에서 생략하게 되면 wheels를 찾지 못한다. BMW class 에 Wheels 변수를 만들어 주어야한다. construc..

TypeScript 타입스크립트 기초 -1

🌐 FrontEnd/TypeScript 2022. 11. 8. 20:08

시작하면서 타입스크립트의 기초를 공부합니다. TypeScript 란? 2012년 마이크로소프트가 발표한 타입스크립트(TypeScript)는 자바스크립트(JavaScript)를 기반으로 정적 타입 문법을 추가한 프로그래밍 언어입니다. 컴파일 언어, 정적 타입 언어 자바스크립트는 동적 타임의 인터프리터 언어로 런타임에서 오류를 발견할 수 있습니다. 이에 반해 타입스크립트는 정적 타입의 컴파일 언어이며 타입스크립트 컴파일러 또는 바벨(Babel)을 통해 자바스크립트 코드로 변환됩니다. 코드 작성 단계에서 타입을 체크해 오류를 확인할 수 있고 미리 타입을 결정하기 때문에 실행 속도가 매우 빠르다는 장점이 있습니다. 하지만 코드 작성 시 매번 타입을 결정해야 하기 때문에 번거롭고 코드량이 증가하며 컴파일 시간이 ..

TypeScript 타입스크립트 설치 및 사용 (VScode 에서)

🌐 FrontEnd/TypeScript 2022. 11. 8. 18:21

시작하면서 타입스크립트 설치 포스팅 입니다. 타입스크립트를 설치하기 위해선 2가지가 먼저 선행되어야 합니다. VScode node.js 이 글은 위 두가지의 설치 및 세팅이 끝났다는 가정 하에 작성되었습니다. TypeScript 타입스크립트 설치 1. VScode 터미널 창에 다음과 같이 입력해줍니다. npm install -g typescript 2. TypeScript 파일을 하나 만들어줍니다. (ex.ts) 3. 터미널 창에 다음과 같이 입력하여 동일한 경로에 tsconfig.json 파일을 생성해줍니다. tsc --init 4. 터미널에 다음 둘 중의 하나를 작성하여 ts 코드를 js로 변경해줍니다. tsc ex.ts -> (ts파일 수정시 마다 다시 입력하여 컴파일 해야한다) tsc -w -> ..

프론트엔드 개발을 위한 기초 디자인 개념

🌐 FrontEnd 2022. 6. 22. 22:00

시작하면서 프론트엔드 개발을 위한 기초 디자인 개념을 정리합니다. 색상의 개념과, 포토샵에서 웹 시안을 만들 때의 주의사항 등을 정리합니다. 색의 3원색과 빛의 3원색 색의 3원색? 색의 3원색은 CMYK(Cyan / Magenta / Yellow / blacK) 로도 표현합니다. 3원색은 Cyan(청록색) Magenta(자홍색) Yellow(노란색) 입니다. 인쇄와 같이 염료를 사용할 때 주로 사용됩니다. 전부 쌓이면 검정이 됩니다. 빛의 3원색? 빛의 3원색은 RGB(Red / Green / Blue) 로도 표현합니다. 3원색은 Red(빨강) Green(녹색) Blue(파랑) 입니다. 말 그대로 빛을 이용하기 때문에 웹 환경에서 사용하기 적합합니다. 전부 쌓이면 하얀색이 됩니다. 단위 단위는 cm,..

JavaScript 자바스크립트 표현식과 표현식이 아닌 문?

🌐 FrontEnd/JavaScript 2022. 6. 16. 15:08

시작하면서 JavaScript 자바스크립트에서 표현식과 표현식이 아닌 일반 문은 어떻게 구분할까? 에 대한 답을 찾아봅니다. 표현식과 표현식이 아닌 문 구분하기 표현식이란? 표현식(express) 은 값으로 평가될 수 있는 문(statement) 입니다. // 표현식 예제 // 표현식이 아닌 문 var a; // 변수 선언문은 값으로 평가 되지 않기 때문에 표현식이 아닙니다. // 표현식인 문 100; // 100 이라는 숫자도 리터럴 즉, 값이기 때문에 표현식입니다. a = 1 + 2; // a = 1 + 2 는 완전한 문이기도 하면서 표현식입니다. 그렇다면? 값으로 평가될 수 있는 문이면 표현식 값으로 평가될 수 없는 문이면 표현식이 아닌 문이 됩니다. 구분하는 쉬운 방법 가장 간단한 방법은 바로 변..

ABOUT ME

Whatever can happen will happen Whatever can happen will happen

티스토리툴바