개발자 페이지 (49) 썸네일형 리스트형 CSS: inline, block default 값은 inline으로 left, rigth 영역에서만 margin, padding 값을 가질 수 있다. CSS 적용시 top, bottom에 margin, padding을 적용하기 원한다면 반드시 display: block; 코드로 inline -> block 으로 변경해줘야 한다. box의 경우 inline으로 적용될 시 높이가 적용되지 않아 화면에서 사라지는 현상을 겪기도 한다. CSS 설정시 .name {} 앞에 (.)을 쓰면 class를 지칭한다 .name {} 앞에 (#)을 쓰면 id 를 지칭한다. id는 unique 값으로 모든 변수 통틀어 단 1개만 존재할 수 있으며, class값은 여러개 중복 존재가 가능하다. class는 아래와 같이 사용되는데 class="one two t.. 02 실행 컨텍스트 - by 코어자바스크립트 아래 내용은 '코어 자바스크립트' 정재남 저 | 위키북스의 내용을 발췌한 것으로 자세한 내용은 해당 서적을 확인 바랍니다. 실행 컨텍스트(Execution context): 실행할 코드에 제공할 환경 정보들을 모아놓은 객체. 자바스크립트는 실행컨텍스트가 활성화되는 순간 다음과 같은 동작을 수행하게 된다. 1. 호이스팅(Hoisting): 변수를 위로 끌어올림 2. 외부 환경 정보를 구성 3. this 값을 설정하는 등의 동작 수행 해당 개념은 JS에서 가장 중요한 핵심 개념중 하나로, 실행컨텍스트(Execution context)를 정확히 이해하는 것은 자바스크립트를 포함, 개발자라면 반드시 숙지해야 할 핵심 개념이다. - 스택(stack): 출입구가 하나인 깊은 구덩이 데이터 구조 비어있는 스택순서대로.. Undefined, null 값 자바스크립트 값이 없음을 나타내는 자바스크립트 표현은 2가지로 1.undefined : 값이 없을때 자바스크립트가 자동으로 부여하는 경우가 보통 사용자의 입력이 예상되는데 실제로 값이 없을 경우 undefined를 반환하게 된다. 사용자가 지정한 undefined는 하나의 값으로 동작하여 고유의 키값 프로퍼티가 존재하게 되나 자바스크립트 엔진이 자동으로 반환해주는 undefined는 배열의 키값 자체가 존재하지 않는다. 혼란을 피하기 위해서는 둘중 하나만 사용하는것이 편리하다. 즉, 자바스크립트 엔진이 직접 undefine을 반환하는 경우만 남겨두는 것이다. 비어있음을 나타내고 싶을때는 아래 null을 사용하면 된다. 2. null: 이 null 값은 애초부터 undefined를 대체하기 위한 '비어있음'을 나타내기.. 05. 불변 객체 / 얕은 복사(shadow copy)와 깊은 복사(deep copy) 아래 내용은 '코어 자바스크립트' 정재남 저 | 위키북스의 내용을 발췌한 것으로 자세한 내용은 해당 서적을 확인 바랍니다. 어떤 객체를 복사할 때 객체 내부의 모든 값을 복사해서 완전히 새로운 데이터를 만들고자 할 때, 객체의 프로퍼티 중에서 그 값이 기본형 데이터 혹은 참조형 데이터냐에 따라 복사 깊이를 달리해야 한다. 1. 기본형 데이터: 그대로 복사 2. 참조형 데이터: 객체의 내부의 프로퍼티를 다시 복사 이 과정을 참조형 데이터가 있을때마다 재귀적으로 수행해야만 비로소 Deep Copy가 되는 것이다. 3번째 줄에서 target이 객체인 경우에는 내부 프로퍼티들을 순회하며 copyObjectDeep 함수를 재귀적으로 호출하고, 객체가 아닌 경우에는 8번째 줄에서 target을 그대로 지정하게 했다.. 그림판 구현 context.save() and restore() 위 ctx.save()는 기존의 모든 스타일, 색 등 값을 저장하고 중간에 원하는 lineWidth = 1 로 바꾼뒤 마지막 ctx.restore()로 원래 save()된 설정으로 바꾸는 코드 save() 와 restore()사이에는 어떤 주소 변경이 있던지 원래값으로 참조가 된다. 혼자서 움직이는 컴퓨터 계산기와 컴퓨터를 구분하는 가장 중요한 요소는 바로 조건에 따른 제어가 가능한 반복 혹은 Loop 기능을 포함하고 있느냐 없느냐이다. 디지털 컴퓨터는 프로세서, 메모리, 적어도 하나의 입력장치(DI), 출력장치(DO) 이렇게 4가지 주요 구성요소로 이루어 진다. 1. ALU: (Arithmetic Logic Unit) 수치연산 및 논리연산 유닛 2. AND: 논리곱 이라고도 하며, 모든 입력값이 1일 때만 1을 출력 3. OR: 논리합 이라고도 하며, 하나 이상의 입력값이 1이면 1을 출력 4. XOR: 입력값이 같지 않으면 1을 출력 예) 0 XOR 0 = 0 0 XOR 1 = 1 1 XOR 0 = 1 1 XOR 1 = 0 컴퓨터를 이용하여 두 수를 곱할 수 있도록 일련의 명령을 결정한 일이 바로 컴퓨.. 01 데이터타입 by 코어 자바스크립트 아래 내용은 '코어 자바스크립트' 정재남 저 | 위키북스의 내용을 발췌한 것으로 자세한 내용은 해당 서적을 확인 바랍니다. 1. variable & identifier (변수 & 식별자) variable(변수)는 '변할 수 있는 수' 로 변할수 있는 데이터를 뜻한다;. 숫자도 데이터, 문자열, 객체, 배열 모두 데이터. identifier (식별자)는 어떤 데이터를 식별하는데 사용하는 이름, 즉 변수명이다. 2. 변수 선언 var a; 변수 선언은 "변할 수 있는 데이터를 만든다. 이 데이터의 식별자는 a로 한다." 변수 ▶ 변경 가능한 데이터가 담길 수 있는 공간 또는 그릇 이공간에 숫자를 담았따가 문자열을 담는 등의 다양한 명령을 내릴 수 있다. 임의의 빈 공간 1003번 주소를 선택, 이 공간의 이.. Filp flop 회로 ( NOR ) ● Hertz (헤르츠); Hz 하인리히 루돌프 헤르츠 (Heinrich Rudolph Hertz; 1857-1894) ● Oscillator 오실레이터 (보통, Hertz 라고 부른다) ● Clock (클럭); Clk 회로의 '값보존' 대신에 '클럭'이라는 이름이 사용된다. 실제 시계가 아니라 0과 1사이를 주기적으로 왔다 갔다 하는 시계와 비슷한 속성을 지니고 있는 신호 아래 회로에서 클럭은 데이터 입력이 언제 저장되어야 하는지를 알려주는 신호라고만 생각해도 됨. 이 용어는 해당 회로가 한 비트의 데이터를 나중에 사용하기 위하 저장(latch)할 수 있다는 의미이다. 이 회로는 1-bit 메모리라고도 불림. 설명: 각각 8개의 A, B 입력과 B입력은 스위치에, 자리올림 입력(CI)은 접지에 연결되며.. 이전 1 2 3 4 5 6 7 다음
