검색 본문
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 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 02. JavaScript-자바스크립트 (객체) 03.JavaScript - 자바스크립트(Form, Dom, Node...) happiipark.tistory.com 행복한공원 [모던 자바스크립트 2] 03. 연산자 연산자는 프로그래밍 언어에서 특정 연산을 하도록 하는 문자 let value = 1; // 변수 선언 value = 2; // 대입 연산자 ‘ = ‘ 문자가 연산자. 연산자의 종류는 많다. 그 중 ‘ = ‘ 는 대입 연산자 산술 연산자 + : 덧셈 - : 뺄셈 * : 곱셈 / : 나눗셈 위 4가지 가장 기본적인 산술 연산자 let a = 1; a++; ++a; console.log(a); ++ 는 특정 변수에 1을 바로 더해줌 ++ 가 변수 이름 앞에 오는 것과 뒤에 오는것에 차이가 존재 이러한 결과가 나오는데 정확하게 04. 조건문 조건문을 사용하면 특정 조건이 만족됐을 때 특정 코드 실행 가능 if 문 ~~ 하다면 ~~를 해라 라는 의미 예시 코드 const a = 1; if ( a + 1 === 2) { console.log(' a + 1 이 2 입니다. '); } if 문을 사용하면, 특정 조건이 만족 될 때에만 특정 코드를 실핼 시킬 수 있음. if (조건) { 코드; } 조건이 만족됐을 때 실행 시킬 코드가 {} 로 감싸져있는데, 이를 코드 블록이라고 함 만약 조건이 true가 된다면 우리가 지정한 코드가 실행되는 것이고, false 가 된다면 05.함수 특정 코드를 하나의 명령으로 실행 할 수 있게 해주는 기능 예시) - 특정 값들의 합을 구하고 싶을 경우의 코드 const a = 1; const b = 2; const sum = a + b; 이 작업을 함수로 만들 경우 function add(a, b) { return a + b; } const sum = add(1, 2); console.log(sum); 함수를 만들 때는 function 키워드를 사용하며, 함수에서 어떤 값을 받아올지 정해주는데 이를 파라미터(매개변수)라고 부름 함수 내부에서 return 키워드를 사용하여 06. 객체 객체는 우리가 변수 혹은 상수를 사용하게 될 때 하나의 이름에 여러 종류의 값을 넣을 수 있게 해줌 객체를 선언 할 때에는 {} 문자 안에 원하는 값들을 넣어주면 됨. 값을 넣을 때에는 키 : 원하는 값 형태로 넣으며, 키에 해당하는 부분은 공백이 없어야 함. 만약 공백이 있어야 하는 상황이라면 이를 따옴표로 감싸서 문자열로 넣어주기 const dog = { name: " 멍 멍 이 ", age: 2, }; console.log(dog.name); console.log(dog.age); 샘플 객체 만들기 const iron 07 배열 배열은 여러개의 항목들이 들어있는 리스트와 같다. const array = [1, 2, 3, 4, 5]; 배열을 선언 할 때에는 [] 안에 감싸주기 배열 안에는 어떤 값이든 넣을 수 있다 예시 - 객체 배열 생성 const objects = [{ name: "멍멍이" }, { name: "야옹이" }]; console.log(objects); console.log(objects[0]); console.log(objects[1]); 배열을 선언하고 나서, n 번째 항목을 조회하고 싶다면 objects[n] 이라 하면 n 번째 항목 14 연산자는 프로그래밍 언어에서 특정 연산을 하도록 하는 문자 let value = 1; // 변수 선언 value = 2; // 대입 연산자 ‘ = ‘ 문자가 연산자. 연산자의 종류는 많다. 그 중 ‘ = ‘ 는 대입 연산자 산술 연산자 + : 덧셈 - : 뺄셈 * : 곱셈 / : 나눗셈 위 4가지 가장 기본적인 산술 연산자 let a = 1; a++; ++a; console.log(a); ++ 는 특정 변수에 1을 바로 더해줌 ++ 가 변수 이름 앞에 오는 것과 뒤에 오는것에 차이가 존재 이러한 결과가 나오는데 정확하게 배열 함수 조건문 연산자 객체 2024.04.30 [모던 자바스크립트 1] [모던 자바스크립트 3] qkrgudrjs1.tistory.com 박형건 파이썬 04.16 자바스크립트 31 배열 생성 함수 let 변수명 = Array(요소1, 요소2, 요소3 ..) 배열의 접근 let arr = [100, 200, 300] arr[0] // 100 arr[1] // 200 arr[2] // 300 자바스크립트 배열의 특징 1. 배열 요소의 타입이 고정되어 있지 않음 let arr = [1, 1.5, '김사과', true] 2. 배열 요소의 인덱스가 연속적이지 않아도 됨 let arr; arr... 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원 더보기 (주)카카오는 상품판매의 당사자가 아닙니다.법적고지 안내 (주)카카오는 통신판매중개자로서 통신판매의 당사자가 아니며 상품의 주문 배송 및 환불 등과 관련한 의무와 책임은 각 판매자에게 있습니다.