반응형 JavaScript9 Javascript 자료형에는 어떤 것이 있을까? 자바스크립트는 동적 언어로서, 타입을 미리 명시할 필요가 없다. 타입은 프로그램이 처리되는 과정에서 알아서 파악될 것이기 때문이다. 이 때문에 우리는 프로그램을 실행하기 전, 어떤 타입이든 동일한 변수에 넣어줄 수 있다. var something = 11; // 이제 Number 타입 var something = "bar"; // 이제 String 타입 var something = true; // 이제 Boolean 타입 자바스크립트의 데이터 타입 자바스크립트에는 6가지의 기본 자료형과 Object라는 자료형까지해서 총 7개의 자료형이 있다. 기본 자료형 1. Boolean 타입 Boolean타입은 true와 false 둘 중 하나의 값을 갖는 논리적인 요소를 뜻한다. A라는 물체가 물인지 아닌지를 표현.. 2021. 4. 5. javascript 변수 - const, let, var 변수에 대하여 javascript 뿐만 아니라 어떤 프로그래밍 언어에서든 가장 먼저 다루는 개념이 변수이다. 변수는 '무언가를 담는 상자'라고 생각하면 쉽다. 프로그래밍을 할 때는 무언가를 담아두었다가, 원하는 시점에 꺼내서 쓸 수 있도록 하는 방식으로 코드를 작성하게 된다. 이 말은 '무언가를 담을 수 있는 상자'라는 것이 정확히 어떤 것이고, 어떻게 이루어져 있는지를 이해하는 것이 필요하다. 필자는 4개월간 javascript를 사용해왔는데 기능 구현에만 초점을 맞춘 상태로 기본을 놓치고 있었다. 이번 포스팅에서는 javascript에서 사용되는 '무언가를 담는 상자'에 대해 다뤄보고자 한다. javascript에서의 변수 선언 javascript에서 사용되는 변수 선언은 const, let, var.. 2021. 3. 31. vanilla js를 이용하여 bottom sticky button 만들기 이번 포스팅에서는 Vanilla js를 활용하여 하단 Sticky Button을 만들어보겠다. 목표: 스크롤을 특정 구간 이상으로 내릴 때 Sticky버튼이 보이고, 올릴 때 사라지도록 만들기 1. 새로운 엘리먼트 동적으로 추가해보기 html에 미리 코드를 만들어 놓고 실행할 수도 있지만, javascript를 이용해서 추가하는 경우를 만들어 보았다. sticky버튼을 감싸고 있는 컨테이너로 div를 만들었고, 텍스트를 위한 p 태그를 만들었다. 이후 sticky_container에 스타일을 지정해주기 위해 sticky_container라는 class이름을 주었다. not_show라는 것은 뒤에 나오겠지만, sticky 버튼을 숨겼다가 보여지게 하기 위함이다. 2. 버튼에 스크롤 이벤트 달기 사용자가 s.. 2021. 2. 26. javascript 숫자 3자리마다 ,(콤마)찍어 구분하기 이는 정규식으로 간단하게 구현이 가능하다. function numWithComma(num) { return num.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ","); } var cost = 100000; console.log(numWithComma(cost)); 위의 결과값은 100,000이 나오게 된다. 2021. 2. 22. 이전 1 2 3 다음 반응형
