솧디의 개발로그

Typescript란? - Javascript기반의 슈퍼셀 언어, 객체지향 컴파일 언어 JavaScript의 상위 집합으로 JavaScript의 모든 기능이 있음 TypeScript 컴파일러를 사용하여 ts(TypeScript)파일을 js(JavaScript) 파일로 변환, 쉽게 통합 정적 유형 검사 제공 클래스 기반 객체를 만들 수 있음 클래스 기반이므로 객체 지향 프로그래밍 언어로 상속, 캡슐화 및 생성자를 지원할 수 있음 Javascript와 Typescript의 차이 - Javascript: function sum(a, b) { return a + b; } >> 정적타입을 지원하지않아 어떤타입의 변환값을 리턴해야하는지 명확하지 않음 - Typescript: function sum(a: number..

ES란? 크로스 브라우징 이슈 기능이 모든 브라우저에서 동일하게 동작하지 않는 이슈 이 크로스 브라우징 이슈를 해결하기 위해 JavaScript를 표준화를 했다. ES란 ECMA Script의 약어이며 자바스크립트의 표준 규격을 나타내는 용어이고, JavaScript를 표준화시키려고 탄생했다. 그렇다면 왜 생겨난 것인가? JavaScript의 역사는 점점 깊어지고, 문법의 보완이 필요하면서 버전별로 문법을 확장시키고 브라우저는 특정 버전의 기능별로 지원할 수 있도록 ES가 명세를 확정해왔다. 그렇다! 그래서 ECMA Script는 JavaScript를 표준화시키고, 규격화하기 위해 만들어진 것이다. 현재는 ES10 버전까지 나왔고, 주로 쓰이는 것은 ES6인데, 6은 버전 이름이며 ES 2015라고도 한..

1. join() 값 사이에 글 넣기 const fruits = ['apple', 'banana', 'orange']; const result = fruits.join(' and ');//값 사이에 글넣기 console.log(result); 2. split() 지정한 단위로 나누기 const fruits = '🍎, 🥝, 🍌, 🍒'; const result = fruits.split(',')//''의 단위로 나눠줌 console.log(result) 3. reverse() 역순으로 값 배치 const array = [1, 2, 3, 4, 5]; const result = array.reverse(',')//역순으로 값 배치 console.log(result) 4. slice(0,-1)배열에서 원하는 부분..

🐤 JavaScript의 자료형과 JavaScript만의 특성은 무엇일까 ? 🐳느슨한 타입(loosely typed)의 동적(dynamic) 언어 동적타입 언어: 자료의 타입은 있지만 변수에 저장된 값이 언제든지 바뀜 숫자, 문자로 형태가 변형될 수 있다. let num = 10; num = 'hello'; console.log(num) num을 10이란 숫자를 주었지만 num을 다시 'hello'라는 글자형태로 넣었을 때 값은 'hello'로 변경된다. 문자에서 숫자, 숫자에서 문자로의 변경이 간단하게 가능하다. [변수] 🌿var var num = 10 var num = 30 console.log(num) 위 의 경우 num의 값이 '10,30'으로 출력이된다. var 변수의 중복선언이 가능하다. 협업..