프론트엔드 정복하기

할당 연산자 : 표준 연산의 축약형 이름 단축 연산자 의미 덧셈 할당자 x += y x = x + y 뺄셈 할당자 x -= y x = x - y 참고 사이트 https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Operators/Assignment_Operators

HTML /** 탭 Nav Bar **/ Pictures Music /** 탭 Contents **/ Pictures Music CSS #tab-content p { display: none; } #tab-content p.is-active { display: block; } Javascript const TABS = [...document.querySelectorAll('#tabs li')]; const CONTENT = [...document.querySelectorAll('#tab-content p')]; const ACTIVE_CLASS = 'is-active'; function initTabs() { TABS.forEach((tab) => { tab.addEventListener('click',..

JSON.parse( ) : String 객체를 => json 객체로 변환시킴 JSON.stringify( ) : json 객체를 => String객체로 변환시킴 먼저, parameter 값을 stringify하여 전송하면 데이터가 어떤 형태로 바뀌는지 살펴보자. 전송할 parameter 값 { no : "24", status : "재직" } JSON.stringify(parameter) 하여 형태 변형 후 => 변환된 값을 확인하면 { "no" : "24" "status" : "재직" } 서버에서 parameter 값을 받고, response 값을 보내줬다. 서버에서 전송해준 response 값 { "result" : "success" } 프론트에서 JSON.parse(response) 하여 형태 변환..

어떤 버튼을 클릭하거나.. 기타 이벤트가 발생했을 때 다른 URL로 이동시킬 수 있다. 이 과정을 리다이렉트라고 한다. 본인은 로그인버튼을 눌렀을 때 어떤 절차를 거치지 않고 다른 주소로 이동시키기 위해서 해당 이벤트를 사용했다. 아래 구문을 클릭이벤트 등에 위치시키면 된다. window.location.href = 'http://www.abc.com/'; 또 이런 방법도 있다. http://www.abc.com/ 에 접속했을 때 http://www.codingfactory.net/으로 이동시키고 싶다면? if(window.location == 'http://www.abc.com/'){ window.location.href = 'http://www.codingfactory.net/'; }

onclick, onload 등의 이벤트를 제어하려면 어떻게 해야 할까? 순수 자바스크립트 document.getElementById("clickTest").onclick = null; jQuery $("#clickTest").attr('onclick', '').unbind('click');

컴파일 타임 : 개발자가 작성한 코드가 컴파일 과정을 통해 컴퓨터가 인식할 수 있는 코드로 변환되어 실행 가능한 프로그램이 되는 과정 컴파일 에러 : 컴파일되는 과정 중에 Syntax error, 파일 참조 오류 등의 문제로 컴파일이 방해되어 발생하는 에러 컴파일 에러의 종류 : Syntax error Type check error 런타임 : 컴파일 과정을 마친 응용프로그램이 사용자에 의해서 실행되어지는 때 런타임 에러 : 이미 컴파일이 완료되어 프로그램이 실행중임에도 불구하고, 의도치 않은 예외상황으로 인해 프로그램 실행 중에 발생하는 오류 런타임 에러의 종류 : 0 나누기 오류 NULL 참조 오류 메모리 부족 오류 폴리필(Polyfill)이란?) 런타임에 필요한 기능을 주입하는 것이다. 다시 말해 브..