본문 바로가기

19살

jQuery(인접 관계 선택자) 안녕하세요 19살 IT 개발자 포돌이입니다. 지난 시간에는 jQuery(직접 선택자)의 직접 선택자를 공부했었는데요 오늘은 인접 관계 선택자를 한번 공부해보려고 합니다. 그럼 한번 들어가시죠~ 인접 관계 선택자 jQuery(선택자 1)에도 있지만 한번 더 복습하는 겸 다시 올렸습니다. 차례대로 기본형과 예제를 적으며 나아가도록 하겠습니다. 부모 요소 선택자 부모 요소 선택자는 선택한 요소를 감싸고 있는 부모 요소를 선택합니다. 기본형은 다음과 같습니다. 기본형 $("요소 선택").parent(); 코딩해보기 다음은 문단 태그 영역의 부모 요소 선택자를 적용한 예제입니다. 하위 요소 선택자 하위 요소 선택자는 선택한 요소로 선택한 하위 요소만 선택합니다. 기본형 $("기준 요소 선택 1 요소 선택 2") .. 더보기
jQuery(직접 선택자) 안녕하세요 19살 IT 개발자 포돌이라고 합니다. 지난번에는 jQuery에 대해 간단한 설명과 다운로드 방법을 알려드렸습니다 오늘은 jQuery(직접 선택자)에 대해서 알려드리도록 하겠습니다. 그럼 시작해볼까요? * 설명할 때는 jQuery와 제이쿼리 두 가지 방식으로 표기하겠습니다. 선택자 선택자는 HTML 요소를 선택하여 가져옵니다. 제이쿼리 선택자는 CSS 선택자와 마찬가지로 선택한 요소의 디자인 속성을 적용할 때 사용할 수 있습니다. 이때 HTML에서 작성한 스타일(CSS)은 '정적이다'라고 표현합니다. 하지만 제이쿼리 선택자를 사용하면 "동적"으로 스타일을 적용할 수 있습니다. 선택자를 좀 더 정확하고 깊이있게 공부하려면 문서 객체 모델에 대해 알아두는 것이 좋을 겁니다~^^ 문서 객체 모델(D.. 더보기
Javascript 기초(함수2) <완결> 안녕하세요 19살 IT 개발자 포돌이입니다. 지난번에 Javascript 기초(함수 1)를 배웠습니다. 오늘은 Javascript 기초(함수 2)를 배우면서 함수를 마치려고 합니다. 완결인 만큼 마지막까지 최선을 다해주세요~ 그럼 시작하도록 하겠습니다. 함수 스코프 개념 이해 함수 스코프란 스코프(scope)의 사전적 의미는 "범위"이며, 여기에서는 변수 또는 함수의 유효 범위를 가리킵니다. 스코프를 이해하기 위해 지역 변수(Local Variables)와 전역 변수(Global Variables)의 개념과 차이를 먼저 살펴보겠습니다. 전역 변수와 지역 변수의 개념과 차이 전역 변수는 자바스크립트 어디에서든 사용할 수 있는 변수이고 지역 변수는 함수 스코프에서만 사용할 수 있는 변수입니다. 다음은 전역 .. 더보기
Javascript 기초(함수1) 안녕하세요 19살 IT 개발자 포돌이입니다. 지난 시간에는 어렵고 복잡한 Javascript 기초(객체2)를 마무리하면서 객체 전체를 배웠습니다. 오늘은 Javascript의 심장 이라고 할 수 있는 함수를 배워보려고 합니다. 근데 제가 함수에 대해서 간단하게 말하자면 함수를 못하면 Javascript를 모르는 거랑 마찬가지예요.. 지금 까지 배웠던 것들 중에서 가장 중요한 부분입니다. 물론 다 중요합니다. 뭐가 좋다 뭐가 더 중요하다는 건 없습니다. 하지만 함수를 모르면 여태껏 공부한 것들이 제대로 발휘하지 못하게 됩니다. 그러기 때문에 함수는 못하는 건 좋아요 근데 모르는 건 안됩니다. 자 이만 끝내고 본격적으로 함수에 대해서 알려드리도록 하겠습니다. 함수 우리는 Javascript 기초(변수) 부분.. 더보기
Javascript 기초(객체2) 안녕하세요 19살 IT 개발자 포돌이입니다. 저번 시간에는 Javascript 기초(객체 1)의 내장 객체에 대해서 자세하게 배웠습니다. 이번에는 BOM(브라우저 객체모델)를 나가보도록 하겠습니다. 브라우저 객체 모델(BOM) 브라우저 객체란 브라우저에 내장된 객체를 "브라우저 객체"라고 합니다. window는 브라우저 객체의 최상위 객체이며, window 객체에는 하위 객체가 포함되어 있지 않습니다. 즉, 계층적 구조로 이루어져 있으며, 이를 브라우저 객체모델(BOM, Browser Object Model)이라고 합니다. window 객체 window는 브라우저 객체의 최상위 객체이며, 다음과 같은 메소드를 사용할 수 있습니다. window 객체의 메소드 종류 종류 open("URL", "새 창 이름".. 더보기
Javascript 기초(객체1) 안녕하세요 19살 IT 개발자 포돌이라고 합니다. 저번 시간에는 Javascript(제어문 2)을 배우면서 제어문을 다 배웠습니다. 제어문은 특히 많이 공부를 해야 합니다. 제어문을 못하시면... 다음 단계로 나갈 때 더욱 어려워집니다. 왜냐하면. 제어문을 많이 쓰거든요. 그래서 꼭 반드시 하루에 한 번이라도 좋으니 계속 복습하셔야 합니다. 자 그러면 Javascript 기초(객체)를 배워보도록 하겠습니다. 객체 자바스크립트는 객체(object) 기반 언어입니다. 객체는 기능과 속성을 가지고 있습니다. 가령 TV에는 켜다, 끄다, 볼륨을 낮추다, 볼륨을 높이다 등의 기능이 있습니다. 이렇든 TV라는 객체에는 다양한 기능이 있습니다. 이러한 주변의 모든 사물들을 객체라고 합니다. 기본형 다음은 메소드를 잘.. 더보기
Javascript 기초(제어문2) 네~ 안녕하세요 19살 IT 개발자 포돌이입니다. 저번 시간에는 Javascript 기초(제어문 1)를 배웠었죠? ifelse(if, else)문과 중첩 if문 그리고 선택문인 switch문을 배웠을 겁니다. 누누히 말하지만 복습! 복습이 중요합니다. 아시겠죠? 자 그럼 한번 달려봅시다~~ 반복문 반복문을 이용하면 코드를 원하는 횟수만큼 반복하여 실행할 수 있습니다. 가령, "나는 학생입니다"라는 문구를 10회 출력하려면 출력문을 10번 이상 작성해야 합니다. 그런데 반복문을 사용한다면 몇 줄의 출력문으로 10회 출력할 수 있습니다. 반복문에는 while 문과 do while 문, for 문이 있습니다. while 문 while 문은 조건식을 만족할 때까지 코드를 여러 회 반복하여 실행할 수 있습니다. .. 더보기
Javascript 기초(제어문 1) 안녕하세요 19살 IT 개발자 포돌이라고 합니다. 저번에 Javascript 기초(연산자)에 대해서 공부를 해봤습니다. 연산자 부분은 많이 어려울 수 있어요. 근데 이미 우리는 한 번 배웠기 때문에 제어문에서도 익숙한 문장들이 많이 나올 겁니다. 저의 목표는 사람들이 저의 글을 읽고 Javascript 언어를 자유자재로 쓰기를 원합니다.. 하지만 글로는 한계가 있어요... 그러기 때문에 제가 예제를 내는 겁니다 이해가 되는지 안되는지 확인을 자기가 스스로 하면서 느껴야 합니다. 자 오늘도 Javascript (제어문1)를 나가보도록 하겠습니다. 조건문 조건문은 조건식의 값이 참(true)인지, 거짓(false)인지에 따라 자바스크립트 코드를 제어한다. 예를 들어 질의응답 창을 이용해 방문자가 좋아하는 숫.. 더보기

티스토리툴바