도시의 침묵보다는 바다의 속삭임이 좋아요

※소소한 개인 프로젝트 기록입니다. 1) 과정 이번 프로젝트는 '계산기'이다. 왜 3-1 이냐면, 현재 코드까지는 오직 두개의 수만 계산할 수 있기 때문! 이번에도 역시나 'Zero cho'님의 강의에서 아이디어를 얻었다. (감사합니다🙇‍♀️ 강의 잘 보고 있습니다.) 항상 zero cho님의 유튜브 강의를 통해 강의를 보다가, 이번에 내신 자바스크립트 책이 온/오프라인으로 나와서 전자책으로 보고 있다!! 관련 링크는 아래 참고자료 칸에 첨부하도록 하겠다. 어떤 강의를 보고 클론 코딩을 하더라도, 항상 그분들 코드보다 조금씩은 더 기능을 추가해보려고 노력하는 편이라 이번에도 별거 아니지만 기능을 추가해보았다. 내가 임의로 추가한 기능과 함께 계산기의 전체적인 기능을 아래 적어보겠다. - 사칙연산(더하기,..

querySelectorAll을 쓰면서 가끔 겪는 문제가 있다. 선택한 요소 중 특정 요소만 효과를 주고 싶은데, 그러면 그 요소의 인덱스를 알아야 한다는 것! 그래서 구글링을 해보다가 할 수 있는 방법을 찾았긴 찾았다. 이게 과연 성능 등을 고려해도 좋은지는 모르겠지만....! 그래도 오늘의 성과이니 기록해두려고 한다. 아래의 예제는 모든 button 요소들을 저장한 buttons 에서, 내가 클릭한 인덱스(buttons[n])의 요소가 가지고 있는 textContent를 alert 창으로 띄우는 기능이다. const buttons=document.querySelectorAll('button'); for(let i=0;i{ alert(buttons[idx].textContent); } })(i); } ..

※배워가는 학생입니다. 틀린 부분이 있다면 댓글로 피드백 부탁드려요😁 1) 자바스크립트 자료형 자바스크립트의 자료형은 크게 기본 타입과 참조 타입으로 나뉨 - 기본 타입 : 숫자, 문자열, 불린값, undefined, null - 참조 타입 : 객체 (배열, 함수, 정규표현식) 2) 숫자 c언어와 같은 경우에 int, long, float, double 등 정수냐 실수냐에 따라 다양한 숫자타입이 존재하지만, 자바스크립트의 경우에는 딱 하나의 숫자형, number 만 존재한다. let intNum=10; let floatNum=0.5; console.log(typeof intNum); // number console.log(typeof floatNum); //number 자바스크립트에서는 모든 숫자를 64..

※배워가고 있는 학생입니다. 틀린 부분은 댓글로 알려주시면 감사하겠습니다😁 자바스크립트 데이터 타입 중 null과 undefined의 차이를 잘 몰라서 정리해두려고 한다. 사실 그렇게까지 중요한지는 잘 모르겠지만 .. 그냥 궁금해서 찾아보았다! 배우는 입장에서 중요하고 중요하지 않고를 따져가면서 하기엔 넘 건방지니까,, null과 undefined는 모두 자바스크립트에서 '값이 비어있음'을 나타낸다 1) undefined - 값이 할당되지 않은 변수의 기본값. 즉, 변수를 선언할 때 값을 대입하지 않으면 undefined로 저장 - 반환할 결과값이 없을 때. - 타입이자, 값 let empty; //undefined console.log(typeof empty); //undefined 2) null - ..

※소소한 개인 프로젝트 기록입니다. 1) 과정 날이 좋아서 산책을 했다. 요즘 자바스크립트 실전 연습을 하고 싶었지만, 도통 아이디어가 안 떠올랐는데 문득 어렸을적부터 로또 1등, 2등이 많이 나왔던 동네 슈퍼를 지나가게 되었다. 여기에서 아이디어를 얻어 소소하지만 '로또 번호 추첨기'를 만들어보기로 결심했다! 일단, 나는 로또에 대해 아무것도 모르기 때문에 로또에 대해서 먼저 알아보았다. 1부터 45까지의 숫자 중 6개를 맞히면 된다. 거기에 추가로 아래와 같이 숫자 5개를 맞힌 상황에서 보너스 볼까지 맞히면 2등이 되는 2등 보너스볼도 나온다. -출처: https://namu.wiki/w/%EB%A1%9C%EB%98%90%206/45 아하, 그러면 기본 6개 공 + 보너스 공 번호까지 추첨하는 추첨기..

1) typeof 인수의 자료형을 반환해주는 typeof 연산자는 두가지 형태의 문법을 지원한다. 1) 연산자: typeof x 2) 함수: typeof (x) 괄호의 여부에 상관없이 결과는 동일하다. typeof undefined // "undefined" typeof 0 // "number" typeof 10n // "bigint" typeof true // "boolean" typeof "foo" // "string" typeof Symbol("id") // "symbol" 2) 각 타입별 typeof 연산자 결과 타입 자료형 결과 기본 타입 숫자 number 기본 타입 문자열 string 기본 타입 불린값 boolean 기본 타입 null object 기본 타입 undefined undefined..

programmers.co.kr/learn/courses/30/lessons/68935?language=javascript 코딩테스트 연습 - 3진법 뒤집기 자연수 n이 매개변수로 주어집니다. n을 3진법 상에서 앞뒤로 뒤집은 후, 이를 다시 10진법으로 표현한 수를 return 하도록 solution 함수를 완성해주세요. 제한사항 n은 1 이상 100,000,000 이하인 자연수 programmers.co.kr 1) 풀이 프로그래머스에서 문제 푸는 건 아직 서툴다 😂 그래도 하나씩 모이면 익숙해지겠지. 오늘은 간단한 진법 변환에 대한 문제를 자바스크립트로 풀었다. 진법변환을 위해 자바스크립트의 toString, parseInt 함수를 이용하였는데, 해당 함수들에 대한 내용을 적은 자료가 이미 내 블로그..

배워가는 학생입니다. 틀린 부분이 있다면 댓글로 알려주시면 감사하겠습니다!🤗 알고리즘 문제 중에, 진수변환 문제가 종종 있다. 나는 이걸 여태까지는 직접 % 를 통해 구해왔었는데, 자바스크립트 함수로 이를 쉽게 변환할 수 있다는 사실을 알고 정리해보려고 한다! 1) toString() numObj.toString(radix) - radix: 2~26 사이의 정수 중, 변환하고자 하는 수가 몇진수인지 적어주면 된다. 만약, 2~26 사이의 값이 아니라면 에러가 발생한다. 10진수를 다른 진수로 변환할 때 사용한다. 원래의 toString()은 '특정 객체를 문자열로 반환해주는' 함수이지만, 특정 진수로 변환하고자 할 때에는 이렇게 사용하면 특정 진수로 변환해준다. 즉, 변환하고 자 하는 수.toString..

programmers.co.kr/learn/courses/30/lessons/12912?language=javascript 코딩테스트 연습 - 두 정수 사이의 합 두 정수 a, b가 주어졌을 때 a와 b 사이에 속한 모든 정수의 합을 리턴하는 함수, solution을 완성하세요. 예를 들어 a = 3, b = 5인 경우, 3 + 4 + 5 = 12이므로 12를 리턴합니다. 제한 조건 a와 b가 같은 경우 programmers.co.kr 1) 풀이 자바스크립트로 푸는 두번째 문제😁 그래서 풀이는 다소 지저분하고 서툴어보이고 잘 모릅니당. 혹시나 지나가다가 더 효율적이거나 더 좋은 아이디어가 있다면 댓글 남겨주시면 감사하겠습니다. 이 문제는 풀이 자체는 굉장히 단순하게 풀릴 수밖에 없다. 주어지는 a,b 중..