본문 바로가기

javascript

(29)
form , input 태그 속성들 , autocomplete, label for 사용법, required , Post , get 요청 사용, method , action url 사용법 form 태그 속성들 form = [{ action : 전송될 url method : POST, GET방식 선택 }] input 태그 속성들 type input = [{ text: 텍스트 , password: 비밀번호 , email: 이메일 , autocomplete: 자동완성기능 , required: 필수 입력란에 추가 , }] +@ 에는 for를 사용해서 하나의 묶음으로 표현한다. 이름: // input 의 id 와 label 의 for가 같아야 한다 // 즉, 묶고자 하는 것와 id와 for가 같아야 한다는 뜻.
include( ),indexOf( ) 함수 string 특정 문자 위치 찾기 함수 include( ) 문법 원하는 내용을 확인할때 사용한다. 내가 원하는 숫자나 문자가 data 안에 들어가냐 안들어가있냐의 차이. 아래 코드처럼 작성하해서 사용하면 된다. let data = [1, 2, 3, 4]; if (data.includes(3)) { console.log("true"); } else { console.log("false"); } 여기서 주의해야할 점은 includes( ) 는 ie 에서는 작동이 안될수도 있다. 그럴때 사용하는것이 indexOf( ) 함수 찾는 문자열이 없으면 -1 을 반환. 찾는 문자열이 있으면 첫번째 글자의 순서를 반환. const string = 'Hello wolrd'; console.log(string.indexOf('wolrd')); // 6 conso..
함수 선언식, 표현식 차이 : 호이스팅 함수는 선언식과 표현식으로 나뉜다. 선언식 function 선언식( ){ 동작코드 } 표현식 var = 표현식 ( ){ 동작코드 } 표현식( ) 선언식의 경우 호이스팅이 가능해 맨상단으로 끌어올려진다. 만약 호이스팅에 관해 몰라도 변수나 함수를 맨 상단에 작성해주면 왠만한 코드들은 에러없이 잘 작동됨.
setAttribute, getAttribute, removeAttribute 가 뭐야? 차이점 속성값변경, 삭제, 접근 setAttribute( ) 메서드 / getAttribute( ) 메서드 / removeAttribute( ) 메서드 : 메소드는 속성값을 변경시키는 메서드이다. 사용방법 // 속성 접근하기 새로운객체명.getAttribute("href") console.log(link.getAttribute("href")) // 속성 수정하기 새로운 객체명.setAttribute("속성노드명",새로운속성값"): link.setAttribute("href","https://www.naver.com") // 속성 삭제하기 새로운객체명.removeAttribute("href")
replace( ), 속성변경 replace메서드가 뭐야 사용법 replace( ) 메서드 안의 속성을 할당 되어진것을 원하는 속성값으로 교체해주는 메서드이다. var test = document.querySelector('p')[0] test.classList; test.classList.add('happy'); test.classList.replace('happy','fun'); // happy -> fun 으로 변경
concat( ), spread 연산자 배열 합치기는 어떻게해? concat( ) 메서드 메서드를 사용하면 하나의 배열에 다른 배열을 합칠수가 있다. 그럼 spread연산자를 사용하면 되지않나. 이 메서드를 사용하면 기존의 목록들은 그대로 있고, 나머지들만 추가한 후 반환을 해주기에 사용된다. 예제를 만들어 보았다. const num1 = [1,2,3] const num2 = [4,5,6] const result = num1.concat(num2); console.log(num2); // [1,2,3,4,5,6]
localstorge , setItem , getItem , removeItem, stringify , parse 가뭐야 사용법 localStorge.setItem( ) 로컬 스토리지에 저장 localStorge.getItem( ) 로컬 스토리지에서 빼냄 localStorge.removeItem( ) 로컬스토리지에서 삭제함. 여기서 object나 array를 로컬스토리지에 저장하고 싶으면 JSON 파일로 변환해서 넣어줘야 한다. 그때 쓰는 문법은 JSON.stringify( ) // () 안에 변환할 오브젝트의 이름을 넣는다. 반대로 로컬스토리지에거 파일을 꺼내고 싶으면 JSON파일을 오브젝트 자료로 변환해줘야한다 그때 쓰는 문법은 JSON.parse( )
split( ) , replace ( ) 키값 불러온 후 쓸모없는 문자및 숫자 제거 소수점 및으로 제거하기 키값 불러왔는데 그 값에 쓸모없는 숫자나 문자가 있을경우. split( ) const 자르기 = 불러와야할 키값.split('.')[0]; // 소수점 .및으로 삭제 적용 replace ( ) const 문자제거 = 불러온키값.replace('삭제하고싶은 값',' ').split('.')[0]; // 삭제하고 싶은 문자와 소수점 밑 숫자 제거
undefined 가 나오는 이유 undefined 1. 사용자가 명시적으로 정한경우. - 여기에는 값을 넣지 않을거야. 라고 지정하여 알리는 경우. 2. javascript 엔진이 반환하는 경우 1) 값이 할당되지 않았을 때 let age; consol.log(age); //undefined 2) 존재하지 않는 속성에 접근할 때 let odj = { age : '20' } console.log(obj.name) 3) 함수에 return 문이 없을때, 호출되지 않는 함수를 실행할때.
비동기 이벤트 동작원리 / call stack, web api , call queue ,event loop 비동기 이벤트 동작원리 console.log('시작') -> call stack [ settimeout ](보관) -> web api ( 비동기 함수 보관, 아직 일정시간이 안지나서 남아있음 ) -> call queue ( 일정시간이 지나면 옴 ) -> event loop ( call stack 에 뭐가 남아있는지 확인 후 call stack 으로 내보냄 ) -> call stack '시작' 실행