╹╷╹╹╻╻╹╷╻╱╵━╵━╮╱╱╱╻╻╻╷╷╷╹╷╱╹╱
╹╱╷┃╷╱╷╹╹╱╷╵━╮┃╻╹╹╵┃╱╷╻╹╱╵╷╱╱
╱╱╻╵╻╹╻╵━╻╱┃╹┃╱╻╻╱┃╱╵╵╱━╹╹╹╮╱
╭╹╹╵╻╵╹╻╷╹╻╻╻╵╷╵╻╻╹╵━╮┃╭╱╹╵╻╵
╻╵╻╹╹╮┃╹━╱╹╱━╵╻╷╷╹╷╹╹╻╷╱╻┃╱╵╵
╷╱╵┻╯╱╹╹╹╷╹╵╷╻╵╷╷╻╵╯╷╱┻╻╵╹╵╱╯

전체 글 132

[Javascript] DOM, HTML DOM API, document

개요[1] DOM이란?[2] DOM 트리[3] DOM 요소 접근법[4] DOM 노드란?[5] DOM 이벤트[6] DOM 요소 제어[7] DOM 트리 제어[8] HTML DOM이란?[9] document[10] reference  [1] DOM이란?Document Object Modelconnecting web pages to scripts (javascript) by representing the structure of a document as logical treedocument 객체는 DOM에 접근하기 위한 진입점이다.  document를 통한 접근 = document.documentElement = document.body = document.head 브라우저가 를 읽지 못했을 땐, document..

Frontend/Javascript 2024.05.04

[프로그래밍 언어론] Structured Data Types (6)

[5-2] Structured Data TypesEncapsulation -  Data와 Operation을 하나로 묶음 -  Information hiding? User-Defined Data Types Basic Mechanims 1. Structured Data -  복합 데이터를 만들 수 있는 기능 (필수)2. Subprograms -  새로운 연산을 정의할 수 있는 기능 (필수)3. Type Declarations -  새로운 타입을 정의할 수 있는 기능 (고급)4. Inheritance -  기존 타입에서 확장된 타입을 생성할 수 있는 기능 (고급) Structured Data -  다른 데이터 객체를 원소로 구성된 데이터 객체 -  배열, 레코드, 스택, 리스트, 집합 -  원소 선택 방법,..

[프로그래밍 언어론] Elementary Data Types (5)

[5-1] Elementary Data Types1. Data -  숫자, 문자, 군집 데이터, 복합 데이터, 메타 데이터(포인터) Data Object -  Binding of a name to a memoty location -  일반적으로 변수 Data Value -  특정 값을 나타내는 비트 패턴 Data Object Attributes -  Component attribute : type, location, value, name -  Variable attribute : scope, lifetime 상수 -  반드시 초기화되어야하는 변수 -  이후 변경x -  Literal (이름 == 값) -  Named constant (이름 != 값) ex. define 2. Type -  데이터의 분류 ..

[프로그래밍 언어론] Modeling Language Properties (4)

[4] Modeling Language PropertiesFormal Properties of Languages -  규칙에 의해 규정되는 언어와 이러한 언어의 인식에 관한 이론 Chomsky Hierarchy -  Type 3 : Regular Grammars - Finite Automata -  Type 2 : Context Free Grammars - (N) Pushdown Automata -  Type 1 : Context Sensitive Grammars - Linear Bounded Automata -  Type 0 : Unrestricted Grammars - Turing Machine Context Free Grammar -  좌변 : nonterminal 한 개 -  우변 : 제한 없음 ..

[프로그래밍 언어론] Language Translation Issues (3)

[3] Language Translation Issues프로그래밍 언어 정의 = 구문 + 의미 구문 (Syntax) -  Readability -  Writability -  Ease of verification -  Ease of translation -  Lack of ambiguity 의미 (semantics) -  Execution behavior 구문 표기법 -  BNF (Backus-Naur Form) -  EBNF -  CFG (Context-Free Grammar) -  Static Semantics @표기법 표현력 BNF = EBNF = CFG @Static Semantics -  Semantics에 포함시키기도함 -  Attribute Grammar로 표현 의미 표기법 -  Axioma..

[프로그래밍 언어론] Impact of Machine Architecture (2)

[2] Impact of Machine ArchitectureComputer - Data -  Primitive Operations -  Sequence Control -  Data Access -  Storage Management -  Operating Environment @Machine Cycle -  Fetch-Decode-Execute Cycle Firmware Computers -  하드웨어 + 마이크로 프로그램 @Firmware -  마이크로 프로그램@Emulation -  소프트웨어 적으로 마이프로그램 수행을 흉내 (VM) Virtual Architecture -  Language Machine (특정 언어를 펌웨어 형태로 지원) -  프로세서 + 언어 처리기 (고비용) -  구현 : t..

[프로그래밍 언어론] Language Design Issues (1)

[1] Language Design Issues 프로그래밍 언어의 역할- Man-machine interface- Man-man interface 프로그래밍 언어의 분류-  문제영역-  패러다임-  계산모델 좋은 언어의 조건-  언어의 성공은 외부적인 요인인 경우가 많다-  명료성, 간결성, 일관성-  직교성-  Language features-  추상화 지원 (control abstraction + data abstraction)-  Ease of verification-  Programming environment-  Portability-  비용 (수행, 번역, 작성, 관리) 직교성-  몇 개의 다른 기능을 임의로 조합할 수 있는 기능 (예외 없이)-  기능들의 독립성이 보장되어 있다는 의미 Lan..

[Javascript] 자바스크립트 특징

1. 자바 스크립트는 인터프리터에 의해 해석되는 스크립트 언어입니다. 2. 싱글 스레드 기반의 언어지만 비동기 처리를 지원합니다. 3. 자바 스크립트는 함수형 패러다임을 기반으로 하면서 객체지향의 문법을 쓰는 독특한 언어입니다. 이를 통해 자바 스크립트는 멀티 패러다임을 지원합니다. 자바 스크립트는 인터프리터를 사용하는 프로그래밍 언어이지만, 대부분의 웹 브라우저에는 just-in-time 컴파일러가 내장되어 있어 실행 속도가 매우 빠릅니다. 하지만 just-in-time 컴파일이란, 스크립트의 실행과 동시에 소스 코드를 이진 형태로 변환하는 기술입니다. 하지만 컴파일이 미리 처리되는 것이 아니라 런타임에 처리되기 때문에 자바 스크립트는 여전히 인터프리터 언어로 분류됩니다. 자바 스크립트는 싱글 스레드를..

Frontend/Javascript 2024.03.17

[DB] 함수 종속성과 정규화(1NF, 2NF, 3NF, BCNF, 4NF, 5NF)

함수 종속성 normal form은 함수 종속성을 토대로 만들어진다. y = f(x)처럼 x에 대응되는 y값은 오직 하나인 것 처럼 relation에서 각 attribute간 함수의 성질을 만족하는 것이다. x functionally determines y X → Y iff, in every possible legal value of R, each X-value has associated with precisely one Y-value X가 R의 candidate key이면 R의 모든 attribute들은 X에 대한 FD가 성립한다. trival 종속성과 nontrivial 종속성은 2NF, 3NF을 구분하는데 중요하다. X -> Y가 성립할 때, Y가 X의 subset이면 trivial FD라고 한다...

임베디드 시스템 설계및 실험 정리

GPIO 제어 각 레지스터 마다 메모리매핑된 주소가 있다. APB2에 각 GPIO포트가 할당되있는데 할당된 주소에 offset을 더하면 해당 레지스터 주소가 된다. RCC를 사용해 사용하고자 하는 GPIO에 clock 인가 APB2 peripheral reset register 0x4002 1018 CRL, CRH (0~7, 8~15) 입출력 방향및 방식 설정, 특수 목적인지 설정 : CNFn 핀, MODE GPIOG -> CRH = (1 시스템 클럭으로 사용하거나 PLL Clock으로 사용 Real-time clock = HSE / 128 1. PLLCLK = 25 Mhz / PREDIV1 * PLLMUL 2. PLLCLK = 25 Mhz / PREDIV2 * PLL2MUL / PREDIV1 * PLL..