용기러기's Coding World

안녕하세요 :D 이번 포스팅에서는 사용자로부터 입력을 받아서 출력해보는 기능을 위한 prompt 문법에 대해서 알아보겠습니다:D 일단 저는 사용자로부터 입력을 받을 상황을 가정하고 그에 따른 코드를 구현해보며 설명해보고자 합니다 :D 일명 ! '자소서 복사기' 말도 안되는 프로그램이지만..ㅎㅎㅎ 쓰기 귀찮은(?) 자소서에 각자의 이름만 입력하면 멋진 자소서를 출력해주는 프로그램을 만들고자 합니다:D 자소서 복사 프로그램의 특징을 정리해보면 1) 이름을 입력받는다(prompt) 2) 입력받은 이름을 선언한 변수(name)에 할당한다 3) 미리 자소서 양식을 변수로 만들어 둔다. 이 때, 이름 부분에 템플릿 리터럴(Template Literal)을 통해 name변수로 뚫어(?) 놓는다 4) 이름이 추가된 자..

안녕하세요 :D 오늘은 공통적으로 변수를 선언(Declaration)하는 데에 쓰이는 var, let, const가 개별적으로 어떤 특징을 가지는지 비교하면서 알아보고자 합니다:D 먼저, var 에 대해서 살펴보면, 위를 보시면, 변수명 mvp라는 변수에 '코비 브라이언트'라는 문자열을 할당(assignment)해준 것을 볼 수 있습니다:D 그런데, 한번 선언된 mvp 변수를 밑에서 또다시 써서 이번에는 '홍용기'라는 (제이름입니다..ㅎ) 문자열을 넣어줬는데요! 이렇게 이미 선언한 변수를 또다시 선언할 수 있게 해주는 것이 'var'의 특징입니다 :D 그러나, 이러한 특징은 코드가 길어졌을 경우 이미 선언했던 변수인지, 나중에 그러면 특정 변수명을 썼을 때 어떤 값이 출력될지 알 수 없는.. 혼동이 올 ..

안녕하세요 :D 오늘은 Js의 Array 내장 객체의 메서드들을 알아보고자 합니다 먼저 간단하게 array(배열)는 순서가 있는 자료! 인데요 예를 들어, "1번 파일 좀 가져다줘!" 라고 하면 명확하게 1번 파일첩에 1번 파일이 있어야 주문을 받은 사람이 가져다 줄 수 있겠죠? 이런식으로 배열은 1번에 1번 파일을 넣어놓고, 나중에 1번! 하면 1번 파일을 쓸 수 있도록 저장해놓은 자료라고 생각해볼 수 있을 것 같습니다 :D 그럼 이러한 Array 내장 객체에서 제공하는 메서드들, 그중에서도 유용하게 쓰일만한! 것들을 살펴볼건데요! 1) Array.from(배열, 조건); 먼저, Array.from(배열, 조건); 인데요! 배열 부분에 배열을 넣고, 조건 부분에 위의 예시처럼 ' x => x +x ' ..

안녕하세요 :D 오늘은 for문을 쓸 때 특정 자료(배열, String 등)의 요소를 순서대로 좀 더 편리하게 꺼내오는 방법에 대해서! 그리고 그중에서도 for in 과 for of의 차이점에 중점을 두면서 알아보도록 하겠습니다 :D (그러나, 아직 제 지식이 불완전한 이유로 단순 '기능적인' 측면에서의 차이를 논하겠습니다) 1) for in 먼저 for in에 대해서 살펴볼건데요! 위를 보시면, 요소를 하나하나 가져오는데 굳이 이렇게 써준 이유가 궁금하실텐데요!(아닌가요..?) 여기에 for in의 특징이 있습니다 :D 결론적으로, for in은 요소를 하나하나 가져오는 것이 아닌 요소의 인덱스(index)를 가져온다는 점! (** 객체의 경우에는 객체의 키 값들을 가져온다는 것 기억해주세요!) 저렇게..

안녕하세요 :D 오늘은 자바스크립트에서 제공하는 내장 객체 중에 하나인 Math 객체 그리고 그중에서도 알고리즘 풀이 등에서 유용하게 쓰일만한 몇가지 메서드들을 정리해보고자 합니다 :D 1) Math.pow(x,y); 먼저, 쉽게 제곱을 할 수 있도록 도와주는 pow 메서드가 있습니다. 사용법은 위와 같이 x= 제곱해줄 수 y = 몇 제곱을 할지 로 작성해주시면 됩니다 :D 위의 경우에는 2의 3승을 알아보기 위해 x,y에 각각 2,3을 넣었습니다! (*참고로 자바스크립트에서는 제곱 연산자로 '**' 을 제공하고 있습니다. 즉, '2**3 = 8' 입니다 :D) 2) Math.sqrt(input); 제곱하는 메서드를 알아봤으니 이제 제곱근(Square root)을 구하는 메서드를 알아봐야겠죠? :D 제곱..

안녕하세요 :D 오늘은 자바스크립트의 기초 문법 중 자료형 변환 메서드! 그 중에서도 자료형을 Number(숫자형 자료)로 바꿔주는 메서드 parseInt() 와 Number()에 대해서 알아보고자 합니다 :D * typeof 는 대상이 되는 자료의 타입(자료형)을 리턴합니다 :D 이처럼 parseInt() 와 Number() 메서드는 공통적으로 String(문자열) 자료를 '바꿀 수 있다면', 즉, 숫자로 이루어진 문자열과 같은 경우라면 숫자형 자료로 바꿔주는 기능을 가지고 있습니다 :D 그러나, 두 메서드에는 미묘한(?) 차이가 있는데요! 위를 보시면 쉽게 이해하실 수 있습니다 parseInt() 는 "30회"라는 문자열, 달리 말해, 글자가 포함된 '숫자+문자' 형태의 문자열 또한 숫자로 바꿀 수 ..