본문 바로가기

웹/웹코딩 공부35

목록 썸네일 이미지 자바스크립트 함수 사용법 정리 자바스크립트 함수 사용법을 정리해보겠습니다. 함수를 정의하고 호출하는 기본 사용법과, 스코프, 호이스팅, 매개 변수, arguments, return, 객체 생성자 함수 등 함수를 사용할 때 알아야할 것들을 짤막하게 정리해보았습니다. 변수에 데이터를 저장했듯이, 함수에는 코드를 저장해서 필요할 때 호출해서 사용할 수 있습니다. 이번 글에서는 다음과 같이 함수의 사용법을 알아보도록 하겠습니다. 1. 함수 정의하기 함수에 코드를 저장하는 것을 '함수 정의문'이라고 하며 다음과 같이 선언합니다. 기본형 함수 : function 함수명(){} 익명 함수 : 참조할 변수명 = function(){} 위와 같이 함수명으로 정의하여 사용할 수도 있고, 익명 함수로서 변수에 함수를 담아서 사용할 수 도 있습니다. 참고.. 2022. 8. 17.
목록 썸네일 이미지 자바스크립트로 HTML을 조작하는 방법 자바스크립트로 HTML을 조작하는 방법을 정리해보겠습니다. 지난 글에서 문서 객체 모델(DOM)과 노드에 대해 개념을 알아보았습니다. 문서 객체 모델(DOM), 노드 구조와 개념 정리 문서 객체 모델(DOM)과 노드 구조와 개념에 대해 정리해보겠습니다. 이전 글에서 브라우저 객체 모델을 공부하면서, 마지막에 document 객체에 대해 알아보았었습니다. 브라우저 객체 모델 6가지 정 cucat.tistory.com 이것들은 엄밀히 말해서 자바스크립트 언어가 아닌 웹 API지만, 자바스크립트로 조작이 가능합니다. 이번 글에서는 이러한 웹API를 이용해서 HTML문서를 조작하는 메소드들을 다음과 같이 용도별로 정리해보았습니다. 메소드 앞에 Node나 Node의 하위 개념인 Element, CharacterD.. 2022. 8. 12.
목록 썸네일 이미지 문서 객체 모델(DOM), 노드 구조와 개념 정리 문서 객체 모델(DOM)과 노드 구조와 개념에 대해 정리해보겠습니다. 이전 글에서 브라우저 객체 모델을 공부하면서, 마지막에 document 객체에 대해 알아보았었습니다. 브라우저 객체 모델 6가지 정리, 사용법 브라우저 객체 모델(BOM)의 종류와 사용법을 정리해보겠습니다. window, screen, location, history, navigator, document 객체를 이용해서 웹 브라우저에서 제공하는 정보를 이용하고 브라우저 기능을 자유자재 cucat.tistory.com 브라우저 객체 모델(BOM)의 document 객체는 웹페이지 그 자체이며, 그와 관련된 기능을 제공하는 객체였습니다. 문서 객체 모델(DOM)은 웹페이지를 스크립트 언어와 연결해주는 계층 구조의 인터페이스 정도로 이해하시.. 2022. 8. 10.
목록 썸네일 이미지 브라우저 객체 모델 6가지 정리, 사용법 브라우저 객체 모델(BOM)의 종류와 사용법을 정리해보겠습니다. window, screen, location, history, navigator, document 객체를 이용해서 웹 브라우저에서 제공하는 정보를 이용하고 브라우저 기능을 자유자재로 다룰 수 있을 것 입니다. 지난 글에서 자바스크립트에는 3가지 객체가 있으며, 객체 기본 사용법과 내장 객체를 어떻게 사용하는지에 대해 소개해드렸었습니다. 자바스크립트 객체 사용법, 3종류 객체 핵심 정리 자바스크립트 객체 핵심 정리를 해보겠습니다. 내장 객체, 브라우저 객체, 문서 객체 모델에 대해 다룰 것 입니다. 이전 자바스크립트 공부 순서 글에서 언급했듯이, 자바스크립트의 가장 큰 특 cucat.tistory.com 이번 글에서는 지난 글에서 못다한 아래.. 2022. 8. 10.
목록 썸네일 이미지 자바스크립트 객체 사용법, 3종류 객체 핵심 정리 자바스크립트 객체 핵심 정리를 해보겠습니다. 내장 객체, 브라우저 객체, 문서 객체 모델에 대해 다룰 것 입니다. 이전 자바스크립트 공부 순서 글에서 언급했듯이, 자바스크립트의 가장 큰 특징은 '객체 기반 언어'라는 것 입니다. 객체를 이용하면 많은 것들을 힘들이지 않고 손쉽게 구현할 수 있습니다. 이 글에서는 객체의 개념과 종류, 객체의 기능인 '메서드'와 속성인 '프로퍼티'를 쓰는 방법을 알아보겠습니다. 객체란? 객체(Object)는 한마디로 '기능과 속성을 가진 사물'과 같은 것이라고 할 수 있습니다. 미리 만들어진 기능을 가져다가 속성을 바꿔서 사용하기만 하면 되는 템플릿이라고 생각해도 되겠습니다. 자바스크립트의 객체는 아래와 같이 크게 3가지로 나눌 수 있습니다. 내장 객체 : 자바스크립트 엔진.. 2022. 8. 10.
목록 썸네일 이미지 제어문(조건문, 선택문, 반복문) 7가지 핵심 정리 제어문(조건문, 선택문, 반복문) 7가지 핵심 정리를 해보겠습니다. 제어문은 조건문, 선택문, 반복문 이렇게 3가지로 나뉩니다. 그리고 자바스크립트에서 사용 가능한 제어문은 각각 아래와 같이 세분화 할 수 있으며 이 글에서 전부 알아볼 것 입니다. 조건문 : if, else, else if 선택문 : switch 반복문 : while(+do while), for 그리고 반복문에서 활용할 수 있는 break와 continue에 대해서도 살짝 알아보겠습니다. 참고로 이 자바스크립트 연재는 처음 자바스크립트를 시작하는 초보가 꼭 알아야할 것들만 핵심 정리하는 연재입니다. 또한 프로그래밍 문법으로는 이번 글이 마지막 글이 될 것 입니다. 이후에는 실습과 함께 객체나 함수, 라이브러리를 공부할거에요. 이전 글이라.. 2022. 8. 8.
목록 썸네일 이미지 연산자 7종류 핵심 정리 연산자 7가지 종류에 대해 핵심 정리를 해보겠습니다. 산술, 문자 결합, 대입, 증감, 비교, 논리, 삼항 조건 연산자까지 살펴보겠습니다. 자바스크립트를 비롯한 프로그래밍 언어에서는 연산자를 이용해서 계산하고, 비교하고, 조건을 사용해서 다양하게 활용할 수 있습니다. 연산자를 이해하려면, 앞서 이야기했던 변수와 데이터의 자료형에 대해 알아두셔야 예시를 이해하실 수 있습니다. 변수의 개념과 사용법, 자료형 정리 변수의 개념과 사용법, 자료형에 대해 정리를 해보겠습니다. 문자와 숫자 자료형을 변환하는 방법도 소개합니다. 자바스크립트나 다른 모든 프로그래밍을 시작하려면 기초적인 프로그래밍 문 cucat.tistory.com 참고로 이 글을 읽고, 이어서 제어문에 대해 정리한 글까지 보시면 프로그래밍 기초 문법.. 2022. 8. 8.
목록 썸네일 이미지 변수의 개념과 사용법, 자료형 정리 변수의 개념과 사용법, 자료형에 대해 정리를 해보겠습니다. 문자와 숫자 자료형을 변환하는 방법도 소개합니다. 자바스크립트나 다른 모든 프로그래밍을 시작하려면 기초적인 프로그래밍 문법을 알 필요가 있습니다. 이 글과 연산자, 제어문만 알면 어느정도는 기본 문법을 터득했다고 보고 실습을 하시면 됩니다. 영어도 문법을 공부하지 않고 무작정 읽고, 쓰고 하다보면 늘긴 하지만 문법을 알면 더 효율적인 것 처럼 똑같습니다. 이 글에서는 프로그래밍 문법의 가장 기초적인 변수와 자료형에 대해 간단하게 알아보겠습니다. 생소한 단어가 나오더라도 어렵지 않게 이야기할테니 차근차근 읽어보시면 좋겠습니다. 0. 자바스크립트를 실행하는 방법 지금부터 소개해드릴 프로그래밍 기초 문법의 예시를 직접 실행해보시는게 이해가 빠릅니다. .. 2022. 8. 8.

티스토리툴바