본문 바로가기

분류 전체보기

 (75)
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( )
웹소켓, SSE 차이점 웹소켓 -> 클라이언트와 서버의 양방향 소통 -> 사용처 : 실시간채팅, 게임, 주식차트 SSE (server-sect-event) -> 서버에서 클라이언트의 단방향 실시간 이벤트 데이터 전달 -> 사용처 : 실시간 알림기능, : 어떤걸 사용할지는 쓰임새에 따라 다르니 더 맞는 조건에 맞추어 사용.
split( ) , replace ( ) 키값 불러온 후 쓸모없는 문자및 숫자 제거 소수점 및으로 제거하기 키값 불러왔는데 그 값에 쓸모없는 숫자나 문자가 있을경우. split( ) const 자르기 = 불러와야할 키값.split('.')[0]; // 소수점 .및으로 삭제 적용 replace ( ) const 문자제거 = 불러온키값.replace('삭제하고싶은 값',' ').split('.')[0]; // 삭제하고 싶은 문자와 소수점 밑 숫자 제거
port 번호에 따라 api 키값이 안나올수도 왼쪽 : 로컬 서버 오른쪽 : 개발서버 보면 로컬 서버에 DETECT_TIME 이 오른쪽에는 없다. 작업을 한후 불러왓을때에도 undefined가 떠서 한참 해맸다. 이런경우에는 api 의 주소가 같은지 확인을 하고서 같다면 포트 번호를 수정해보자. 문제가 해결된다.
git 특정 파일만 push 하기 git 특정 부분만 push 하기 작업을 하다보면 파일중 특정 파일만 push를 해야할 순간이 온다 그럴때 사용하기 좋은 방법 우선 어떤 파일이 수정이 되었는지 확인하기. git status 올리고 싶은 파일의 정체 경로를 작성해준다. git add "올리고 싶은 파일 전체경로" 그리고는 원래 하던데로 commit git commit -m "하나만 push" 그리고 Push 해주기!!! git push
undefined 가 나오는 이유 undefined 1. 사용자가 명시적으로 정한경우. - 여기에는 값을 넣지 않을거야. 라고 지정하여 알리는 경우. 2. javascript 엔진이 반환하는 경우 1) 값이 할당되지 않았을 때 let age; consol.log(age); //undefined 2) 존재하지 않는 속성에 접근할 때 let odj = { age : '20' } console.log(obj.name) 3) 함수에 return 문이 없을때, 호출되지 않는 함수를 실행할때.
브라우저 동작원리 정리 브라우저 동작원리 정리 HTML 파싱 : 이때 dom 트리구조를 생성하고 태그와 종류를 분석함. | CSS 파싱 : css의 속성을 파싱한다. | 랜더트리 생성 : DOM 트리와 CSSOM 트리를 결합하여 렌더트리를 생성한다. | 레이아웃 : 랜더트리의 요소와 크기를 계산해서 알맞는 위치에 적용시킨다. | 페인팅 : 브라우저는 랜더된것을 화면에 그린다.

티스토리툴바