본문 바로가기

Dev. Handbook28

[Javascript] ES5+ 기초강의 7 - JavaScript에서 Obejct 1. JavaScript에서 Object Object는 JavaScript 데이터 타입의 하나 Object와 관련된 data and funcationality의 집합 object = { key : value }; JavaScript에서 거의 대부분의 ojbects는 instances of Object이다. 1.1 Literals and Properties Object 사용 전 Object 없이 Primitive 데이터 타입으로 Object 구현 시 문제점 - 데이터를 각각 선언해야 함 - 새로운 값을 추가할 경우에 데이터의 관리가 힘듦 - 관련 함수 구현 시 각각을 파라미터로 전달해야 해서 함수 선언 및 호출에서 수정이 발생 function print(name, age) { console.log(name.. 2022. 7. 4.
[Javascript] ES5+ 기초강의 6 - class vs object, 객체지향언어 1. Class, Object, JavaScript class Class 란 - 실 세계의 물건들을 속성과 행동으로 정의한 것 - filed와 method를 묶어주는 컨테이너 - field : 속성 - method : 행동 - template - 한 번만 선언 - 실제 데이터는 없음 : no data in Object (instance) - class가 실체화한 것 : instance of a class - 여러 개를 만들 수 있음 - 실제 데이터를 가지고 있음 : data in class : template (템플릿) object : instance of a class (템플릿의 실체화) JavaScript Class ES6에서 추가됨 클래스가 도입되기 전에는 object를 바로 생성할 수 있었음 sy.. 2022. 7. 1.
[Javascript] ES5+ 기초강의 5 - Arrow Function? 함수의 선언과 표현 1. Function 프로그램을 구성하는 기본적인 블록. 서브 프로그램으로 여러 번 재사용할 수 있음. 한 가지 task(작업)이나 value(값)을 연산하는 역할을 수행. 1.1 Function declaration : 함수 선언 함수는 프로그램을 구성하는 기본적인 블록 하나의 기능을 수행하는 프로그램 블록을 하나의 함수로 작성 다수의 기능을 수행하는 이름으로 작성해야 한다면, 각각의 기능을 수행하는 함수로 나누고 기능에 맞는 이름을 변경. Javascript에서 함수(function)는 object 타입. // 1. Funtion declaration // funcation name(param1, param2, ...) { body... return; } // 하나의 function은 한가지의 일만 .. 2022. 6. 26.
[Javascript] ES5+ 기초강의 4 - 연산자, 조건문, 반복문, 코드 리뷰 팁 1. 연산자 1.1 String concatenation : 문자열 연결 // 1. String concatenation console.log('my' + ' cat'); // 'my cat' console.log('1' + 2); // '12' // Grave Accent(`) 사용시 홑따옴표(')는 그냥 표시됨 console.log(`string literals: ''' 1 + 2 = ${1+2}`); // 'string literals: ''' 1 + 2 = 3' // 홑따옴표 사용(')하여 문자열 지정할 경우 // 문자열 중간에 홑따옴표는 (\')를 사용 console.log('ellie\'s book'); // 'ellie's book' // 쌍따옴표(")도 사용할 수 있다 // 특수문자는 백슬.. 2022. 6. 21.
[Javascript] ES5+ 기초강의 3 - 데이터 타입, let vs var, hoisting 프로그래밍에서 가장 중요한 것은? - 입력, 연산, 출력, (전송) 연산 - CPU에 최적화된 로직을 사용한 연산 - 메모리의 사용을 최적화 1. 변수 (Variable) 1.1 변수 선언 및 값 할당 let name = 'ellie'; // let으로 변수(name)를 선언하고, // '=' 연산자로 변수에 값('ellie')을 할당. console.log(name); name = 'hello'; // 변수(name)에 값('hello')를 할당 console.log(name); 애플리케이션 실행 시, 애플리케이션에 메모리가 할당됨. 애플리케이션에서 사용할 수 있는 메모리는 제한이 있음. 1.2 Block Scope // 2. Variable // let (ES6에서 추가 됨) // 요즘은 ES6 이전.. 2022. 6. 20.
[Javascript] ES5+ 기초강의 2 - Hello World!, Preparation, async vs defer 1. Hello Javascript! 1.1 node.js 에서 확인 // heloo javascript console.log('Hello Javascript!'); 위의 코드를 main.js로 저장하고 node.js를 이용하여 실행해봅니다. 실행은 소스파일이 있는 경로에서 실행해야 합니다. node.js 는 Javascript 엔진이 있어서 브라우저 없이 Javascript를 실행할 수 있습니다. node.js가 설치되어 있지 않다면 홈페이지에 접속하여 node.js를 설치합니다. https://dev-handbook.tistory.com/61 [nodejs] node.js 다운로드 및 설치 간단하게 Javascript 공부를 위해서 시작하다 보니 실습환경으로 node.js를 요구하고 있어서 급하게 다.. 2022. 6. 16.
[Javascript] ES5+ 기초강의 1 - 자바스크립트의 역사와 현재 그리고 미래 한 번은 봐 두면 좋은 콘텐츠입니다. 1. JavaScript 역사 1994년 9월 - Netscape사에서 Brendan Eich가 LiveScript를 개발하고, LiveScript를 이해할 수 있는 LiveScript Interpreter를 탑재한 Netscape 브라우저를 출시 1995년 - Java의 인기에 편승하기 위해 LiveScript의 명칭을 JavaScript로 변경하고 Javascript Interpreter를 탑재한 Netscape 브라우저 출시 1995년 - Microsoft사는 리버스 엔지니어링을 통해 Netscape의 JavaScript 엔진의 소스를 복원하여 자체적으로 엔진을 만들고 이를 JScript라고 명명함. - 동시에 이를 탑재한 Internet Explorer를 출시.. 2022. 6. 13.
[Design Pattern] 디자인 패턴 개요, 역사 및 종류 알아보기 최근 코딩을 하면서 ActionFactory를 다루게 되었습니다. 어렴풋이 알고 있던 디자인 패턴의 한 종류인 것은 알고 있었습니다만 역시 실제 이해하면서 다루게 되니 훨씬 재미있고, 복잡했던 인터페이스를 간소화할 수 있는 장점들이 눈에 띄었습니다. 생각난 김에 구글링을 통해서 기본적인 내용을 다루고, 코딩에서 사용한 디자인 패턴을 중점으로 하나씩 정리해보려 합니다. 먼저 디자인 패턴의 개요부터 시작하겠습니다. 1. 디자인 패턴 개요 위키의 한 줄 요약은 다음과 같습니다. 소프트웨어 디자인 패턴(software design pattern) 객체 지향 프로그래밍 설계를 할 때 공통적으로 발생하는 문제들에 대해 재사용 가능한 해결책이다. 여러 설명이 있습니다만 공통적인 내용은 디자인 패턴은 프로그램을 개발하.. 2022. 6. 2.
Web Server, WAS, CGI, Web Container, Java SE, Java EE, Jakarta EE Java로 웹 애플리케이션을 개발하게 되면서 여러 가지 용어들을 많이 접하게 되었습니다. 당장 눈앞에 놓인 문제들만 풀어가면서 공부를 하다가 보니 기본적인 용어들에 대한 이해가 너무 부족하다는 생각이 들었습니다. 그래서 당장 떠오른 용어들을 몇 가지 공부하면서 정리해 봤습니다. 여기서는 웹서버, WAS, CGI 프로그래밍, 웹 컨테이너, 그리고 Java SE, Java EE, Jakarta EE에 대해서 기본적인 개념만 정리하였습니다. 1. Web Serveer 와 WAS 1.1 WEB Server 클라이언트의 request(요청)을 받아 정적인 콘텐츠(html, css, js 등)를 response(응답)하는 서버 예) Apache, Nginx, WebtoB 등 1.2 WAS (Web Applicati.. 2022. 5. 29.
[Oracle] 내장함수 : 집계함수(그룹함수) Oracle에서 사용할 수 있는 내장함수 가운데서 GROUP BY절과 함께 사용하기도 해서 그룹함수라고도 불리는 집계함수들이 있습니다. 이 함수는 여러 행의 그룹을 묶어서 단일 행을 반환합니다. 이 집계 함수들은 다음과 같습니다. 1. 집계함수 (그룹함수) 함수명 양식 기능 설명 COUNT COUNT(expr) - 쿼리에서 반환한 행 수를 반환 - 컬럼명을 지정하면 null이 아닌 행 수를 반환 - 컬럼명에 DISTICT를 지정하면 중복을 제외한 행 수를 반환 - 별표(*)를 지정하면 중복 및 null을 포함한 모든 행을 반환 SUM SUM(expr) - 쿼리에서 반환한 행들의 합계 값을 반환 - 숫자형 컬럼에 사용 AVG AVG(expr) - 쿼리에서 반환한 행들의 평균 값을 반환 - 숫자형 컬럼에 사.. 2022. 5. 23.

티스토리툴바