본문 바로가기
728x90
반응형

JavaScript22

[ajax] ajax 화면을 그려내고 나중에 내용 포함시키는 예제 ajax Asynchronous Javascript and XML : 비동기적으로 데이터를 전송하고 받아오기 위해서 사용 특정요소에 데이터 불러와서 표시하기 ${"요소"}.load(); ajax() : http 프로토콜을 이용해서 데이터를 전송하고 데이터를 text나 json 형태로 받아오는 함수 $.ajax({ url :"전송 url", type:"전송방식 [get|post]", data:"전송할 데이터", dataType:"요청 데이터 타입(html, text,json,xml)", success:function(result){ //요청 성공시, 실행하는 함수 //결과를 파라미터로 받아올 수 있음 //이것을 적지 않으면 결과를 받아올 수 없음 }, error:fuction(){ //요청 실패시, 실행하.. 2023. 11. 6.
[JQuery] 기초 문법 - 선택자 사용 2018년에 수업 들을 때 정리해 둔 것을 밝견했다 ㅎ.ㅎ 열심히 수업 듣고 정리한 그때의 내가 귀여워서 업로드 .. JQuery : javascript API 자바스크립트에서 자주 사용되는 기능을 미리 만들어둔 라이브러리 언어, 조금 더 쉽게 자바스크립트를 사용할 수 있게 해 준다. 장점 - 가볍다 - 비동기통신(ajax) 구현이 편리해짐 - 동적으로 html이나 css를 조작하는 것이 편리 - html 요소를 조작하기 위해서 javascript를 사용 >> html 요소를 선택하고 속성을 변경하는 함수들이 포함되어 있음 JQuery를 사용하려면 1. JQuery 라이브러리를 사용하겠다! 라고 선언하고 사용 1) JQuery js 파일을 다운받아서 사용 2) 네트워크 환경에서 js를 불러서 사용 > 둘.. 2023. 11. 6.
[JavaScript] 자바스크립트 Spread Operator (... 문법, ...의미) 어느날 갑자기 등장해서 날 당황스럽게 만든 ... 구글에 자바스크립트 ... 검색해도 내가 원하는 건 없고 각종 자바스크립트 문법만 검색이 되었다 답답해 주그는 줄 알았고요 그래서 또 열심히 곤부했지 ㅠ.. 자바스크립트 ... 문법 (Spread Operator)에 대해 알아보자 ! spread operator = 펼침연산자 = ... (점 3개...) 쓰는 문법 var arr = ['a', 'b']; console.log(...arr); ...은 [] 괄호를 제거해 주는 문법이기 때문에, 위 코드를 출력하면 괄호가 제거된 'a', 'b'만 출력된다 문자에 붙이면? var text = 'abcd'; console.log(...text); 위 코드를 출력하면 괄호가 제거된 'a', 'b', 'c', 'd'.. 2023. 2. 24.
[JavaScript] Tagged Literals로 문자열 위치 바꾸고 변수 제거하기 이 부분을 알면 조금 더 이해가 쉬움! 2023.01.31 - [JavaScript] - [JavaScript] 자바스크립트 Template literals로 변수 포함한 html append 쉽게하기 ES6에서 지원하는 문법(?) 중 하나, tagged literals 요걸 사용하면 문자열 사이에 있는 단어 순서를 바꾸거나 변수를 제거하기 쉽다 var name = 'sol'; function tagLiteral_test(text, var){ console.log(text); console.log(var); } tagLiteral_test`이 블로그 작성자는 ${name} 입니다`; 사용 방법 1) 문자열 쪼개는 함수를 만들고 2) 쪼갤 문자열을 함수에 `백틱`안에 넣어서 호출한다 첫번째 파라미터 tex.. 2023. 2. 1.
728x90
반응형

티스토리툴바