전체 글 검색 결과

350 개의 검색 결과가 있습니다.

Front-end/JavaScript

Vanilla JS | JavaScript | 자바스크립트 this | 생성자 함수

this 자바스크립트에서 this는 런타임에 결정됩니다. 메서드가 어디서 정의되었는지에 상관없이 this는 ‘점 앞의’ 객체가 무엇인가에 따라 ‘자유롭게’ 결정된다. let user = { name: "John" }; let admin = { name: "Admin" }; function sayHi() { alert( this.name ); } // 별개의 객체에서 동일한 함수를 사용함 user.f = sayHi; admin.f = sayHi; // 'this'는 '점(.) 앞의' 객체를 참조하기 때문에 // this 값이 달라짐 user.f(); // John (this == user) admin.f(); // Admin (this == admin) admin['f'](); // Admin (점과 대괄..

2021. 12. 7. 13:54

Front-end/JavaScript

Vanilla JS | JavaScript | 객체 | object literal | object constructor | 대괄호 표기법 square bracket notation ☆

객체 만들기 let user = new Object(); // '객체 생성자' 문법 let user = {}; // '객체 리터럴' 문법 객체 리터럴 - 중괄호를 이용해 만든다. 마지막 프로퍼티의 끝에 쉼표를 사용할 수 있다. 상수 객체는 수정될 수 있다. const는 user의 값을 고정하지만 안의 내용은 고정하지 않는다. 대괄호 표기법 ☆ 여러 단어를 조합해 프로퍼티 키를 만든 경우엔, 점 표기법을 사용해 프로퍼티 값을 읽을 수 없다. //문법 에러가 발생 user.likes iphone = true 키가 유효한 변수 식별자(공백이 없고 특수문자가 없는 경우)가 아닌 경우에는 점을 사용하는 대신 대괄호 표기법(square bracket notation)을 사용해서 키에 어떤 문자열이 있던지 상관없이 ..

2021. 12. 7. 11:34

Front-end/JavaScript

Vanilla JS | JavaScript | JSDOC | 자동 문서 생성 도구 JSDoc3

JSDOC 함수와 매개변수 정보를 담고 있는 주석 자바에는 JAVADOC이 있다. https://jsdoc.app/ Use JSDoc: Index Index Getting Started Getting Started with JSDoc 3 A quick-start to documenting JavaScript with JSDoc. Using namepaths with JSDoc 3 A guide to using namepaths with JSDoc 3. Command-line arguments to JSDoc About command-line arguments to JSDoc. Configuring jsdoc.app @author 작성자 식별 @version 라이브러리 버전 정보 @copyright 파일 ..

2021. 12. 6. 17:02

Front-end/JavaScript

Vanilla JS | JavaScript | 함수 표현식 | 콜백 함수 | 화살표 함수

함수 표현식 자바스크립트에서 함수는 특별한 종류의 값으로 취급한다. 구조로 취급되지 않는다. 함수 표현식은 실제 실행 흐름이 해당 함수에 도달했을 때 함수를 생성합니다. 따라서 실행 흐름이 함수에 도달했을 때부터 해당 함수를 사용할 수 있다. 함수 선언문은 함수 선언문이 정의되기 전에도 호출할 수 있다. 스코프 함수 표현식은 블록 밖에서도 동작한다. 함수 선언문이 코드 블록 내에 위치하면 해당 함수는 블록 내 어디서든 접근할 수 있다. 하지만 블록 밖에서는 함수에 접근하지 못한다. 콜백 함수 함수를 함수의 인수로 전달하고, 필요하면 인수로 전달한 함수를 나중에 호출하는 것 화살표 함수 기본 (arrow function) 동적인 화살표 함수 사용 예제 중괄호를 사용할 경우 리턴값을 표시해주어야 한다.

2021. 12. 6. 14:58

Front-end/JavaScript

Vanilla JS | JavaScript | use strict | BigInt 자료형 | 문자열

use strict 이 지시자가 스크립트 최상단에 오면 스크립트 전체가 '모던한' 방식으로 동작 "use strict"; //현대적인 방식으로 동작 최상단에 위치해야만 한다. 브라우저 콘솔에서는 적용되지 않는다. Big Int 자료형과 문자열 bigint 자료형은 리터럴 끝에 n을 붙인다. 문자열은 따옴표를쓰고 ${변수명}에 감싸면 중간에 문자열이나 다른 자료형을 넣을 수 있다. 자바스크립트는 문자를 지원하지 않는다.

2021. 12. 6. 10:41

Front-end/JavaScript

Vanilla JS | JavaScript | 함수의 기본 문법 | 함수 이름 정하기 | Parameter & Argument | 매개변수 | 인자

함수의 기본 문법 Function Basic Parameter & Argument Return 함수 이름 정하기 "show"로 시작하는 함수는 대개 무언가를 보여주는 함수 이 외에 아래와 같은 접두어를 사용할 수 있습니다. "get…" – 값을 반환함 "calc…" – 무언가를 계산함 "create…" – 무언가를 생성함 "check…" – 무언가를 확인하고 불린값을 반환함 Parameter & Argument (매개변수와 인자) Parameter & Argument Return Return (리턴) 표현식 1=1 -> true라는 값의 표현식 sum(2,3) -> 5가 되기 위한 표현식 만들기 Return

2021. 12. 5. 19:17

Front-end/JavaScript

Vanilla JS | JavaScript | 제어할 태그 선택 | 배열

제어할 태그 선택 정정인 코드 body인 태그의 스타일을 동적으로 변경 주간/야간 모드 JavaScript 프로그래밍 언어 Programming 순서를 만드는 행위 사용자와 여러가지 명령어로 시간의 순서에 따라 상호작용 조건에 따라서 기능실행 반복에 따라서 기능 실행 복잡해진 순서를 정리 Array 배열 데이터중 연관된 데이터를 정리해서 담아두는 수납상자 https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Array Array - JavaScript | MDN JavaScript Array 전역 객체는 배열을 생성할 때 사용하는 리스트 형태의 고수준 객체입니다. developer.mozilla.org my name a..

2021. 12. 4. 21:23

Front-end/JavaScript

Vanilla JS | JavaScript | 콘솔제어 | div span 차이 | 3wschool

https://www.w3schools.com/ W3Schools Free Online Web Tutorials W3Schools offers free online tutorials, references and exercises in all the major languages of the web. Covering popular subjects like HTML, CSS, JavaScript, Python, SQL, Java, and many, many more. www.w3schools.com 자바스크립트 콘솔 제어 실행 Enter 실행 미루기 Shft + Enter 태그 선택자 JavaScript JavaScript div 태그 화면 전체를 쓰는 어떠한 기능도 없는 정보제어를 위해 감싸주는 태그 spa..

2021. 12. 2. 21:16

Front-end/JavaScript

Vanilla JS | JavaScript | 콘솔 | 데이터타입 | mozilla

콘솔 사용하기 브라우저 콘솔을 사용하여 자바스크립트 사용 개발자도구에서 콘솔창 밑에 띄우기 F12 -> Elements -> ESC 현제 웹페이지 대상으로 자바스크립트가 실행된다. 데이터타입 표현 - 문자열, 숫자사용 Numver String https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/String String - JavaScript | MDN String 전역 객체는 문자열(문자의 나열)의 생성자입니다. developer.mozilla.org

2021. 12. 1. 20:55

Front-end/JavaScript

Vanilla JS | JavaScript | event | Atom

https://atom.io/ A hackable text editor for the 21st Century At GitHub, we’re building the text editor we’ve always wanted: hackable to the core, but approachable on the first day without ever touching a config file. We can’t wait to see what you build with it. atom.io document.querySelector('body').style.backgroundColor='bleck'; 바디테그의 스타일 속성의 백그라운드 색을 블랙으로 적용 event onclick onchange 속성 등등 이벤트가 일..

2021. 11. 28. 20:07

데이터베이스/SQL

SQLD | 계층형 쿼리 | SQL 자격검정 실전문제 87번 | 87번 문제 | START WITH CONNECT BY | ORDER SIBLINGS BY

SQL 자격검정 실전문제 87번 문제 TAB1 C1 C2 C3 1 A 2 1 B 3 1 C 4 2 D SQL SELECT C3 FROM TAB1 START WITH C2 IS NULL CONNECT BY PRIOR C1 = C2 ORDER SIBLINGS BY C3 DESC 1. START WITH START WITH C2 IS NULL => C2가 NULL인 값이 시작 값 1 . NULL . A 결과 A 2. CONNECT BY PRIOR C1 = C2, ORDER SIBLINGS BY C3 DESC CONNECT BY PRIOR C1 = C2 PRIOR (이전에) 있는 C1의 값이 C2와 같은 것 => PRIOR (이전에) 있는 C1의 값 => C3 A의 C1에 있는 값 1 C2가 1인 ROW를 찾아..

2021. 11. 15. 21:52

데이터베이스/SQL

SQLD | 오라클 내장함수 | NVL | NULLIS | COALESCE | SQL 나누기 연산

오라클 내장 함수 NVL (ISNULL, ISFULL) SELECT NVL(칼럼 a, 값 b) FROM 테이블명 칼럼 a값이 null이면 b값 리턴 null값을 다른 값으로 바꾸는 경우 사용 SQL Server에서는 NULL 값을 치환하기 위해서는 ISNULL 함수를 사용 오라클에서 NVL 함수와 MySQL의 IFNULL 함수와 동일한 기능을 수행 NVL2 SELECT NVL2(칼럼 a, b값, c값) FROM 테이블명 칼럼 a값이 null이 아닐 경우 b값 리턴 칼럼 a값이 null일 경우 c값 리턴 NULLIF SELECT NULLIF(칼럼 a, 칼럼 b) FROM 테이블명 칼럼 a값과 칼럼 b값이 동일하면 nulll값 리턴 동일하지 않을 경우 칼럼 a값 리턴 CASE문으로 표현 -CASE WHEN ..

2021. 11. 7. 14:21

데이터베이스/SQL

SQLD | 인스턴스(Instance) 개념 정의 | 엔티티(Entity) | 속성(Property)

엔티티 데이터의 집합 저장되고 관리되어야 하는 데이터 개념, 장소, 사건 유형 또는 무형의 대상 엔티티 특징 식별자 - 유일한 식별자를 갖고 있어야 한다. ex) 주민번호, ID 등... 인스턴스 집합 - 2개 이상의 인스턴스가 있어야 한다. 속성 - 반드시 속성을 가지고 있어야 한다. ex) 학생에 학번, 이름, 주소 등... 관계 - 다른 엔티티와 최소 한 개 이상 관계가 있어야 한다. ex) 학생은 이름을 갖고 있음. 업무 - 업무에서 관리되어야 하는 집합이다. ex) 학생, 성적 인스턴스 스키마에 대한 실제 데이터, 테이블의 각 행을 의미 시간에 따라 자주 변경이 이루어짐 인스턴스의 집합 => 데이터베이스 상태(state) 주어진 시점에서 데이터베이스에 있는 데이터의 스냅 샷(snapshot) 속..

2021. 10. 30. 22:29

데이터베이스/SQL

SQL | ORACLE | 뷰(VIEW) 활용 | 테이블 컬럼 조회 방법 | 데이터 딕셔너리(data dictionary) | 데이타베이스의 메타데이터(metadata)

VIEW의 정의 하나 이상의 테이블에서 원하는 모든 데이터를 선택하여, 그들을 사용자 정의하여 나타낸 것이다. 관계 데이터베이스의 관계 모델의 관계의 일종인 도출 관계에 해당한다. 여러 테이블 또는 뷰의 데이터를 연결하여 조합할 수 있다. 뷰는 기본 테이블(table)과 같이 행(column)과 열(row)로 구성되지만, 다른 테이블에 있는 데이터를 보여줄 뿐이며, 실제 테이블과 달리 데이터 자체를 포함하고 있는 것은 아니다. 뷰를 사용하면 여러 테이블이나 뷰를 하나의 테이블인 것처럼 볼 수 있다. 1. 테이블조회 테이블 목록 조회 SELECT * FROM all_tables SELECT * FROM ALL_OBJECTS WHERE OBJECT_TYPE = 'TABLE' 테이블 코멘트 조회 SELECT ..

2021. 10. 27. 19:27

Subscribe

코딩테스트 | 백준 공부법 | 코테 준비하기 | 백준 알고리즘 공부 순서 | 코딩테스트 준비

백준 알고리즘 공부 순서 간단 정리 1. 백준 단계별로 풀어보기 접속 https://www.acmicpc.net/step 단계별로 풀어보기 단계별은 @jh05013님이 관리하고 계십니다. 단계제목설명정보총 문제내가 맞은 문제1입출력과 사칙연산입력, 출력과 사칙연산을 연습해 봅시다. Hello World!112if문if문을 사용해 봅시다.53for문for문을 www.acmicpc.net 2. 백준 단계별로 풀어보기 정렬까지 풀기 3. 막히는 문제가 나오면 문제 번호를 구글에 검색 -> 풀이 확인 4. 백준 홈페이지 -> 강의 탭 -> 온라인 강의 -> 알고리즘 기초부터 중급까지 풀기 https://code.plus/course/41 알고리즘 기초 1/2 알고리즘 기초 code.plus

2021. 10. 25. 21:25