본문 바로가기
반응형

자바스크립트

반응형
[자기계발]/유튜브로 코딩배우기 2021. 7. 10. [생활코딩] jQuery ajax란? 이번 편은 jQuery 수업의 마지막 파트인 ajax에 대해 알아보도록 하자. ajax란? Asynchronus JavaScript and XML 의 약자이다. Asynchronous는 '동시에 발생하지 않는'이라는 의미이다 JavaScript를 이용해서 비동기식으로 서버와 통신하는 방식이다. 이 때, XML을 이용한다. 꼭 XML을 이용할 필요는 없고, 최근에는 json을 더 많이 이용한다. 비동기식이란 여러가지 일이 동시적으로 발생한다는 뜻으로, 서버와 통신하는 동안 다른 작업을 할 수 있다는 의미이다. $.ajax(settings) jQuery를 이용한 ajax 통신의 가장 기본적인 API이다. settings는 object 즉, 객체이다. 주요 속성은? data: 서버에 전송할 데이터, key/v..
[자기계발]/유튜브로 코딩배우기 2021. 7. 4. [생활코딩] jQuery 탐색(traversing)이란? 이번편에서는 하나의 chain context를 유지하며 제어의 대상이 되는 element를 변경해보는 방법을 알아보자. 이것을 탐색(traversing)라고 부른다 탐색(traversing)이란? chain context를 유지하면서 제어의 대상이 되는 element를 변경하는 기법이다. Traversing | jQuery API Documentation Create a new jQuery object with elements added to the set of matched elements. Add the previous set of elements on the stack to the current set, optionally filtered by a selector. Add the previous s..
[자기계발]/유튜브로 코딩배우기 2021. 6. 27. [생활코딩] jQuery 폼(form) 이란? 잠시 쉬었던 코딩 공부를 다시 하려고 한다. 이번 편에서는 jQuery form에 대해서 알아보자. 폼(forms) 서버로 데이터를 전송하기 위한 수단이며 jQuery는 forms을 제어하는데 필요한 event와 method를 제공한다. Forms | jQuery API Documentation Bind an event handler to the “blur” JavaScript event, or trigger that event on an element. Bind an event handler to the “change” JavaScript event, or trigger that event on an element. Bind an event handler to the “focus” JavaScript ..
[자기계발]/유튜브로 코딩배우기 2021. 6. 8. [생활코딩] jQuery 선택자(selector)란? 저번 편에서는 jQuery wrapper에 대해 알아보았다. 이번 편에서는 선택자 selector를 알아보겠다. 말그대로 선택하는 기능이라고 알고 있으면 된다. 선택자란?(selector) jQuery wrapper에는 2가지 타입의 인자가 전달이 될 수 있다. element object css스타일의 선택자 2번이 더 많이쓰이는데 1번 보다 효과적으로 element를 선택할 수 있기 때문이다. 웹 app을 열고 상자를 클릭하면서 설명을 읽어보면 바로 이해가 될 것이다. 선택자 탐색기(웹 어플리케이션) 기본 . => class selector / # => id selector .tutorial는 tutorial이라고 하는 class를 찾아내는 것 li라는 element의 태그 명을 가지고 있는 eleme..
[자기계발]/유튜브로 코딩배우기 2021. 6. 5. [생활코딩] jQuery란? 자바스크립트 라이브러리 jQuery 문법 알아보자. 라이브러리(library)란? 자주 사용하는 코드를 재활용, 유통하여 재사용할 수 있는 형태로 가공된 프로그래밍 효율을 높여주는 코드들이다. JavaScript 라이브러리에는 prototype, jQuery, YUI 등이 있다. 여기에서는 jQuery에 대해서 배워볼 것이다. 1. jQuery란? jQuery는 자바스크립트의 생산성을 10배 이상 향상시키주는 자바스크립트 라이브러리이다. html 엘리먼트를 제어하는 것이 JS 역할인데, 그러려면 내가 제어하고자 하는 엘리먼트를 선택해야 한다. 그 선택을 하기쉽도록 혹은 한 번에 선택할 수 있도록 해주는 등 여러 방법을 제공 하는 것이 jQuery이다. jQuery는 파생된 라이브러리를 가지고 있다. jQuery UI는 jQuery 기반의 GUI 라이브러리..
[자기계발]/유튜브로 코딩배우기 2021. 5. 28. [생활코딩] JavaScript 문법 - UI /API/문서 보는법. 나만의 쉬운정리 자바스크립트의 교양 수업. 나름 쉽게 이해되도록 정리를 했다. 이렇게 생각해보자. API 와 UI 의 'I'는 'interface'를 말하는데 이것은 '사용 방법' 이라고 해석하면 이해가 더 잘 될 것이다. 개발자들은 Java, JavaScript, Python 등의 언어를 사용한다. 그리고 이 언어안에는 우리가 배웠던 alert, Math, push 등의 명령어가 내장되어있다. 우리는 이것을 사용해서 'web' 같은 'application'을 개발'programming'한다. 그래서 application + programming + interface. API를 사용한다는 것은 '각각의 명령어를 사용한다'고 생각하면 편할 것 같다. UI는 쉽다. 이미 만들어져있는 것들로 사용자 입장에서는 그냥 버튼 같은..
[자기계발]/유튜브로 코딩배우기 2021. 5. 27. [생활코딩] JavaScript 문법 - 모듈 이번 시간에는 JavaScript 문법 모듈에 관해 공부해보자. 이 수업에서는 JS의 대표적인 호스트 환경인 웹브라우저에서 로직을 모듈화하는 방법에 대해 알아볼 것이다. 모듈 프로그램은 작고 단순한 것에서 크고 복잡한 것으로 진화한다. 그 과정에서 코드의 재활용성을 높이고, 유지보수를 쉽게 할 수 있는 다양한 기법들이 사용된다. 그 중의 하나가 코드를 부품처럼 여러개의 파일로 분리하는 것이다 => 모듈 모듈의 효과 자주 사용되는 코드를 별도의 파일로 만들어서 필요할 때마다 재활용할 수 있다. 코드를 개선하면 이를 사용하고 있는 모든 어플리케이션의 동작이 개선된다. 코드 수정 시에 필요한 로직을 빠르게 찾을 수 있다. 필요한 로직만을 로드해서 메모리의 낭비를 줄일 수 있다. 한번 다운로드된 모듈은 웹브라우..
[자기계발]/유튜브로 코딩배우기 2021. 5. 26. [생활코딩] JavaScript 문법 - 객체 배열과 객체는 비슷하면서도 다르다. 사실 공부하기전에는 어떤 것에다가 ( ), [ ], { } 를 써줬나 많이 헷갈렸는데 이번에 다시 정리하다보니 잘 알게되었다. 함수가 괄호 ( ) / 배열이 대괄호 [ ] / 객체가 중괄호 { }를 써준다. 밑에서 더 자세하게 객체를 공부해보자. 객체(object) 객체의 역할은 배열과 비슷하다. 연관돼있는 데이터들을 담아내는 그릇 역할을 한다. 객체는 index로 우리가 직접 원하는 데이터를 지정할 수 있다. key는 index의 역할을 하며, value는 key에 연결되어 있는 값이다. 배열은 [ ]대괄호로 시작해서 대괄호로 끝난다. 객체는 { }중괄호로 시작해서 중괄호로 끝난다. 객체를 대표하는 변수를 만들고 { }에객체를 담아내야 한다. 객체에는 객체를 담을수도..

티스토리툴바