전체 글

1. 문서 객체 선택이란? 문서 객체를 선택한다는 것은? 👉 이미 존재하는 HTML 태그를 자바스크립트에서 문서 객체로 변환하는 것 2. 문서 객체 선택 메서드 종류 🩶 1개를 선택하는 메서드 🩶 document.getElementyById(아이디) : 아이디로 1개 선택 document.querySelector(선택자) : 선택자로 1개 선택 👉 이름이 같은 선택자가 여러 개라면 가장 먼저 등장하는 것을 선택함 🩶 여러 개를 선택하는 메서드 🩶 document.getElementyByName(이름) : name 속성으로 여러 개 선택 document.getElementByClassName(클래스) : class 속성으로 여러 개 선택 document.querySelectorAll(선택자) : 선택자로 ..

1. 문서 객체 모델 기본 용어 문서 객체란? 👉 HTML 태그를 자바스크립트에서 사용할 수 있는 객체로 만든 것. 문서 객체를 조작한다 = 태그를 조작한다 웹 브라우저는 HTML 페이지를 읽으면서 태그의 포함 관계에 따라 문서 객체를 트리 형태로 만든다. 노드: 각 트리의 각 요소 요소 노드: 요소를 생성하는 노드 예) h1 태그, script 태그 텍스트 노드: 화면에 출력되는 문자열 더보기 텍스트 노드를 갖지 않는 태그들 문서 객체 생성 방법 정적 생성: 웹 페이지를 처음 실행할 때 HTML 태그로 적힌 문서 객체를 생성하는 것 동적 생성: 웹 페이지 실행 중에 자바스크립트를 사용해 문서 객체를 생성하는 것 문서 객체 모델이란? 👉 DOM(Document Object Model). 웹 브라우저가 H..

객체는 자료형 여러 개를 한 번에 저장한다. 1. 객체 개요 💚 배열과 객체의 차이점 💚 👉 배열은 요소에 접근할 때 인덱스를 사용하지만, 객체는 키를 사용한다. 💚 객체 생성 예 💚 키 속성 제품명 7D 건조 망고 유형 당절임 성분 망고, 설탕, 메타중아황산나트륨, 치자황색소 원산지 필리핀 💚 객체 속성 접근 방법 💚 1) 대괄호 사용 product['제품명']//7D 건조 망고 product['유형']//당절임 product['성분']//망고, 설탕, 메타중아황산나트륨, 치자황색소 product['원산지']//필리핀 2) Object.속성 👈 사용 빈도 높음 product.제품명 product.유형 product.성분 product.원산지 💚 객체 순환 방법 💚 for (var 키 in 객체) { 문..

1. 선언과 호출 방법 정의 표현 익명 함수 이름을 입력하지 않고 만드는 함수 function ( ) { } 선언적 함수 이름을 입력해서 만드는 함수 function 함수( ) { } 함수 실행을 함수를 호출한다고 표현한다. 호출방법은 아래와 같다. 함수(); 2. 실행 우선순위 함수도 변수이므로 가장 마지막에 입력된 값이 저장된다. 선언적 함수와 익명 함수를 함께 사용할 때는 실행 순서가 다르다. 자바스크립트는 모든 코드를 읽기 전에 선언적 함수를 먼저 읽는다. 👉 선언적 함수가 익명 함수 뒤에 있지만 먼저 읽으므로 아래 코드를 실행하면 나중에 읽은 익명 함수를 실행한다.

후보키와 대체키의 역할과 관계는? 👉 후보키는 유일성과 최소성을 모두 갖춘 속성들입니다. 기본키로 사용 가능한 후보들이 되는 키입니다. 대체키는 기본키가 되고 남은 속성들을 의미합니다. 후보키는 대체키를 포함한다고 볼 수 있을 것 같습니다. DB 설계에서 식별자로 자연키와 인조키 중 어떤 것을 선택하는 것이 바람직한지 말하고, 그 이유를 설명하세요. 👉 인조키를 선택하는 것이 바람직합니다. 그 이유를 말씀 드리겠습니다. 첫째, 자연키는 변경될 수 있습니다. 예를 들어, 회원 정보에서 전화번호 항목을 수집한다고 가정했을 때, 전화번호는 유일하지만 회원의 상황에 따라 변경될 수 있습니다. 둘째, 환경이 변할 수 있습니다. 예를 들어, 주민번호를 수집해 식별자로 사용하다가 국가에서 해당 속성을 수집하지 못하게..

1. ERD의 의미 Entity Relationship Diagram 요구 분석 사항에서 얻은 엔티티와 속성들의 관계를 그림으로 나타낸 개체-관계 모델 테이블과의 관계를 설명하는 다이어그램 이를 통해 프로젝트에서 사용하는 데이터베이스의 구조를 한눈에 파악할 수 있다. 데이터베이스를 구축 시 뼈대 역할을 하며, 서비스 구축 시 제일 먼저 신경써야 할 부분이다. 👉 API를 보다 효율적으로 뽑아낼 수 있다. 2. ERD 그리기 2-1. 엔티티 Entity 정의 가능한 사물 또는 개념 데이터베이스의 테이블이 엔티티로 표현된다. 2-2. 엔티티 속성 Entity Attribute 개체가 가지고 있는 속성 예) 학생 엔티티에는 학번, 이름, 주소, 전공 등 속성이 있다. 데이터베이스 테이블의 각 필드(컬럼)들 2..

0. Background 0-1. 데이터베이스 무결성 무결성이란? 데이터베이스에 저장된 데이터 값과 그것이 표현하는 현실 세계의 실제 값이 일치하는 정확성 1) 개체 무결성 Entity Integrity 첫 번째 조건: 기본키를 구성하는 속성은 null 값을 가질 수 없다. 두 번째 조건: 기본키를 구성하는 속성은 다른 레코드와 중복될 수 없다. 예) 학생이라는 개체를 표현하기 위해 데이터베이스 표에서 학번, 이름, 학과 속성으로 표현을 할 수 있다. 학생을 표현할 때 학번을 그 기본키로 정했다면 학번에 null 값이 있어서는 안 된다. 2) 참조 무결성 Referential Integrity 외래키를 구성하는 조건은 참조 릴레이션(테이블)의 기본키 값과 동일해야 한다. 👉 릴레이션은 참조할 수 없는 외..

1. 정의 함수에 파라미터로 들어가는 함수 2. 용도 순차적으로 실행하고 싶을 때 쓴다. 3. 특징 다른 데에서 만든 함수도 콜백함수로 넣을 수 있다. 콜백함수에 함수명을 작명할 수도 있다. 콜백함수가 필요한 함수들에만 콜백함수를 사용할 수 있다. 4. 원리 first() 함수 다음에 second() 함수 실행하고 싶으면? Q. first(); second(); 이렇게 코드를 작성해도 first 함수가 실행된 후에 second 함수가 실행되는데, 콜백함수는 의미가 없는 거 아닌가요? A. 👉 내가 first라는 함수를 만들었는데, 팀원들이 이것을 자주 쓴다면 콜백함수가 의미가 있다. 예) 팀원1: first() 후에 console.log(2) 바로 하고 싶은데요? 팀원2: 저도 first() 후에 con..

1. 운영체제(Operating System)란?1-1. 의미1) 운영의 의미운영 = 관리관리의 대상은 자원이다. 예) 인적 자원을 운영하는 것은 사람이랑 관련된 것들을 관리함관리의 대상은 크게 시간적 자원과 공간적 자원으로 나뉜다.나누기 👉 채우기 👉 살피기 👉 지우기할당 = 분할 + 배정이러한 과정을 왜 거칠까?👉 제한되어 있는 자원을 잘 사용하기 위해2) 체제의 의미체제 = 시스템목적(일)을 위해 필요한 것들이 네 가지가 있다. 조직, 순서, 통제, 상호작용상호작용은 시스템 간뿐만 아니라 시스템과 시스템 외부의 사용자와의 커뮤니케이션을 위한 통로 및 창구 역할을 한다.조직, 순서, 통제, 상호작용의 공통점은?👉 누군가가 만들어 놓은 것들이다.시스템의 목적은?👉 사람은 정확하지 않을 수가 ..

자바스크립트를 이용해서 방향키를 눌렀을 때 해당 방향으로 물고기가 이동하게 하는 문제를 푸는 중이었다. 물고기의 방향을 각각 변수로 선언했는데, 물고기가 움직이지 않았다. 위와 같이 parseInt()를 사용하여 fish의 left와 top 값을 바꾸려고 했는데 작동이 되지 않았다. 문제점 콘솔에 fish.style을 콘솔에 찍었을 때 공란이 떴다. parseInt()를 수행한 후에 fish.style.left를 콘솔에 찍어보았을 때, NaN이 찍혔다. 이유? fish.style을 통해 스타일을 확인하는 것은 인라인 스타일을 확인하는 것이다. 내가 작성한 코드는 인라인 스타일이 아니라 CSS 스타일 시트에 정의된 스타일이기 때문에 해당 방법으로는 스타일 정보를 얻을 수 없다. parseInt()는 문자열..