반응형

IT 및 코딩/자바스크립트(Java Script) 12

<꿀팁모아 : 181번째 포스팅> JS 문자열 메소드

JS 문자열 메소드 안녕하세요 꿀팁모아의 희망주기입니다 오늘 알아볼 주제는 JS 문자열 메소드입니다 1 서론 문자열 메소드는 문자열을 작업하는데 도움이 되는데요. 문자열 메서드 및 속성에 대하여 간단하게 설명을 하자면, "John Doe"와 같은 원시 값은 속성이나 메서드를 가질 수 없습니다. (객체가 아니기 때문에) 그러나 JavaScript를 사용하면 메서드와 속성을 실행할 때 기본 값을 객체로 취급하기 때문에 메서드와 속성을 원시 값에서도 사용할 수 있습니다. 문자열 메서드 및 속성에 대하여 간단하게 알아보았구 지금부터는 문자열 쓰는 방법에 대해서 알아보려고 합니다. 2 본론 2-1 JS 문자열 길이 length 이 속성은 문자열의 길이를 반환합니다. 2-2 문자열 부분 추출 문자열의 일부를 추출하..

<꿀팁모아 : 180번째 포스팅> 자바 스크립트 문자열(Strings)

자바 스크립트 문자열(Strings) 안녕하세요 꿀팁모아의 희망주기입니다 오늘 알아볼 주제는 자바 스크립트 문자열(Strings)입니다 1 서론 자바 스크립트 문자열은 텍스트를 지정하고 조작하기 위한 것입니다. 자바 스크립트 문자열은 따옴표 안에 쓰여진 제로 또는 그 이상의 문자입니다. 이번 포스팅에서는 자바 스크립트 문자열에 대하여 알아보려고 합니다. 문자열의 구조는 어떻게 해야 하며! 또 문자열의 길이는 길어도 되는지 그리고 객체로서의 자바 스크립트 문자열은 어떻게 작성하는 건지에 대하여 알아보려고 합니다. 2 본론 2-1 자바 스크립트 문자열(Strings) 작은 따옴표 또는 큰 따옴표를 사용할 수 있습니다 문자열을 둘러싼 따옴표와 일치하지 않는 한 문자열 내에서 따옴표를 사용할 수 있습니다 2-2..

<꿀팁모아 : 179번째 포스팅> 자바 스크립트 이벤트(Events)

자바 스크립트 이벤트(Events) 안녕하세요 꿀팁모아의 희망주기입니다 오늘 알아볼 주제는 자바 스크립트 이벤트입니다 1 서론 HTML 이벤트는 HTML 요소에 발생하는 "사물"입니다. 자바 스크립트가 HTML 페이지에서 사용될 때, 자바 스크립트는 이러한 이벤트에 "반응"할 수 있는데요. HTML 이벤트에 대해서 안 다뤄서 모르실 분도 계실 거 같아서 설명할게용 ㅎㅎ HTML 이벤트는 브라우저가 수행하는 작업이거나 사용자가 수행하는 작업일 수 있습니다. 몇 가지 예를 보여드리겠습니다. 1) HTML 웹 페이지 로드가 완료되었습니다 2) HTML 입력 필드가 변경되었습니다 3) HTML 단추를 클릭했습니다 종종 사건이 발생하면 무언가를 하고 싶을 수도 있습니다. JavaScript를 사용하면 이벤트가 감..

<꿀팁모아 : 178번째 포스팅> 자바 스크립트 객체(Objects)

자바 스크립트 객체(Objects) 안녕하세요 꿀팁모아의 희망주기입니다 오늘 알아볼 주제는 자바 스크립트 객체입니다 1 서론 실생활에서 자동차는 대상인데요. 자동차에는 무게와 색상과 같은 속성과 시작 및 정지와 같은 방법이 있습니다. 모든 자동차는 동일한 속성을 가지고 있지만 속성 값은 자동차마다 다른데요!! 모든 자동차는 동일한 방법을 가지고 있지만 방법은 다른 시간에 수행이 됩니다. JavaScript 변수가 데이터 값에 대한 컨네이너라는 것을 이미 배웠는데요. 아래 코드는 car 이라는 변수에 단순 값(Fiat)을 할당합니다. 객체도 변수입니다. 그러나 객체는 많은 값을 포함할 수 있죠. 아래 코드를 보시면 변수에 (Fiat, 500, 흰색)을 할당합니다. 서론이 너무 길었는데요. 이번 포스팅에서 ..

<꿀팁모아 : 177번째 포스팅> 자바 스크립트 함수(Function)

자바 스크립트 함수(Function) 안녕하세요 꿀팁모아의 희망주기입니다 오늘 알아볼 주제는 자바 스크립트 함수(Function) 입니다 1 서론 JavaScript 함수는 특정 작업을 수행하도록 설계된 코드 블록입니다. 자바 스크립트 함수는 "무언가"가 그것을 호출 할 때 실행되는데요. JavaScript 함수는 function 키워드로 정의 되고 이름 뒤에 괄호 () 가 옵니다. 함수 이름에는 문자, 숫자, 밑줄 및 달러 기호(변수와 동일한 규칙)가 포함될 수 있습니다. 괄호는 쉼표로 구분된 매개 변수 이름을 포함할 수 있다는 점 알아 두시면 좋을 거 같아요. 함수에 의해 실행될 코드는 줄괄호 안에 배치되며 함수 매개변수는 함수 정의의 괄호()안에 나열됩니다. 함수 인수는 함수가 호출될 때 함수가 수..

<꿀팁모아 : 176번째 포스팅> 자바 스크립트 데이터 유형

자바 스크립트 데이터 유형 안녕하세요 꿀팁모아의 희망주기입니다 오늘 알아볼 주제는 자바 스크립트 데이터 유형입니다 1 서론 프로그래밍에서 데이터 유형은 정말 중요한 개념인데요. 변수에 대해 작동할 수 있으려면 유형에 대해 아는 것이 중요합니다. 데이터 형식이 없으면 컴퓨터가 어떠한 문제를 처리하는 과정을 안전하게 해결할 수 없는데요. 그렇기 때문에 이번 포스팅에서는 자바 스크립트의 데이터 유형에 대하여 알아보려고 합니다. 자바 스크립트 변수는 숫자, 문자열, 객체 등 다양한 데이터 유형을 보유할 수 있습니다. 2 본론 2-1 자바 스크립트 유형은 동적입니다 자바 스크립트에는 동적 유형이 있습니다. 즉, 동일한 변수를 사용하여 다른 데이터 유형을 보유할 수 있는데요. 잘 와 닿지 않는 분들을 위해 예제를 ..

<꿀팁모아 : 175번째 포스팅> 자바 스크립트 변수(Variables)

자바 스크립트 변수(Variables) 안녕하세요 꿀팁모아의 희망주기입니다 오늘 알아볼 주제는 자바 스크립트 변수(Variables) 입니다 1 서론 자바 스크립트의 기초 중의 기초라고 하면 뭐가 있을까요? 바로 변수(Variables)입니다. 자바 스크립트(JS) 변수를 선언하는 방법에는 총 4가지가 있는데요. 1) var 사용 2) let 사용 3) const 사용 4) 아무것도 사용하지 않음 입니다. 그렇다면, 선언하는 방법은 그렇다치고 변수는 무엇일까요? HTML과 파이썬에서 이미 포스팅을 보고 오신분들은 다 알고 계시겠지만 한번 더 설명을 하자면 변수는 데이터를 저장(데이터 값 저장)하기 위한 컨테이너입니다. 오늘은 어떠한 변수들이 있으며 선언변수들은 언제 사용해야 하는 건지에 대하여 알아보도록..

<꿀팁모아 : 174번째 포스팅> 자바 스크립트 댓글(Comment)

자바 스크립트 댓글(Comment) 안녕하세요 꿀팁모아의 희망주기입니다 오늘 알아볼 주제는 JS Comment 입니다 1 서론 자바 스크립트 주석은 자바 스크립트 코드를 설명하고 더 읽기 쉽도록 만드는데 사용할 수 있는데요. JavaScript 주석은 대체 코드를 테스트할 때 실행을 방지하는 데도 사용할 수 있습니다. 왜 대체 파이썬, C++ 등과 같이 주석을 사용할까요? 어떠한 컴퓨터 프로그래밍 언어라도 주석은 무조건적으로 사용하는 것이 맞습니다. 예를 들어 설명을 하자면 하나의 게임 회사가 어플을 개발하였는데 그 어플을 업데이트 하기 위해 코드문은 건드렸다고 칩시다. 원래 있었던 개발자들이 아닌 새로 들어온 프로그래머가 주석 없는 프로그램을 만졌다가 그 어플이 만신창이로 바뀔 수 도 있습니다. 그렇기..

<꿀팁모아 : 173번째 포스팅> 자바 스크립트 구문(Syntax)

자바 스크립트 구문(Syntax) 안녕하세요 꿀팁모아의 희망주기입니다 오늘 알아볼 주제는 자바 스크립트 구문(Syntax)입니다 1 서론 저번 포스팅에서 이야기 했던 JS statement에 이어서 오늘은 syntax에 대해서 알아보려고 해요. JS statement에서 다섯번째 이야기했던 키워드들 기억나시나요? 그것을 이용하여 구문을 어떻게 작성하는 건지 이야기하려고 합니다. 물론 다섯번째만 쓰이는 것이 아닌 세미콜론이라든가 문 사이에 줄 바꿈을 이용하는 것도 있습니다. 자바 스크립트 구문은 규칙의 집합이기에 앞으로 설명할 syntax들에 대해서 구체적으로 알려드릴 예정이니 잘 따라오시면 좋을 거 같습니다 JavaScript 구문은 두 가지 유형의 값을 정의합니다 1) 고정 값 2) 변수 값 >> 고정..

<꿀팁모아 : 172번째 포스팅> 자바 스크립트 Statements

자바 스크립트 Statements 안녕하세요 꿀팁모아의 희망주기입니다 오늘 알아볼 주제는 자바 스크립트(JS) statements 입니다 1 서론 자바 스크립트 JS program에 대하여 간단하게 설명하고 넘어가려고 합니다. 컴퓨터 프로그램은 컴퓨터에 의해 "실행"될 "명령"의 목록인데요. 자바 스크립트 프로그램은 프로그래밍 명령문의 목록입니다. 오늘 알아볼 것은 자바 스크립튼 문인데요. 영어로는 JavaScript Statements라 일컫고 약자로는 JS Statements라고 칭합니다. 자바 스크립트 문은 다음과 같이 구성하는데요. 값, 연산자, 표현식, 키워드 및 주석 등으로 구성된다고 보시면 될 거 같아요. 대부분의 자바 스크립트 프로그램에는 많은 자바 스크립트 문이 포함되어 있습니다. 명령문..

<꿀팁모아 : 171번째 포스팅> 자바 스크립트 출력

자바 스크립트 출력 안녕하세요 꿀팁모아의 희망주기입니다 저번 포스팅에 이어 오늘 다뤄볼 주제는 자바 스크립트 출력입니다 1 서론 오늘은 자바 스크립트 출력 (JavaScript Output)에 대하여 이야기 할 것인데요. 자바 스크립트는 여러 방법으로 데이터를 표시할 수 있습니다. InnerHTML을 사용하여 HTML 요소 쓰는 방법, document.write()를 사용하여 HTML 출력, window.alert()를 사용하여 경고 상자에 쓰기 그리고 마지막으로 console.log()를 사용하여 브라우저 콘솔 쓰기가 있습니다. 이외에도 더 많은 방법이 있지만 이 4개를 중심적으로 다뤄 이야기 해볼게요 ㅎㅎ 2 본론 2-1 내부 HTML 사용 HTML 요소에 엑세스하기 위해서 document.getEl..

<꿀팁모아 : 170번째 포스팅> 자바 스크립트(JavaScript)란?

자바 스크립트(JavaScript)란? 안녕하세요 꿀팁모아의 희망주기입니다 오늘 알아볼 것은 바로 Java Script 입니다 1 서론 자바 스크립트(Java Script)는 세계에서 가장 인기있는 프로그래밍 언어 중 하나인데요. 자바 스크립트는 웹의 프로그래밍 언어입니다. 웹 페이지의 내용을 정의하는 것이 HTML 이었고, 웹 페이지의 레이아웃을 지정하는 것이 CSS 였습니다. 그렇다면, 자바 스크립트(Java Script)는 무엇일까요? 결론부터 이야기하자면, 웹 페이지의 동작을 프로그래밍 하는 것이 바로 자바 스크립트 입니다. JavaScript는 멀티-패러다임 언어로 명령형, 함수형, 객체 지향형 언어라고 보시면 편할 거 같아요. 기본적으로는 함수가 일급 시민으로 취급되는 언어로써 함수형 프로그래..

반응형