_Programming/JavaScript (12) 썸네일형 리스트형 substr & substring 둘다 문자열에서 특정한 구간의 문자열을 추출하는 함수이다. 사용법만 조금 다르다. Substr(start, length) start : 탐색구간의 시작점 length : start지점부터의 갯수 index = 0 부터 시작 const str = "Yoojin Smart"; console.log(str.substr(7)) // "Smart" console.log(str.substr(7,3)) // "Sma" console.log(str.substr(-4)) // 뒤에서부터 "mart" console.log(str.substr(-4,2)) // "ma" Substring(start, end) start : 탐색구간의 시작점 end : 끝지점으로 출력은 끝지점 바로 전까지 됌 index = 0 부터 시작 co.. Basic.LocalStorage LocalStorage 데이터를 사용자 로컬에 보존하는 방식으로 내가 직접 삭제 하지 않는 한 계속적으로 남아 있다. 즉, 내가 원할 때 삭제 할 수 있고 새로운 것을 저장할 수 있다, Key+Value의 형태로 데이터를 저장하며 브라우저 별로 저장하는 값이 다를 수 있다. JavaScript는 local에 있는 모든 데이터를 String으로 저장하려고 하기 때문에 JSON.stringify 사용해야한다. 즉, Object --> String 으로 바꿔주는 놈이 필요하기 때문에 아래와 같이 F12를 통해 데이터가 저장되어 지는 것을 확인 할 수 있고 데이터를 삭제하는 것도 가능하다. Basic.조건문 If / else If / else condition이 참이여야 if 안에 내용이 실행됌. else if는 여러 조건들에 대한 내용을 실행 할 수 있게 함. if(condition){ block }else if(condition){ block }else { block } And / Or And : 둘 중 하나라도 거짓이면 거짓. Or : 둘 중 하나라도 참이면 참. // And : && ture && true = true; false && true = false; true && false = false; false && false = false; // Or : || ture || true = true; false || ture = ture; true || false = ture; false || fals.. Basic.Ajax Ajax (Asynchronous JavaScript and XML) 자바스크립트를 이용해 비동기적으로 서버와 브라우저가 데이터를 주고 받는 방식이다. 이 때 사용하는 API가 XMLHttpRequest이다. 전체 페이지를 리로딩 하지 않고 XML http통신을 통해 데이터의 일부만 리로딩한다. 즉 전체 페이지를 다시 불러오는게 아니라 내가 필요한 부분만 다시 불러올 수 있다. 장점은 필요한 데이터를 필요한 때에 필요한 부분만 사용하기 때문에 전체 페이지를 로딩할 때보다 데이터를 적게 쓴다는 것이고 그게 바로 더 빠른 속도와 연결된다. 방식에는 아래 두 가지가 있다. Get 방식 & Post방식 Get방식 글자제한이 있고 URL에 전달되는 사용자의 데이터가 노출된다. 따라서 사용자가 입력한 개인정보는 G.. 이전 1 2 3 다음
