검색 본문
namu.wiki 더 스크립트 - 나무위키 대니 오도노휴, 마크 시언, 글렌 파워 3명으로 구성된 아일랜드 더블린의 얼터너티브 록 밴드. 결성 2001년, 아일랜드 더블린 소개 (좌에서 우) 마크 시언(1976 ~ 2023), 대니 오도노휴(1980 ~ ), 글렌 파워(1978 ~ ) 장르 팝 록, 얼터너티브 록 개요 음악성향 결성과 활동 구성 디스코그래피 2024.04.07 웹문서 검색 더보기 BedWars(Roblox)/명령어 및 스크립트 - 나무위키 스크립트 키디 - 나무위키 romantech.net 로맨테크 TypeScript 타입스크립트 - 기초 내용 정리 타입스크립트란? 타입스크립트는 자바스크립트에 타입을 부여한 언어다. 자바스크립트의 확장된 언어라고 볼 수 있다. 타입스크립트를 브라우저에서 실행하려면 파일을 한 번 변환해줘야 한다. 이 변환 과정을 컴파일(정확히는 트랜스파일링)이라고 부른다. 참고로 Babel은 자바스크립트의 최신 문법을 최대한 많은 브라우저에서 호환할 수 있도록 변환해주는 도구다. 왜 써야 할까? 아래 2가지 관점에서 JS 코드 품질과 개발 생산성을 높일 수 있다. 에러 사전 방지 코드 가이드 및 자동 완성(생산성 향상) 에러 사전 방지 아래 두 코드 모두 두 숫자의 합을 구하는 함수다. 위는 자바스크립트, 아래는 타입스크립트로 작성했다. 함수 호출 시 숫자가 아닌 문자열을 넣으면 자바스크립트는 문자열을 결합해서 전혀 다른 결과를 반환한다. 아래는 간단한 코드라서 헷갈리지 않지만, 코드양이 많아지고 큰 프로젝트의 경우 이런 사소한 오류를 찾기 위해 많은 시간을 쏟아야 할 수도 있다. 반면 타입스크립트는 문자열을... 자바스크립트를 타입스크립트처럼 쓰는 방법 JSDoc을 이용하면 자바스크립트에서도 타입스크립트와 비슷하게 사용할 수 있다. 아래 /** 부분이 JSDoc이며 여기에 타입을 미리 지정할 수 있다. /** * * @param {number} a 첫번째 숫자 * @param {number} b 두번째 숫자 */ function sum(a, b) { return a + b; } sum 함수에 마우스 커서를 올리면 친절하게 첫번째 숫자, 두번째 숫자 입력해둔 것까지 나온다. 하지만 타입스크립트처럼 타입을 체크하진 않는다(문자열을 입력해도 아무런 에러가 나오지 않는다). 타입 타입스크립트 기본 타입 12가지. 문자열, 뷸런, 넘버 같은 원시타입은 대부분 타입스크립트가 자동으로 추론해주므로 실무에선 타입을 명시하지 않는 경우가 많다. BOOLEAN NUMBER STRING OBJECT ARRAY TUPLE : 배열 길이가 고정되어 있고, 각 요소의 타입이 지정되어 있는 배열 형식 ENUM : 특정 값(상수)들의 집합(자바스크립트엔 없음) ANY : 모든 타입 허용(JS → TS 점진적으로 적용할 때 활용하면 좋음) VOID : 변수에는 undefined null만 할당하고 함수에는 반환값을 설정할 수 없는 인터페이스 인터페이스는 상호 간 정의한 약속 혹은 규칙을 의미한다. 타입스크립트에서 인터페이스는 보통 다음과 같은 범주에 대해 약속을 정의할 수 있다. 객체의 스펙(속성과 속성의 타입) 함수의 파라미터 함수의 스펙(파라미터, 반환 타입 등) 배열과 객체를 접근하는 방식 클래스 기본 사용 방법 인터페이스에서 정의한 속성을 모두 적지 않으면 에러가 난다. 반대로 인터페이스에 정의된 속성, 타입 조건만 만족한다면 파라미터에 넘기는 속성 갯수가 더 많아도 상관없다. interface User { age: number; name: string; 타입 별칭 타입 별칭은 특정 타입이나 인터페이스를 참조할 수 있는 타입 변수를 의미한다. // 일반 string 타입을 사용할 때 const name: string = 'John'; // 타입 별칭을 사용할 때 type MyName = string; const name: MyName = 'John'; interface 레벨의 복잡한 타입에도 별칭을 부여할 수 있다. type Developer = { name: string; skill: string; }; const john: Developer = { name: 'john', 연산자를 이용한 타입 정의 유니온 타입은 자바스크립트의 OR 연산자 || 처럼 A혹은 B 의미를 가진다. 타입스크립트에선 | 기호를 사용한다. 변수 혹은 파라미터에 1가지 이상 타입을 선택지로 쓰고 싶을 때 유용하다. 아래 logMessage 함수 파라미터에 유니온 타입 |을 적용하여 string과 number 타입중 한 가지를 사용할 수 있도록 했다. 변수에 적용할 때도 동일한 방법으로 쓰면 된다. // 함수 파라미터에 Union Type 사용 function logMessage(value: string | number): void { console.l 이넘 (Enum) 특정 값들의 집합을 의미하는 자료형으로 타입스크립트에선 문자형과 숫자형 이넘을 지원한다. 이넘은 드롭다운이나 정해진 목록의 값들을 지정할 때 유용하다. 문자형과 숫자형 이넘을 혼합해서 생성할 수도 있지만 권고하지 않는 방식이다. 최대한 같은 타입으로 이루어진 이넘을 사용하는게 좋다. 숫자형 이넘 이넘에서 별도 값을 할당하지 않으면 모두 숫자형 이넘으로 취급한다. 이넘에 목록을 추가할 수록 값은 1씩 자동 증가한다(0부터 시작). 만약 Adidas에 10을 할당하면 Nike는 자동으로 1이 증가하여 11이 된다. enum Shoes 타입스크립트에서 클래스 타입스크립트에선 클래스 최상단에 멤버 변수를 정의해줘야하며, 생성자 함수 파라미터의 타입도 지정해야 한다. 멤버 변수엔 public private 등 유효 범위도 설정할 수 있다. class Persons { // 클래스 최상단에 클래스에서 사용할 멤버 변수를 정의해줘야함 // 멤버 변수에 대한 유효 범위도 설정 가능(public, private 등) private name: string; public age: number; // 생성자의 파라미터도 타입 지정 constructor(name: string, a 15 타입스크립트는 자바스크립트에 타입을 부여한 언어다. 자바스크립트의 확장된 언어라고 볼 수 있다. 타입스크립트를 브라우저에서 실행하려면 파일을 한 번 변환해줘야 한다. 이 변환 과정을 컴파일(정확히는 트랜스파일링)이라고 부른다. 참고로 Babel은 자바스크립트의 최신 문법을 최대한 많은 브라우저에서 호환할 수 있도록 변환해주는 도구다. TypeScript 타입스크립트 2024.04.24 블로그 검색 더보기 TypeScript 타입스크립트 - 타입 추론 / 단언 / 가드 TypeScript 타입스크립트 - 제네릭, 프로미스 integin1212.tistory.com SEAN 02. JavaScript-자바스크립트 (객체) 2. 자바스크립트의 배열(Array) - 이름과 인덱스로 참조되는 정렬된 값의 집합(자료구조) - 배열을 구성하는 각각의 값을 배열요소라고 하며, 배열에서의 위치를 가리키는 숫자를 인덱스라고 함 2-1. 배열 특징 - 배열 요소의 타입이 고정되어 있지 않음 - 배열 요소의 인덱스가 연속적이지 않아도 됨 2-2. 배열을 이용한 반복 a. for in 문 변수에 배열의 인덱스 또는 객체의 key가 저장되며 반복 const arr = [10, 20, 30]; const user = {userid:'apple', name:'김사과', age:20}; 예) 3. 자바스크립트의 함수(Function) 사용자 정의 함수(function) - 하나의 특별한 목적의 작업을 수행하도록 설계된 독립적인 블록 - 필요할 때마다 호출하여 해당 작업을 반복 수행할 수 있음 - 코드를 재활용하기 위한 목적 호이스팅(hoisting) - 인터프리터가 변수와 함수의 메모리 공간을 선언 전에 미리 할당하는 것 - var로 선언한 변수의 경우 호이스팅 시 undefined로 변수를 초기화 - let과 const로 선언한 변수의 경우 호이스팅 시 변수를 초기화하지 않음 4. 자바스크립트의 화살표 함수 - function 키워드를 사용하여 함수를 만드는 것보다 간단하게 표현 - 화살표 함수는 항상 익명 - return은 생략하며 모든 화살표 함수는 return 형 매개변수가 없는 경우 const 변수명 = function(){ ... } const 변수명 = () => { } const 변수명 = () => 문장; 매개변수가 있는 경우 const 변수명 = 매개변수1 => { ... } const 변수명 = (매개변수1, 5. 자바스크립트의 객체 (Object) 하나의 주제를 가지고 관련있는 프로퍼티(Property)를 가지고 있는 집합 프로퍼티(property) - 이름과 값으로 구성된 정렬되지 않은 집합 - 프로퍼티는 함수도 저장할 수 있음 -> 프로퍼티 메서드 객체를 생성하는 방법 5-1. 리터럴 표기법 const 변수명 = { 프로퍼티명1: 값1, 프로퍼티명2: 값2, ... 프로퍼티명n:function(){ ... } } 5-2. 생성자를 이용 - 객체를 만드는 함수 - ne 6. 자바스크립트의 프로토타입 (Prototype) - 모든 객체는 프로토타입이라는 객체를 가지고 있음 - 모든 객체는 프로토타입으로부터 프로퍼티와 프로퍼티 메서드를 상속받음 - 모든 객체는 최소한 하나 이상의 다른 객체로부터 상속을 받으며 상속되는 정보를 제공하는 객체를 프로토타입이라고 함 const dog = new Dog(); // Dog.prototype, Object.prototype 상속 - 클래스 기반의 객체지향 언어와 다름 - 자바스크립트는 프로토타입 기반의 객체지향언어 33 - 모든 객체는 프로토타입이라는 객체를 가지고 있음 - 모든 객체는 프로토타입으로부터 프로퍼티와 프로퍼티 메서드를 상속받음 - 모든 객체는 최소한 하나 이상의 다른 객체로부터 상속을 받으며 상속되는 정보를 제공하는 객체를 프로토타입이라고 함 const dog = new Dog(); // Dog.prototype, Object.prototype 상속 - 클래스 기반의 객체지향 언어와 다름 - 자바스크립트는 프로토타입 기반의 객체지향언어 javascript Array 배열 객체 Object for문 while문 2024.04.22 01. JavaScript-자바 스크립트 03.JavaScript - 자바스크립트(Form, Dom, Node...) tjdals9219.tistory.com 메모장 JavaScript 01 < 스크립트 기초 > 16 background-color: coral; -- 배경색은 coral이야 cursor: pointer; -- 커서를 올려놓으면 포인터가 생길거야 } </style> <script type="text/javascript"> function 기능 을 자바 스크립트로 추가할거야 function changeColor(obj){ 함수 인자는 obj obj.style.backgroundColor = 'green'; js 구문 obj의 style 배경을... 2024.04.22 memmaeranger.tistory.com 맴매레인저 스킬 스크립트... 매번 생성해야 하나...? 7 이번 글에선 스킬을 추가할 때마다 반복적인 작업을 해야하는 번거로움을 없애기 위해, 조금이라도 빠르게 스킬을 추가하기 위해, 스크립트를 설정한 값에 따라 자동으로 추가해주는 툴을 구현한 내용을 작성할 것이다. 스킬 추가할 때마다... 노가다...? 캐릭터의 스킬을 추가할 때 마다, 패시브 스킬은 스크립트를... 2024.04.10 통합웹 더보기
서비스 안내 스토리의 글을 대상으로 검색결과를 제공합니다. 자세히보기 integin1212.tistory.com SEAN 01. JavaScript-자바 스크립트 2. 자바스크립트의 상수(Constant) - 한번 선언된 상수는 다시 재정의할 수 없음 - 값을 재할당 할 수 없음 - 개발자의 실수를 방지하기 위해 권장 - 해킹을 방지하기 위한 목적 let name; // 변수의 선언 name = '김사과'; // 값 할당 let name = '김사과' // 변수의 선언 및 할당 const name; name = '김사과' (X) const name = '김사과' (O) 3. 자바스크립트의 데이터 타입(Data Type) - 프로그램에서 다룰 수 있는 값의 종류 - 자바스크립트는 선언시 타입을 정하지 않기 때문에 많은 문제가 발생할 수 있음 - 자바스크립트의 타입 유연성을 해결하기 위해 MS에 만든 타입스크립트가 존재 2-1. 숫자형(number) - 정수와 실수를 따로 구분하지 않음 - 모든 수를 실수 하나로만 표현 2-2. 문자형(string) '', "", ``로 둘러싸인 문자의 집합 2-3. 논리형(boolean) - 참(true), 거짓(false)으로 표현되는 값 - false, 0 4. 자바스크립트의 자동 타입 변환 - 특정 타입의 값을 기대하는 곳에 다른 타입의 값이 오면 자동으로 타입을 변환해서 사용 const num4 = 10; const str3 = '10'; console.log(num4 + str3); console.log(num4 - str3); console.log(num4 * str3); console.log(num4 / str3); ※ NaN(Not a Number) - '정의되지 않은 값이나 표현할 수 없는 값'을 의미 - 숫 5. 자바스크립트의 타입 변환 함수 - 강제로 타입을 변환하는 함수 Number() 문자를 숫자로 변환 String() 숫자나 불린 등을 문자형으로 변환 Boolean() 문자나 숫자 등을 불린형으로 변환 Object() 모든 자료형을 객체형으로 변환 ParseInt() 문자를 소수없는 정수형으로 변환 ParseFloat() 문자를 실수형으로 변환 6. 자바스크립트의 대화 상자 Web API: 브라우저에서 제공하는 API(Application Programming Interface) alert() 사용자에게 메세지를 보여주고 확인을 기다림 confirm() 사용자에게 메세지를 보여주고 확인이나 취소를 누르면 그 결과를 불린값으로 반환 prompt() 사용자에게 메세지를 보여주고 사용자가 입력한 문자열을 반환 alert('안녕하세요! 자바스크립트!');로 인해 다음과 같은 대화상자가 나타납니다. consr result = confirm('확인 또는 취소를 눌러주세요!');로 인해 다음과 같이 확인, 7. 자바스크립트의 연산자 파이썬에서와 유사하게 자바 스크립트내에서 연산자가 존재합니다. 이 중 증감 연산자, 삼항 연산자는 파이썬에서 없던 개념이므로 유념해서 보면 좋겠습니다. 7-1. 산술 연산자 +, -, *, /, %, ** 7-2. 비교 연산자 >, <, >=, <=, ==, !=, ===, !== ===: 두 식의 값이 같고, 타입이 같아야 함 예) 3 == 3 -> true '3' == 3 -> true '3' === 3 -> false !==: 두 식의 값이 다르고 8. 자바스크립트의 if문 파이썬에서 if문을 다뤄본 적이 있기에 쉽게 이해할 수 있습니다. if(조건식){ 조건식의 결과가 true일 때 실행할 문장; ... } if(조건식){ 조건식의 결과가 true일 때 실행할 문장; ... }else{ 조건식의 결과가 false일 때 실행할 문장; ... } if(조건식1){ 조건식1의 결과가 true일 때 실행할 문장; ... }else{ 모든 9. 자바스크립트의 switch문 파이썬에서 다루어본 적 없던 개념이지만 어렵지 않아 쉽게 이해할 수 있습니다. switch(변수 또는 값) { case 값1: 변수와 값1이 같은 경우 실행할 문장; ... break; case 값2: 변수와 값2가 같은 경우 실행할 문장; ... break; ... default: 변수와 모든 값이 다를 경우 실행할 문장;\ 38 - 프로그램에서 다룰 수 있는 값의 종류 - 자바스크립트는 선언시 타입을 정하지 않기 때문에 많은 문제가 발생할 수 있음 - 자바스크립트의 타입 유연성을 해결하기 위해 MS에 만든 타입스크립트가 존재 2-1. 숫자형(number) - 정수와 실수를 따로 구분하지 않음 - 모든 수를 실수 하나로만 표현 2-2. 문자형(string) '', "", ``로 둘러싸인 문자의 집합 2-3. 논리형(boolean) - 참(true), 거짓(false)으로 표현되는 값 - false, 0 2024.04.16 티스토리 검색 더보기 brunch.co.kr Cozy canvas 업무 자동화 여정의 시작, 구글 앱스 스크립트 구글 앱스 스크립트란? 구글 앱스 스크립트는 구글 클라우드 플랫폼에서 제공하는 스크립트 언어로, 구글 문서(Docs), 시트(Sheets), 폼(Forms), 캘린더(Calendar) 등 구글의 다양한 앱과 서비스를 프로그래밍 방식으로 제어할 수 있게 해 준다. 자바스크립트에 기반을 두고 있기 때문에 프로그래밍에 익숙한 사용자라면 비교적 쉽게 접근 할 수 있다. 하지만 프로그래밍에 익숙하지 않은 나와 같은 사람들도 조금만 연구하면 자신의 업무에 자동화가 효율적으로 작동 할 수 있도록 할 수 있다. 구글 앱스 스크립트를 통해 할 수 있는 일은 무궁무진하다. 앱스 스크립트 편집기 접근하기 구글 앱스 스크립트를 시작하려면 먼저 스크립트 편집기에 접근 해야 한다. 구글 드라이브의 '새로 만들기'버튼에서 '더보기' 옵션을 선택하고 ‘Google Apps Script’를 클릭한다 첫번째 스크립트 "Hello world" 프로그래밍의 전통적인 첫걸음인 "Hello World" 를 통해 구글 앱스 스크립트의 여정을 시작해보자 화면에 Logger.log() 함수를 사용하여 로그에 "Hello, World!"라는 메시지를 기록한다. 이 코드를 스크립트 편집기에 입력한 후 상단의 실행 버튼을 클릭한다. 스크립트 실행 및 로그 확인 스크립트를 실행 한 후에는 '실행 로그 보기 옵션'을 선택하여 결과를 확인 할 수 있다. 이 과정에서 구글이 당신의 스크립트가 구글 서비스에 접근 하는 것을 허용해야 할 수도 있다. 처음 실행하는 스크립트에 대한 권한 요청이 나타 한줄 코드 입력해보기 이번엔 아까 Hello World를 입력했던 2번 라인에 아래 코드를 각각 입력(복사)하고 실행 시켜보도록 한다. Logger.log(new Date().getFullYear()); Logger.log(Math.random()); Logger.log(3 + 7); 어떤 결과가 나오는가? Logger.log(new Date().getFullYear()); 첫번째 수식은 현재 연도를 바로 출력해 보는 아주 짧은 스크립트를 실행 시킨 것이다. Logger.log(Math.random()); 두번째 수식은 0과 1사이의 랜덤한 숫자를 생성 CHAT GPT를 통해 간단한 코드 출력하기 CHAT CPT는 코드를 만들 수도 있다. 때문에 우리는 코딩을 배우지 않아도 GPT에게 코드를 물어보고 얻은 코드를 넣어 원하는 값을 출력 할 수도 있다. 사실 위에 제시한 한줄 코드는 내가 GPT에게 '오늘 내용을 적용할 만한 한줄 코드 예시가 없을까' 라고 질문을 하고 얻은 결과였다. gpt가 작성하는 코드 예시 속은 것 같은 기분이 드는가? 그럴 필요 없다. 나는 단지 나와 같은 비 전공자도 코딩을 배우지 않아도 충분히 CHAT GPT를 사용해서 코딩을 할 수 있다는 것을 살짝 보여준 것 뿐이다. 아마 많은 사람들이 구글 ✅ REVIEW POINT 1. 구글 앱스 스크립트란 무엇인가? 자신이 이해한 바를 간단히 정리해보자. 2. 구글 앱스 스크립트를 사용하여 해결하고 싶은 업무 문제나 자동화하고 싶은 작업은 무엇인가? 3. 구글 앱스 스크립트 + CHAT GPT CHAT GPT에게 ‘나는 완전 초보야. 이런 내가 구글 앱스 스크립트로 업무 자동화 할 수 있는 가장 쉬운 코드를 알려줘’ 라는 프롬프트를 입력하고 얻은 결과를 살펴보기 https://efficiencysecretsnote.blogspot.com/2024/03/blog-post_15.html ◈ 독자가 읽으면서 적용 8 구글 앱스 스크립트를 시작하려면 먼저 스크립트 편집기에 접근 해야 한다. 구글 드라이브의 '새로 만들기'버튼에서 '더보기' 옵션을 선택하고 ‘Google Apps Script’를 클릭한다 브런치북 일상을 혁신하는 GPT 자동화 챗GPT 업무노하우 2024.04.11 브런치스토리 검색 더보기 story.kakao.com 이윤찬 이윤찬 - 카카오스토리 3 형도 나머지 동영상을 시간날 때 보면서 공부를 하려고 한다는 말을 하더라구요. 오늘 봤던 게 타입 스크립트였는데 타입을 일일이 지정하지 않고 쓰는 일반적인 자바스크립트 동작 때문에 복잡한 프로그램에서... 2024.03.28 카카오스토리 검색 더보기
더 스크립트 가수 The Script 멤버 대니 오도노휴 , 마크 시언 , 글렌 파워 소속사 소니뮤직엔터테인먼트 데뷔 2008년 싱글 앨범 'We Cry' 사이트 공식사이트 , 인스타그램 , 트위터 , 페이스북 , 유튜브 프로필관리 사진제공 인물 검색 안내 Gettyimageskorea 인물정보 더보기 활동정보 곡 앨범 공연 Hall of Fame (Feat. will.i.am) 2024.05.03. Hall of Fame (Feat. will.i.am) 2024.05.01. Breakeven 2024.04.22. The Man Who Can't Be Moved 2024.04.22. Breakeven 2024.04.18. Breakeven 2024.04.13. Breakeven 2024.04.07. Breakeven 2024.04.03. Crazy World (Live from Dublin) (Feat. Christy Dignam) 2024.03.01. Dare You To Doubt Me (Explicit Ver.) 2022.09.02. 더보기 Dare You To Doubt Me 2022.09.02. Acoustic Sessions 3 2022.03.17. Superheroes (Acoustic) 2022.03.11. I Want It All (Acoustic) 2022.02.11. Tales from The Script: Greatest Hits 2021.10.01. I Want It All 2021.08.27. Acoustic Sessions 2 2021.03.17. For the First Time (Acoustic) 2021.03.11. Run Through Walls (Orchestral Version) 2020.02.14. Arms Open 2020.01.24. 더보기 스크립트 내한공연 2015. 스크립트 내한공연 2013.
서비스 안내 Kakao가 운영하는 책 서비스 입니다. 다른 사이트 더보기 얄코의 Too Much 친절한 HTML+CSS+자바스크립트 저자 고현민 출간 2024.2.1. 도서 28,800원 스크립트(스토리 콜렉터 15) 저자 아르노 슈트로벨 출간 2013.2.22. 도서 12,420원 코딩 자율학습 HTML + CSS + 자바스크립트 저자 김기수 출간 2022.4.25. 도서 24,300원 e북 17,010원 모던 자바스크립트 Deep Dive 저자 이웅모 출간 2020.9.25. 도서 40,500원 e북 28,350원 자바스크립트 핵심 가이드(더글라스 크락포드의) 저자 더글라스 크락포드 출간 2008.9.30. 도서 19,800원 해커스 토익 실전 1000제 3: LC 리스닝 문제집 (Hackers TOEIC Listening... 저자 해커스 어학연구소 출간 2021.12.13. 도서 10,710원 텔레마케팅관리사 2차 스크립트(2021)(개정판 11판) 저자 김완중, 텔레마케팅수... 출간 2021.1.5. 도서 19,800원 텔레마케팅관리사 2차 실기 스크립트(2020) 저자 텔레마케팅자격연구소 출간 2020.4.3. 도서 19,800원 오픽노잼 저자 오픽노잼(Sam Pa... 출간 2023.9.22. 도서 23,400원 Do it! HTML+CSS+자바스크립트 웹 표준의 정석 저자 고경희 출간 2021.1.22. 도서 27,000원 e북 17,100원 더보기 (주)카카오는 상품판매의 당사자가 아닙니다.법적고지 안내 (주)카카오는 통신판매중개자로서 통신판매의 당사자가 아니며 상품의 주문 배송 및 환불 등과 관련한 의무와 책임은 각 판매자에게 있습니다.