
전압 : 전류가 흐를때 발생되는 전위의 차를 전압이라고 한다. 어떤 배관에 물이 있다면 그 배관의 압력이라고 할 수 있다. 압력이 셀수록 물이 강하게 나가는것처럼 전위차가 높을 수록 전압이 높게 되는 것이다. 즉 전압은 전류가 높던 저항이 높던 둘중 하나만 상승하게 되면 전압은 올라가게 된다. 전압 V = 전류 I * 저항 R 이며, 단위는 V(볼트)전류 : 전하의 이동을 말한다. 전하는 위치에너지가 높은 곳에서 낮은 곳으로 이동하게 되는데 전압이 높을 수록 많이 흐르게 되는것이다. 어떤 배관에 압력이 높을 수록 빨리 흐른다고 보면 된다. 즉 저항이 일정할 경우 전압이 높아지면 전류도 높아지게 되는 것이며 전류값이 일정한 상태에서 전압을 올리려면 저항값이 낮아지는 것이다. 전류 I = 전압 V / 저항 ..

웹브라우저의 구성요소들은 하나하나가 객체화되어 있다. 자바스크립트로 이 객체를 제어해서 웹브라우저를 제어할 수 있게 된다. 이 객체들은 서로 계층적인 관계로 구조화되어 있다. BOM과 DOM은 이 구조를 구성하고 있는 가장 큰 틀의 분류라고 할 수 있다.최상단엔 window라 불리는 ‘루트’ 객체가 있다. window 객체는 2가지 역할을 한다.전역 객체 챕터에서 설명한 바와 같이, 자바스크립트 코드의 전역 객체이다.'브라우저 창(browser window)'을 대변하고, 이를 제어할 수 있는 메서드를 제공한다.아래 예시에선 window 객체를 전역 객체로 사용하고 있다.function sayHi() { alert("안녕하세요.");}// 전역 함수는 전역 객체(window)의 메서드임window.sa..
inlineinline 방식은 태그에 직접 자바스크립트를 기술하는 방식이다. 장점은 태그에 연관된 스크립트가 분명하게 드러난다는 점이다. 하지만 정보와 제어가 섞여 있기 때문에 정보로서의 가치가 떨어진다. script 태그를 만들어서 여기에 자바스크립트 코드를 삽입하는 방식이다. 장점은 html 태그와 js 코드를 분리할 수 있다는 점이다. 외부 파일로 분리js를 별도의 파일로 분리할 수도 있다. 장점은 보다 엄격하게 정보와 제어를 분리할 수 있다. 하나의 js 파일을 여러 웹페이지에서 로드함으로서 js의 재활용성을 높일 수 있다. 캐쉬를 통해서 속도의 향상, 전송량의 경량화를 도모할 수 있다. var hw = document.getElementById('hw');hw...

부울값 이외의 값 if 문에서는 조건식에 부울값(비교 연산자나 부울 연산자 등)을 지정해서 처리의 흐름을 제어할 수 있다. 조건식에는 비교 연산자뿐만 아니라 값을 직접 지정할 수도 있다. 파이썬에서는 조건식 위치에 값이 기술되면, 그 값에 따라 조건의 성립 여부를 결정하는 규칙이 정해져 있다. 규칙은 다음과 같다. 조건식이 성립하지 않는다조건식이 성립한다수치00이 아닐 때문자열빈 문자열 "나 ""왼쪽 항의 조건 이외일 때리스트빈 리스트 [ ]왼쪽 항의 조건 이외일 때튜플빈 튜플 ( )왼쪽 항의 조건 이외일 a = 3if a: print("a is not zero")else: print("a is zero")#a is not zeroa = 0if a: print("a is not zero..
와 진짜 뭔가 기초적인거라 그런지 진짜 쓰기가 싫다... 근데 불편한 만큼 나중엔 편해지겠지라는 생각으로 적어본다. if문영단어 if은 "만약~라면"이라는 문맥에서 사용한다. 파이썬에서 if문도 동일하다. "어떤 조건을 충족했을 때 명령을 실행"할 때 사용한다. "if:else","if:","if: elif:"등 몇 가지 변형이 있다.if: else: 조건이 성립할 때, 성립하지 않을 때, 각각에서 어떤 처리를 할 때 사용한다.if 조건식: 조건식이 True일 때의 처리1 ... 조건식이 True일 때의 처리nelse: 조건식이 False일 때의 처리1 ... 조건식이 False일 때의 처리n다음 처리 조건식과 else 뒤에 ":(콜론)"이 있다는 것에 주의한다. ":"..
인터넷은 전 세계 컴퓨터가 서로 통신할 수 있게 하는 방대한 시스템이다. 인터넷이 작동하는 방식을 고수준에서 설명하면 다음과 같다.1. 기본 구성 요소클라이언트와 서버: 인터넷은 클라이언트(컴퓨터, 스마트폰 등)와 서버(웹사이트, 데이터 등을 저장하는 컴퓨터)로 구성된다. 클라이언트는 정보를 요청하고, 서버는 이를 제공한다.IP 주소: 인터넷에 연결된 모든 장치는 고유한 IP(인터넷 프로토콜) 주소를 가지고 있으며, 이를 통해 식별된다. IP 주소에는 IPv4(예: 192.168.1.1)와 IPv6(예: 2001:0db8:85a3:0000:0000:8a2e:0370:7334) 두 가지 버전이 있다.DNS(도메인 이름 시스템): DNS는 사람이 읽을 수 있는 도메인 이름(예: www.example.com)..

HTML (Hypertext Markup Language)은 웹 페이지와 그 내용을 구조화하기 위해 사용하는 코드. 웹사이트의 모습을 기술하기 위한 마크업 언어이다.여는 태그 (Opening tag): 이것은 요소의 이름으로 구성되고 (여기에서는 p), 여닫는 꺾쇠괄호로 감싸진다. 이것은 요소가 시작되는 곳, 또는 효과를 시작하는 곳임을 나타낸다. 이 예제에서는 문단이 시작되는 위치를 나타낸다.닫는 태그 (Closing tag): 이것은 여는 태그와 같지만, 요소의 이름 앞에 전방향 슬래시가 포함된다는 점이 다르다. 이것은 요소의 끝을 나타낸다. 이 예제에서는 문단이 끝나는 위치를 나타낸다. 초보자가 가장 흔히 범하는 오류 중 하나가 닫는 태그를 쓰지 않는 것으로 이상한 결과가 표시된다.콘텐츠 (Cont..

마크업 언어(Markup Language)는 양식이 있는 문서의 한 종류이며 그 양식을 태그(좌, 우 부등호 처럼 생긴 꺽쇠 로 구분)등으로 구분하여 문서 정보를 정확하게 전달하기 위한 목적으로 만들어진 문서이다. 문서가 화면에 표시되는 형식을 나타내거나 데이터의 논리적인 구조를 명시하기 위한 규칙들을 정의한 언어의 일종이다. 데이터를 기술한 언어라는 점에서 프로그래밍 언어와는 다르다.그럼 이런 문서는 대체 왜 생겼으며 어디에 사용하고 있을까?마크업 언어는 이 자체로 뭔가가 있는 것은 아니고 여러 마크업 언어를 통틀어 말한다. 즉 HTML, XML 등을 마크업 언어라고 하고 그러한 것들이 나오게 된 데는 거의 대부분 컴퓨터와 관련이 있다.최초의 문서는 당연히 아무것도 없는 글씨였을 것이다. 예를 들..