프로그래밍 언어 & 데이터베이스57 프로그램, 프로그래밍, 프로그래머 자바스크립트, html은 모두 컴퓨터 언어이다. 자바스크립트는 컴퓨터 언어이면서 동시에 프로그래밍 언어이지만 html은 프로그래밍 언어는 아니다. 프로그램 은 '순서'라는 의미를 가지고 있다. 순서를 만드는 것을 '프로그래밍' 이라고 하며, 순서를 만드는 사람을 '프로그래머' 라고 한다. 자바스크립트는 시간의 순서에 따라서 웹브라우저의 여러 기능이 실행되어야 하기 때문에 프로그래밍의 형태를 띄고 있다. ex) 조건에 따라 다른 순서의 기능이 실행, 반복해서 특정 기능이 실행, 복잡해진 순서를 단순하게 정리정돈하는 방법을 고안 등 ※생활코딩 > WEB > WEB2 - JavaScript 강의를 통해 공부한 내용입니다. 2020. 7. 11. 자바스크립트에서 태그 선택하기 구글에서 자바스크립트 태그 선택할 때 검색 tip Javascript select tag by css selector Element = document.querySelector(selectors); 예시) var el = document.querySelector(".myclass"); Javascript element style Javascript style background color → css 태그와 자바스크립트 태그는 다를 수 있음 (background-color vs backgroundColor) 활용해보자! → night 와 day 라고 되어 있는 버튼이 2개 생성됨 → night 클릭시 body 부분의 배경이 검정, 폰트가 흰색으로 변경(야간모드) → day 클릭시 body 부분의 배경이 흰.. 2020. 6. 7. 변수와 대입 연산(variable vs constant) / 변수를 사용하는 이유 위와 같은 코드에서 x와 y는 변수(variable)이고 1은 연결해주는 '='는 대입 연산자이다. x는 대입 연산자에 의해서 값이 바뀔 수 있다는 의미를 가지고 있는 '변수'이지만 숫자 1은 항상 동일하기 때문에 항상 상(常)자를 사용하여 '상수'라고 부른다. 따라서 상수인 1에 2를 대입하려고 하면 (1=2;) 오류가 발생한다. 변수를 사용하는 이유는? 아무말 대잔치 문장이 있다. 예시로 든 문장은 짧지만 만약에 아주 긴 문장이 있고, 해이나가 1억번 사용되었다고 가정한다. 만약 문장 내의 '해이나'라는 단어를 모두 'heina'로 바꾸고 싶다면... 난감하다. 때문에 name 값으로 '해이나'를 인식시킨 후에 "+name+"을 사용하여 문장을 작성한다. -> 실행을 유보하고 싶을 때는 shift 키.. 2020. 5. 23. 자바스크립트 데이터 타입(JavaScript Data Type) - 숫자(Number), 문자열(String) 자바스크립트에는 여러가지 형태의 데이터 타입들(Boolean / Null / Undefined / Number / String / Symbol)이 있는데, 이 중에서 문자열(String)과 숫자(Number)에 대해서 살펴보도록 하겠다. 문자열(String) 큰 따옴표, 혹은 작은 따옴표로 감싸서 표시한다. ex) "Hello world" / 'hello world' 문자를 처리할 때 사용할 수 있는 명령들은 정말 정말 정말~~~ 많다. 그 중에서 몇가지만 직접 해보자! ※참고 사이트 : https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/String (구글에서 Javascript string 이라고 검색) .leng.. 2020. 5. 17. JavaScript 기초(2) - 콘솔(console) 사용하기 우리가 자바스크립트를 실행하고자 할 때 매번 파일을 생성해야 한다면 이건 여간 귀찮은 일이 아니다. 그래서 이 포스팅에서는 파일을 만들지 않고도 자바스크립트 코드를 즉석에서 실행할 수 있는 방법에 대해서 설명하고자 한다. 브라우저 창에 마우스 커서를 두고 우클릭 - 검사(개발자 도구) 선택 - Console 탭을 선택 - 코드를 입력 활용해 보자! 아래와 같은 글이 있다고 친다 -_-; "안녕, 나는 해이나야. 나는 지구라는 별에서 살고 있어. 지구는 물이 매우 풍족하고, 낮과 밤이 있으며, 매일 햇살과 바람을 느낄 수 있는 아름다운 별이야. 기회가 되면 꼭 놀러와. 우리 함께 놀자." 이 문장의 전체 글자수가 궁금하다면? 위 경로를 통해 console에 들어간다. 문자를 작은 따옴표(' ')로 감싸고,.. 2020. 5. 17. 자바스크립트 이벤트 종류(HTML Event Attributes) 지난 시간(포스팅?)에 on으로 시작하는 친구들~ 자바스크립트 이벤트(event)와 관련된 공부를 했다. 내가 요녀석을 이해한 바로는... 이벤트는 '사건'이 일어났을 때에 동작하는 것으로 웹브라우저가 자바스크립트 코드를 기억해두었다가, 사용자가 특정 행동을 했을 때 동작한다. 이벤트에는 다양한 종류들이 있는데 찾아보다가 유익한 페이지가 있어서 링크를 공유한다. https://www.w3schools.com/tags/ref_eventattributes.asp HTML Event Attributes HTML Event Attributes Global Event Attributes HTML has the ability to let events trigger actions in a browser, like s.. 2020. 5. 1. JavaScript 기초(1) - 특징, 이벤트 JavaScript가 무엇인가 하면 객체 기반의 스크립트 프로그래밍 언어... 음... 아... 아래와 같다고 한다. 문장을 읽어도 이해할 수 있는 단어가 별로 등장하지 않으므로 다음에 시간날 때 읽어 보기로 했다=_= 그래, 프로그래밍 할 때 쓰는 언어인거 알았고, 일단 공부 Start~* https://ko.wikipedia.org/wiki/%EC%9E%90%EB%B0%94%EC%8A%A4%ED%81%AC%EB%A6%BD%ED%8A%B8 자바스크립트 - 위키백과, 우리 모두의 백과사전 위키백과, 우리 모두의 백과사전. 자바스크립트JavaScript패러다임프로그래밍 패러다임: 스크립트 언어, 객체 지향 프로그래밍 (프로토타입 기반 프로그래밍), 명령형 프로그래밍, 함수형 프로그�� ko.wikipedi.. 2020. 5. 1. 이전 1 ··· 3 4 5 6 다음
