본문 바로가기
반응형

전체 글113

[JavaScript] HTML - DOM, getElementById, getElementsByTagName, getElementsByClassName HTML DOM( Document Object Model) 웹 페이지를 로드할 때 브라우저는 DOM(Document Object Model) 모델을 만든다. HTML DOM의 경우 객체의 트리형식으로 만들어져 있다. 위의 그림을 차근차근 설명하면 처음에 문서에서 시작하여 시작 요소 하위 요소에는 와 가 존재하며 하위에는 이 이것의 하위 텍스트는 "Mytitle"이 존재한다. 마찬가지로 의 하위에는 와 이 하위요소로 있으며 의 경우 속성이 "href"가 된다. DOM 사용하는 이유? 객체 모델(DOM)을 통해 JavaScript의 필요한 기능을 얻을 수 있다. 자바스크립트 페이지 안에서 HTML 요소를 바꿀 수 있다. 자바스크립트 페이지 안에서 HTML 속성을 바꿀 수 있다. 자바스크립트 페이지 안에서 C.. 2023. 10. 5.
[컴퓨터구조] 기본 컴퓨터 조직 및 디자인(Basic Computer Organization and Design), 컴퓨터 레지스터(Comput Instruction Codes-컴퓨터 구조는 그 컴퓨터가 사용하는 instrcution set, 내부 registers, timing and control structure으로 정의된다. - Instruction code는 컴퓨터로 하여금 특정 operation을 하라고 지시하는 bit group이다Instruction code = operation code (Opcode) + address part- Operation code : operation을 지정 - Address part : operation에 사용될 operand가 있는 주소Addressing modes- Immediate addressing (address part 자체가 operand) : instruction code 중 addres.. 2023. 9. 25.
미국은 왜? 일본의 오염수 방류를 선택했는가? 미국은 동아시아의 성장을 두려워한다. 위의 제목 말대로 미국은 동아시아의 성장을 두려워한다. 현재 GDP 3위로 한 때 미국의 경제를 위협했던 일본, 2010년 시진핑 이후 급격하게 성장해 현재 GDP 2위이자 미국의 패권에 도전하고있는 중국, K-pop 열풍으로 한나라의 문화가 전세계에 영향을 끼치는 대한민국 이렇게 동아시아의 위상을 보면 미국이 두려워할 수밖에 없다. 미국은 왜? 오염수 방류를 찬성했을까? 동아시아를 견제하려는 의도가 있다고 생각한다. 일본의 오염수의 경우 바다에 방류하는 방법말고도 다른 차선택이 존재했다. 물론 방류보다는 비용적인 측면에서 많이 나갔을지라도 분명 방법은 존재했다. 그런데 일본은 그렇게 진행하지도 오히려 미국은 일본의 오염수 방류를 지지했다. 솔직히 한국도 일본 오염수.. 2023. 9. 22.
[JavaScript] 자바스크립트 문법(JavaScript statements),주석, 변수(let, var) 자바스크립트 프로그램(JavaScript Programs) ● 컴퓨터 프로그램은 컴퓨터에 의해 "실행"되는 "명령"의 목록이다. ● 프로그래밍 언어에서 이러한 지침은 '문법(statements)'라고 한다. ● 자바스크립트 프로그래밍은 프로그래밍 문법이다. ● HTML안에서 JavaScript 프로그램이 웹브라우저에서 실행된다. 자바스크립트 문장(JavaScript Statements) ● 값(Values), 연산자(Operators), 표현식 키워드(Expresssions Keywords) 및 주석(Comments)으로 구성되어있다. ● 자바스크립트 프로그램에는 많은 JavaScript 문이 존재한다. ● 명령문은 실행된 순서대로 하나씩 실행된다. ● 자바스크립트 프로그램은 JavaScript Code.. 2023. 9. 20.
[JavaScript] 자바스크립트 기본 및 특징, 자바스크립트를 배워야하는 이유? 자바스크립트 출력(innerHTML, document.write(), window.alert(), console.log()) 자바스크립트(JS)를 배워야 하는 이유? 자바스크립트(JavaScript)는 웹개발자가 기본적으로 알아야 하는 3가지 언어 중 하나이다. HTMl : 웹페이지의 내용물을 정의한다. CSS : 웹페이지의 레이아웃을 정의한다. JavaScript : 웹페이지의 프로그램 행동을 정의한다. 자바스크립트(JavaScript)소개 ● 자바스크립트는 개념적이든 디자인적이든 자바와는 완전히 다른 언어이다. ● 자바스크립트는 1995년에 Brendan Eich에 의해 개발되었고 1997년에 ECMA의 표준이 되었다. ● ECMA-262는 표준 공식 명칭이다. ECMAScript는 공식 언어 이름이다. 자바스크립트를 작성하는 곳 사이에 넣는다. 자바스크립트 함수와 이벤트 - 자바스크립트 함수는 자바스크립트 코드 안에서 요.. 2023. 9. 20.
[컴퓨터구조] 논리 마이크로연산(Logic Microoperations), 쉬프트 마이크로연산(Shift Microoperations) 논리 마이크로연산(List of logic μoperation) Hardware 구현 하드웨어 구현에 대한 설명 위의 하드웨어 구현은 논리회로의 한 단계만 구현한 것이다. Fuction table에 맞게 Hardware를 구현하면 다음과 같다. Applications Shift Microoperaionsμ Logical shift (end postition은 0으로 채워진다) Shift μoperations Symbolic designation Description R 2023. 9. 19.
[시스템프로그래밍]2장 정수의 표현(Data-Integer), 바이트 저장순서(Byte Ordering), 정수의 인코딩(B2U, B2T계산법), Signed와 Unsigned의 관계, 1장 복습 https://youknow301.tistory.com/106 [시스템프로그래밍] 1장 Computer System 컴퓨터 시스템의 계층도 Application programs Operating system Processor Main memory I/O devices Software: Application programs, Operating system Hardware: Processor, Main memory, I/O devices 컴퓨터 시스템 계층도는 위와 같이 되며 youknow301.tistory.com 요약: - 컴퓨터 시스템은 하드웨어, 시스템 소프트웨어, 응용프로그램으로 구성 - 프로그램은 변역되어 변화함 - 프로그램은 시스템 프로그램 도움으로 하드웨어 실행 바이트 값의 인코딩(.. 2023. 9. 19.
[C++] C++ 넌 뭐야? C++에 대해 알아보자 C++의 역사 C++ 개발자는 비아르네 스트로우스트루프이다. C++는 1982년에 나왔으며 C++ 참고서와 구현은 1985년에 출시되었다. C++의 시작은 클래스를 가지는 C언어로부터 시작되었다. C++ 디자인 C++은 객체지향(OOP)개념을 가진 C언어라고 보면 된다. 객체지향 특징 - Class(클래스) - Object(객체) - Abstraction(추상화) - Plymorphism(다형성) - Inheritance(상속) - Encapsulation(캡슐화) C언어의 연장이 C++인가? C언어와 C++의 문장이 비슷하고 같은 C가 들어가다보니까 C++이 C언어의 연장선이라고 생각하는 사람이 많다. 하지만 C++은 C언어의 연장선이 아니다. #include int main(){ print("Size.. 2023. 9. 16.
[bootstrap 5] 부트스트랩 그리드(Grid) & 실습 연습 그리드 시스템(Grid System) 그리드 시스템은 페이지에 총 12열로 나눠진다. 그리드 시스템은 반응형이며, 화면 크기에 따라 열이 자동으로 다시 정렬된다. span 1 span 1 span 1 span 1 span 1 span 1 span 1 span 1 span 1 span 1 span 1 span 1 span 4 span 4 span 4 span 4 span 8 span 6 span 6 span 12 그리드 클래스(Grid Class) col = 576px col-md >= 768px col-lg >= 992px col-xl >= 1200px col-xxl >=1300px 여기서 그리드 클래스의 px 크기를 잘 보아야 한다. 반응형으로 만들기위해서는 그리드 클래스는.. 2023. 9. 16.
[bootstrap 5] Container vs Fluid Container Container vs Fluid Container 사이트 레핑하는 방법이 두가지로 나뉜다. Container와 Fluid Container이다. Container : 반응형 고정 너비 container를 제공한다. Fluid Container : viewport의 전체 너비에 걸쳐있는 전체 너비 container를 제공한다. Container 예시코드 및 실행화면 The First Bootstrap Page This part is inside a .container class. the container class provides a responsive fixed width container. Resize the browser window to see that the container width will.. 2023. 9. 14.
728x90
반응형

티스토리툴바