개발언어/JavaScript

[JavaScript] 증감수 i++, ++i, i--, --i 에 대해 알아보기

https://dasima.xyz/javascript-incre-decre-operators/ 참고

[JavaScript] Dot Notation vs Bracket Notation 에 대해 알아보기

https://codeburst.io/javascript-quickie-dot-notation-vs-bracket-notation-333641c0f781 번역

[JavaScript] 지정된 범위에서 난수를 발생시키는 적당한 함수 <랜덤수> 분석해보기

function randomRange(min, max) { return Math.floor(Math.random() * (max + 1 - min)) + min; } https://stackoverflow.com/questions/62981108/how-does-math-floormath-random-max-min-1-min-work-in-javascript 참고 https://stackoverflow.com/questions/17516771/javascript-random-number 참고

[JavaScript] 객체와 배열이 섞인 복잡한 객체 만들어서 접근하는 방법

이 스터디 코드에 접근하기 위해서는 Replit에서 풀었던 문제로 예시 들었다. 객체란(Object)? let myDog = { name: 'jang-gun', legs: 4, tails: 1 } 특정한 property에 key를 이용해서 value에 접근하는 것이다. 객체 속성 접근 [ Dot Notation ] -> . 이용하기 function dotNotation() { // 아래의 코드는 수정하지 마세요. let testObj = { "hat": "ballcap", "shirt": "jersey", "shoes": "cleats" }; // 아래의 코드를 수정해주세요. let hatValue = testObj; let shirtValue = testObj; hatVa..

[JavaScript] 변수가 필요한 이유와 선언하는 방법

변수가 필요한 이유 변수(Variable)는 프로그램에서 사용되는 데이터를 일정 기간 동안 기억하여 필요한 때에 다시 사용하기 위해 데이터에 고유의 이름인 식별자(identifier)를 명시하며 데이터를 담는 바구니이자 바뀔 수 있는 공간라고 생각하면 된다. 식별자는 어떤 대상을 유일하게 식별할 수 있는 이름 ex. 변수명, 함수명, 프로퍼티명, 클래스 명 사람을 고유한 이름으로 식별하듯이 변수도 사람이 이해할 수 있는 언어로 지정한 고유한 식별자(변수명)에 의해 구별하여 참조할 수 있다. 변수와 대비되는 개념은 상수라고 하며 변하지 않는 공간 여기서 잠깐! 데이터는 메모리에 저장되어 있어 그 데이터를 참조하려면 메모리 상의 주소를 알아야 한다. 식별자는 데이터가 저장된 메모리 상의 주소를 기억하기에 메..

[JavaScript] 데이터 타입 Data Types 의 종류

Number (숫자) String (문자열) Boolean True False Array (배열) [] 순서가 있는 데이터의 모음 참조타입 Object (객체) {} key : value(property) 로 이루어진 형태 관련된 정보를 묶어 저장하는 경우 Undefined ( 변수는 선언만 했을 뿐, 값이 정의되지 않는 상태 ) let name; Null ( 값이 아예 없다! ) typeof null - object

Weather날씨 만들기

navigator.geolocation.getCurrentPosition(success, error) Step 1. 사용자의 위치를 알아본다. (현재 위치의 위도와 경도) function onGeoOk(position) { console.log(position); } function onGeoError() { alert("Can't find you. No weather for you."); } // 사용자의 현재 위치를 요청한다. navigator.geolocation.getCurrentPosition(onGeoOk, onGeoError); function onGeoOk(position) { const lat = position.coords.latitude; const lon = position.coor..

To Do List 만들기

기본 세팅 const toDoForm = document.getElementById("todo-form"); const toDoInput = document.querySelector(" #todo-form input"); const toDoList = document.getElementById("todo-list"); function handleToDoSubmit(event) { event.preventDefault(); // input의 현재 value를 새로운 변수에 복사하는 것. const newTodo = toDoInput.value; toDoInput.value = ""; } toDoForm.addEventListener("submit", handleToDoSubmit); ToDo 추가하기 co..