https://opentutorials.org/module/3180/18879 조건문 예고 - WEB2 - JavaScript 조건문 예고 2017-12-02 00:14:09 opentutorials.org 조건문 : 조건에 따라서 다른순서의 기능들이 실행되도록 하는 것. toggle 토글 토글 뜻 : 1) 두 가지 안정 상태 를 취할 수 있는 장치에 관한 것. 2) 주어진 시간에 두 가지 안정 상태 중 어느 한 상태를 유지하는 회로나 장치. 예를 들어 토글 스위치 (toggle switch)라고 하면 「온」, 「오프」라는 두 개의 상태밖에 없는 스위치를 말한다. === 비교연산자 if 조건문 - 블리언
https://opentutorials.org/module/3180/18876 프로그램, 프로그래밍, 프로그래머 - WEB2 - JavaScript 프로그램, 프로그래밍, 프로그래머 2017-12-01 14:26:31 opentutorials.org PROGRAM = 순서를 만드는 행위 ( 음악회에서 나온 말이라고 한다) 시간의 순서에 따라서 실행되어야 할 기능을 프로그래밍 언어의 문법에 맞게 글로 적어두는 방식 => 명령 JavaScript = 컴퓨터프로그래밍언어 =/= HTML (시간의 흐름에 따라 해야할 필요가 없다.)
https://opentutorials.org/module/3180/18792 제어할 태그 선택하기 - WEB2 - JavaScript 소스코드 변경사항 opentutorials.org 자바스크립의 문법에 따라서 웹브라우저에게 태그를 선택하게 해야한다면? JavaScript select tag by css selector 검색 document.querySelector('body') * query : 질의하다 태그의 이라는 속성을 어떻게 JS로 넣을수있는가를 검색해야한다면? JavaScript element style 검색 .style.backgroundColor = 'black'; WEB HTML CSS JavaScript JavaScript JavaScript (/ˈdʒɑːvəˌskrɪpt/[6]), ..
https://opentutorials.org/module/3180/18789 CSS 기초 - WEB2 - JavaScript 아래 질문에 대답할 수 있다면 이 수업은 듣지 말고 다음 수업인 '제어할 태그 선택하기'로 바로 넘어가셔요. CSS는 어떤 목적의 언어인가요? CSS를 웹페이지에 삽입하는 방법은 무엇인가요? style opentutorials.org JavaScript ↑ style - html 문법 *style 속성 안에는 Css가 온다가 약속되어있다. background-color:coral; color:powderblue - JavaScript라는 문구에 대한 CSS속성(property)값 JavaScript abcdefghijklmnop qrstuvwxyzabcdefghijklmnop..
웹브라우저 제어 - WEB2 - JavaScript (opentutorials.org) 웹브라우저 제어 - WEB2 - JavaScript 웹브라우저 제어 2017-12-01 03:34:56 opentutorials.org style - html의 문법 background-color:black; color:white; - CSS 코드 (속성값 property)
변수와 대입 연산자 - WEB2 - JavaScript (opentutorials.org) 변수와 대입 연산자 - WEB2 - JavaScript 변수와 대입 연산자 2017-12-01 03:26:24 opentutorials.org 변수 - 바뀔 수 있는 값 (variable) Variable vs Constant 변수 vs 상수 x=1; y=2; x+y; → 2 위에서 x 는 변수 = 는 대입연산자 (오른쪽항의 값을 왼쪽의 변수에 대입한다) 대입연산자 : 좌항과 우항을 결합해서 우항의 값을 만들어낸다. 상수: 항상바뀌지않는수 ↔ 변수 변수의 효용 (예) var name = 'leezche'; alert("abcdef"+name+"ghijkl") 출력 시, name 부분에 leezche가 적용되..
데이터타입 - 문자열과 숫자 - WEB2 - JavaScript (opentutorials.org) 데이터타입 - 문자열과 숫자 - WEB2 - JavaScript 데이터타입 - 문자열과 숫자 2017-12-01 03:25:05 opentutorials.org 자바스크립트라는 컴퓨터 언어에는 어떤 형태의 데이터들이 있나? > 대표적인것 '문자' '숫자'를 알아보자! 1. 데이터타입 = 자료형 자바스크립트 데이터에는 Booolean, Null, Undefined, Number, String, Symbol 과 같은 다양한 종류가 있다 2. + - * % = 산술연산자 산술연산자 = 이항 연산자 3. 글자 숫자 세는 명령 .length 대문자로 바꿔주는 명령 .toUpperCase() 공백을 없애주는 ..
HTML과 JavaScript의 만남 3 (콘솔) - WEB2 - JavaScript (opentutorials.org) HTML과 JavaScript의 만남 3 (콘솔) - WEB2 - JavaScript HTML과 JavaScript의 만남 3 (콘솔) 2017-12-01 03:23:26 opentutorials.org conscole - 콘솔을 사용하여 보고있는 웹사이트에서 JS가 실행이 가능하다 (마치 계산기처럼 사용가능) 웹페이지 오른쪽 마우스클릭 > 검사(inspect) > console + Element에 들어간 상태에서 esc를 누르면 console이 밑에 함께 떠서 확인하며 사용 가능하다 *콘솔에 입력한 문장을 또 다시 입력할땐, 화살표 ↑를 누르면 동일하게 복사입력된다. '문..
HTML과 JavaScript의 만남 2 (이벤트) - WEB2 - JavaScript (opentutorials.org) HTML과 JavaScript의 만남 2 (이벤트) - WEB2 - JavaScript 소스코드 변경사항 opentutorials.org alert - 경고창이 뜨게한다. onclick - 이벤트(EVENT)가 생기게 하는 것. onclick 다음은 무조건 JS가 와야한다. 예) onclick = "alert('hi')" 웹브라우저에는 onclick 뿐만 아니라 여러가지의 이벤트가 있다. (onchange, onkeydown...등등) 다른 여러 이벤트는 구글링을 통해 찾아 사용 할 수 있다.
HTML과 JavaScript의 만남 1 (script 태그) - WEB2 - JavaScript (opentutorials.org) HTML과 JavaScript의 만남 1 (script 태그) - WEB2 - JavaScript 소스코드 변경사항 opentutorials.org JavaScript html 1+1 - 스크립트라는것을 입력하는 태그이다. document.write(1+1); - 웹페이지에 글씨출력시 사용되는 스크립트 html은 1+1은 평생 1+1로 출력 자바스크립트는 1+1은 2로 출력된다. 나는 코딩 연습하는 도구가 있다는 기초적인 것도 몰라 헤맸는데, 검색을 하여 여러 종류가 있다는 사실을 알았고, 그 중 'atom'이라는 것을 다운받아 사용하였다. 아래 블로그에서 설명..
자바(JAVA),스프링(Spring)기반 스마트웹&앱 콘텐츠 개발자 과정 을 내일배움카드로 수강신청했다. 상담해주신 센터 실장님께서 강의 시작 전 해야 할 숙제를 주셨는데 그 중 하나가 유튜브에 '생활코딩'의 JavaScript 강의를 빠르게 듣고 매일 따라하는 것이었다! 오늘부터 강의를 듣고, 내가 좀 더 확실히 기억하고 이해하고자 정리한 내용을 블로그에 남기려고 한다. [JavaScript-생활코딩따라하기] 1. 따라하기 시작! 수업의 목적 - WEB2 - JavaScript (opentutorials.org) 수업의 목적 - WEB2 - JavaScript 수업의 목적 2017-12-01 03:17:47 opentutorials.org * 웹페이지에서 오른쪽 클릭 > 검사 > Elements (..