whatisthis?

document 객체 어떠한 태그를 삭제하고싶거나 자식 태그를 추가하고 싶을 때 DOM (Document Object Model) document 객체는 DOM의 일부이다. document 객체에서 찾지 못했다면 DOM을 살펴보자. window 웹페이지가 아닌 웹브라우저 자체를 제어 ex> 새 창 열기, 화면 크기를 js로 알아보기등 ajax 리로드하지않고 정보 변경시 cookie 리로드되어도 현재 상태 유지하고 싶을때 (개인화된 서비스) offline web application 오프라인에서도 작동하는 웹 webRTC 화상통신 웹앱 speech 사용자의 음성 인식, 음성 정보 제공 webGL 3차원 그래픽 게임 등 제작시

30. 객체 쓰기,읽기 배열 vs 객체 ** 배열 (Array) = 많은 정보를 순서에 따라 정리정돈. (이름은 없음) ** 객체 (Object) = 순서 없이 정보를 저장하는 것. -> 이름이 있는 정리정돈 상자. 객체 선언시 var 변수명 = { } 와 같이 작성한다. (cf> 배열은 대괄호 [ ] 안에 입력함) 예제. 1. 객체를 만드는 방법 var coworkers = { "programmer":"thisisyjin", "designer":"injung" }; 2. 만들어진 객체에서 데이터를 가져오는 방법 document.write("programmer :"+coworkers.programmer); document.write("designer :"+coworkers.designer); 3. 이미 ..

25. 함수 연속적이지 않은 반복문이거나, 중복이 1억번 발생한다고 치자. 이는 반복문으로만 작성할 수는 없고, '함수(function)'를 통해 작성할 수 있다. 예제. function two(){ document.write('2-1'); document.write('2-2'); } document.write('1'); two(); document.write('3'); two(); 함수의 선언 function two(){ 내용 } 함수의 실행 two(); 26. 함수 : 매개변수와 인자 자판기를 예시로 들어보자. 자판기에서 우리가 원하는 제품을 선택하면, 그 제품이 나오게 된다. - 우리가 제품을 선택하는 것 = 입력 (input) - 자판기에서 물건이 나오는것 = 출력 (output) ● Parame..

18. 리팩토링 중복의 제거 리팩토링 = 공장으로 다시 보내 개선. 코딩을 하고 나면 비효율적인 코드가 발생. 코드를 효율적으로 하여 유지보수를 용이하게 중복 제거 등 -> 리팩토링 document.querySelector('#night_day') 위 코드는 사실상 자기 자신(=input요소) 을 가리키고 있다. 이제 id를 이용하지 않고 자기자신의 값을 불러오기 위해서 this 를 이용할 수 있다. if(this.value === 'night'){ document.querySelector('body').style.backgroundColor = 'black'; document.querySelector('body').style.color = 'white'; this.value = 'day'; } 즉, 이..

12. 제어할 태그 선택 자바스크립트의 문법에 따라 웹브라우저에게 body태그를 선택하도록. 1. javascript select tag by css selector 라고 검색해보자. (즉, css 선택자로 태그를 선택하는 법) document.querySelector('선택자') document.querySelector('body') 2. 자바스크립트를 통해 스타일을 적용하는 것을 검색해보자. .style 3. 배경색 (background color)을 바꾸는 자바스크립트를 검색해보자. .style.backgroundColor document.querySelector('body').style.backgroundColor = 'black'; 4. 그 다음, 글자 색을 바꾸는 자바스크립트를 검색해보자. ...

> 편의상 강의 번호로 작성함. 6. 데이터타입 - 문자열과 숫자 JavaScript Data Types Boolean Null Undefined Number String Symbol [F12]-Console에서 1+1을 입력하고 엔터를 치면 아래와 같은 결과가 나온다. 1+1과 같이 항 두개를 이용한 연산을 이항연산 이라고 하고, +와 같은 기호를 '산술 연산자'라고 한다. ___ https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/String/toUpperCase String.prototype.toUpperCase() - JavaScript | MDN toUpperCase() 메서드는 문자열을 대문자로 변환해 반환..

> 웹이 동적으로 사용자와 상호작용 할 수 있게 하기 위해 js를 이용. JavaScript는 '정보'라는 이미지를 움직이도록 하는 역할. 기능 추가 - 버튼을 통해 야간모드 / 주간모드 설정 웹 브라우저는 한번 출력이 되면 자기 자신을 바꿀 수 있는 능력이 없는데, 이를 가능하게 해주는 것이 바로 JavaScript 이다. Elements = Tag (요소 = 태그) ___ style 속성의 값으로는 반드시 CSS가 오듯이, onclick 속성의 값으로는 반드시 JavaScript가 와야 한다. 즉, 위 코드에서 onclick=" " 부분의 안에 존재하는 코드가 바로 JavaScript가 된다. 1. html 내 html hello world ** 문서에 작성시 document.write() 위와 같이..

https://www.markdowntutorial.com/ Markdown Tutorial Markdown is a way to write content for the web. It’s written in what people like to call “plaintext”, which is exactly the sort of text you’re used to writing and seeing. Plaintext is just the regular alphabet, with a few familiar symbols, like ast www.markdowntutorial.com 마크다운(Markdown)은 웹의 콘텐츠를 쓰는 방법 중 하나입니다. 마크다운은 “평문(plaintext)”으로 구성되어 있습니다..

1-(1) 프로그래밍 언어와 자바 컴퓨터가 이해할 수 있는 언어인 기계어 사람이 이해할 수 있는 프로그래밍 언어로 작성한 파일 = 소스파일 소스파일은 컴파일(compile) 과정을 거쳐 0과 1로 이루어진 기계 파일로 번역후 실행. 자바(Java)는 - 썬 마이크로시스템즈에서 발표. - 오라클(Oracle)에서 라이선스 보유. - 자바 개발 도구(JDK : Java Development Kit) - Open JDK와 Oracle JDK중 주로 오라클 이용. (학습은 무료) 자바(Java) 의 특징 - 모든 운영체제에서 실행 가능 - 객체 지향 프로그래밍 (OOP : Object Oriented Programming) - RAM 자동 정리 - 다양한 오픈소스 라이브러리 1. JAVA_HOME 환경변수 설정..

Phython. 파이썬 코딩 기초편-10(上) 동네에 항상 대기손님이 있는 치킨집이 있다. 대기 손님의 요리시간을 줄이고자 자동 주문 시스템을 제작했다. 시스템 코드를 확인하고 적절한 예외처리 구문을 넣으시오. 1.. 1보다 작거 mywebproject.tistory.com 6. pip install 파이썬에는 수많은 패키지와 모듈이 존재한다. 기본적으로 제공하는 패키지 뿐만 아니라 다른 사람들이 만든 패키지도 적절하게 사용하는 것이 중요. https://pypi.org/ PyPI · The Python Package Index The Python Package Index (PyPI) is a repository of software for the Python programming language. py..