본문 바로가기

웹122

목록 썸네일 이미지 블로그 해시태그 역할, 사용법 정리 블로그 해시태그의 역할과 목적, 독자가 보기 편하고 운영자가 관리하기 편한 태그 사용법을 알기 쉽게 풀어서 설명해보겠습니다. 해시태그는 웹사이트 전체에 해당하는 기술입니다. 해시(#)로 태그(묶음)한다는 의미를 가진 데이터 매핑 기술을 이용한 분류법이라고 보시면 되겠습니다. 블로그도 하나의 웹사이트이므로 원리는 같습니다. 생각보다 간단해서 독자분들도 이 기회에 알아두시면 좋겠어서 글로 간단히 정리해봅니다. HTML 삽입 미리보기할 수 없는 소스 태그의 기능과 역할 태그의 기능은 ‘분류’입니다. 옷가게에서 마음에 드는 옷을 고르고, 새 제품으로 달라고 하면 점원은 태그의 제조사와 제품번호를 보고 가져옵니다. 마찬가지로 웹에서도 태그는 분류를 위한 것이지만, 판매자 입장보다는 소비자 입장을 위한 기능에 가깝.. 2023. 3. 28.
목록 썸네일 이미지 자바스크립트 함수 사용법 정리 자바스크립트 함수 사용법을 정리해보겠습니다. 함수를 정의하고 호출하는 기본 사용법과, 스코프, 호이스팅, 매개 변수, 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.

티스토리툴바