분류 전체보기
-
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안녕하세..
-
[JS 100제] 문제18 - 평균점수🛠 develop/CodingTest 2022. 11. 15. 09:43
문제 영하네 반은 국어, 수학, 영어 시험을 보았습니다. 영하는 친구들의 평균 점수를 구해주기로 했습니다. 공백으로 구분하여 세 과목의 점수가 주어지면 전체 평균 점수를 구하는 프로그램을 작성하세요. 단, 소숫점 자리는 모두 버립니다. 입출력 입력 : 20 30 40 출력 : 30 나의 풀이 let record = prompt("국어 수학 영어 점수를 공백 기준으로 차례대로 입력하시오").split(" "); // 공백 기준으로 잘라서 다시 배열로 let result = 0; for (let i = 0; i < record.length; i++) { result += Number(record[i]); result /= record.length - 1; } console.log(Math.floor(resu..
-
[JS 100제] 문제17 - 놀이기구 키 제한🛠 develop/CodingTest 2022. 11. 9. 14:16
문제 유주는 놀이공원 아르바이트 중입니다. 그런데 놀이기구마다 키 제한이 있습니다. 유주가 담당하는 놀이기구는 키가 150cm 이상만 탈 수 있습니다. 입력으로 키가 주어지면 키가 150이 넘으면 YES를 틀리면 NO를 출력하는 프로그램을 작성하세요. 입출력 입력 : 150 이상 출력 : YES! 입력 : 150 미만 출력 : NO! 나의 풀이 const height = Number(prompt("")); if (height >= 150) { console.log("YES~! 환상의 나라로 오세용"); } else { console.log("NO~! 더크고 오세용"); } 간단하게 if 문으로 해결하였다. prompt로 받은 수를 Number 함수를 이용해 변환해주었다. 정답과 반성의 시간 const h..
-
[JS 100제] 문제16 - 로꾸거🛠 develop/CodingTest 2022. 11. 9. 08:56
문제 문장이 입력되면 거꾸로 출력하는 프로그램을 만들어 봅시다. 입출력 입력 : 거꾸로 출력 : 로꾸거 나의 풀이 reverse 함수가 있다는 것을 알고 있었지만, for 문으로도 풀어보는 것이 구조적 개념을 쌓을 때 좋을 것 같아 두 가지로 풀어보았다. 1. for문을 이용해서 풀기 const txt = prompt("로꾸거 로꾸거 로꾸거 말해말!"); const retxt = txt.split(""); let result = []; for (let i = retxt.length - 1; i >= 0; i--) { result += retxt[i]; // 배열로 그대로 반환하고 싶다면 push를 쓰면 될듯 하다. } console.log(result); // !말해말 거꾸로 거꾸로 거꾸로 문자를 입력받..
-
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 -> ..
-
[JS 100제] 문제15 - 자기소개🛠 develop/CodingTest 2022. 11. 8. 11:24
문제 신학기가 시작되고, 아이들이 돌아가면서 자기소개를 하기로 했습니다. 만약 입력으로 '김다정'이라는 이름이 주어지면 "안녕하세요. 저는 김다정입니다." 라고 출력하게 해주세요. 입출력 입력 : 김다정 출력 : 안녕하세요. 저는 김다정입니다. 나의 풀이 정답은 const name = prompt('이름을 입력해주세요'); console.log(`안녕하세요 저는 ${name}입니다.`); 이다. 그냥 단순하게 템플릿 리터럴을 사용하여 문제를 해결하였다. 정답 const name = prompt('이름을 입력하세요.'); console.log(`안녕하세요. 저는 ${name}입니다.`); // es6부터는 backtick 문자열(``) 안에서 $와 중괄호로 표현식을 사용할 수 있습니다. // 이를 템플릿 ..