반응형 전체 글116 [웹프로그래밍 실습] Dom을 이용한 할 일 입력 요구 버튼 만들기 문제 다음은 문제의 초기 상태이다. 텍스트를 입력하고 '추가' 버튼을 클릭하면 아래와 같이 1,2,3 숫자번호가 있는 리스트가 생성이 된다. 텍스트 옆에는 '하위 할 일 추가' 버튼이 생성이 되며 버튼을 누를 경우 prompt가 생성이 되고 입력된 prompt 값이 텍스트의 순서 있는('A, B, C') 하위 리스트로 들어오게 된다. 만약 텍스트의 하위 리스트 요소를 지우려면 빨간색 네모칸에 있는 텍스트만을 클릭해야 삭제가 된다. 2023. 10. 12. [웹프로그래밍 실습] Dom을 이용한 할 일 입력 요구 버튼 만들기 정답 예시 정답 HTML DOCTYPE html> 그룹실습2-DOM 2023 추가 JS document.getElementById("insertButton").addEventListener("click", addList); function addList(){ var para = document.createElement("li"); var text = document.getElementById("insert1").value; var node = document.createElement("span"); var button1 = document.createElement("button"); button1.textContent = "하위 할 일 추가"; node.textContent = text; para.append.. 2023. 10. 12. [컴퓨터구조] 타이밍 및 제어(Timing and Control), 명령주기(Instruction Cycles), 메모리-참조 명령어(Memory-reference Instructions),컴퓨터 설계(complete computer) Timing and Control Control unit 위의 그림은 기본 컴퓨터(basic computer)의 control unit이 된다. 2개의 디코더와 1개의 SC(Sequence Counter), 하나의 control logic gates를 가지게 된다. IR(Instruction register)의 경우 세 부분으로 나뉘는데 이중 Opcode(Operation code) 부분이 decoder와 연결이 된다. 8개(000~111)의 출력부분이 D0 ~ D7까지 지정이 된다. 명령어의 15번째 비트 I의 경우 지정된 플립플롭으로 전송된다. 4bit SC(Sequence Counter)의 경우 디코더를 통해 T0~T15으로 출력이 된다. Timing signals [위의 그림은 D3T4일때 Cle.. 2023. 10. 11. [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. 이전 1 2 3 4 5 6 7 ··· 12 다음 728x90 반응형
