본문 바로가기

JavaScript

(61)
typescript 선택적 변수 const name = "kim", age = 21, gender = "male"; const sayHi = (name, age, gender) => { console.log(`hello ${name}, your are ${age}, you are a ${gender}`); } sayHi(name, age, gender); export {}; 결과 : hello kim, your are 21, you are a male const name = "kim", age = 21, gender = "male"; const sayHi = (name, age, gender) => { console.log(`hello ${name}, your are ${age}, you are a ${gender}`); } sayHi..
javascript Tip Object key : value 이름 같을 때 object 의 키와 벨류의 명칭이 같은 경우 const coordsObj = { /* latitude: latitude, longitude: longitude // Same with down stuffs */ latitude, longitude } 위 와 같이 생략 할 수 있다.
javascript navigator api , 사용자 위치 가져오기 사용자의 위치 가져오기 function handleGeoSucces(position) { Console.log(position); } function handleGeoError(){ console.log("Cant access geo location"); } function askForCoords() { navigator.geolocation.getCurrentPosition(handleGeoSucces, handleGeoError) } askForCoords 에서 navigator.geolocation.getCurrentPosition 를 사용하여 사용자의 위치를 가져올 수 있다. .getCurrentPosition는 인자 값 두개를 받고, 첫번째가 성공시, 두번째가 실패시 이다. https://dev..
javascript 화살표 함수 => 와 그냥 대입 함수 차이 화살표 함수, 즉 에로우 펑션(arrow function expression) 은 언제나 익명이다. 그렇기 때문에 함수를 대입하는 곳에서 사용하는 것이 적절하다. https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Functions/%EC%95%A0%EB%A1%9C%EC%9A%B0_%ED%8E%91%EC%85%98 const cleanToDos = toDos.filter(function (toDo) { // Filter return no selected li list. return toDo.id !== parseInt(li.id); }); const cleanToDos = toDos.filter( toDo => toDo.id !== parseI..
javascript and json locastorage 는 string 만 받을 수 있으며, javascript 객체를 집어 넣을 경우 object 와 같이 객체 속성의 명칭(string)만 저장된다. 그렇기 위해 javascript 객체를 json string 으로 변환해주는 json.stringify 을 사용하여 넣어줘야한다. 위 예제: https://www.youtube.com/watch?v=JEbOaI_0phc&list=PL7jH19IHhOLM8YwJMTa3UkXZN-LldYnyK&index=27 https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/JSON/stringify 마찬가지로 json string 을 javascript object 로..
javascript js 에서 html 로 element 추가 , 삭제 appendChild 부모에게 값을 추가 하는 테그 https://developer.mozilla.org/ko/docs/Web/API/Node/appendChild 반대로 제거하는 것은 removeChild() 를 사용 예시로 html 에서 ul list element 를 가져오고 js 에서 ul 에 li 를 append 해주면 js 에서 리스트를 만들 수 있다. 마찮가지로 remove 를 통해 리스트를 지울 수 있다.
javascript js 에서 html element 값 가져오기 혹은 만들기 js 에서 html element 찾기 document.querySelector(".클래스네임"); - 이하 자손 element 값 가져옴 document.querySelector("input"); - 테그 네임으로 도 가져옴 - 하지만 querySelector 는 노드 첫 번째 값만 뱉음 js 에서 html element 생성 document.createElement("input") - input 테그 생성 document.createElement("ul") - ul테그 생성
javascript 이벤트 중단 함수 preventDefault 예를 들어 숫자만 입력 가능한 form 에 숫자 외 값 클릭 시 event.preventDefault 로 이벤트를 중단 할 수 있다. https://developer.mozilla.org/ko/docs/Web/API/Event/preventDefault