전체 글 14

화살표함수, 클래스, 객체확장표현식

//클래스 // ES5 문법 function Shape(x, y) { this.name = "Shape"; this.move(x, y); } // static 타입 선언 예제 Shape.create = function (x, y) { return new Shape(x, y); }; //인스턴스 함수를 선언하는 예제 Shape.prototype.move = function (x, y) { this.x = x; this.y = y; }; Shape.prototype.area = function () { return 0; }; // 혹은 Shape.prototype = { move: function (x, y) { this.x = x; this.y = y; }, area: function () { return..

리액트/ES6 2021.07.31

객체 전개 연산자 / 가변, 불변변수

//객체 전개 연산자 // ES5 예제 var objectOne = { one: 1, two: 2, other: 0 }; var objectTwo = { three: 3, four: 4, other: -1 }; var combined = { one: objectOne.one, two: objectOne.two, three: objectTwo.three, four: objectTwo.four, }; //객체 내장함수 assing() 첫 번째 인자는 결과로 반환할 객체({}) , 나머지 인자는 병합할 객체이다. //이때 병합할 객체는 앞에 있는 객체부터 덮어 쓴다. objectTwo의 값으로 덮어 쓴다. var combined = Object.assign({}, objectOne, objectTwo); //..

리액트/ES6 2021.07.30

전개연산자(Spread Operator)

//전개 연산자. (spread operator) //전개 연산자는 나열형 자료를 추출하거나 연결 할 때 사용. //사용방법은 배열이나 객체, 변수명 앞에 마침표 3개를 입력. (...) //대신 배열 객체 암수 인자 표현식 ( [], {}, () ) 안에서만 사용해야 한다. // ES5 문법 var array1 = ["one", "two"]; var array2 = ["three", "four"]; var combined = [array1[0], array1[1], array2[0], array2[1]]; var combined = array1.concat(array2); var combined = [].concat(array1, array2); //concat()함수로 두 배열 합치기 var firs..

리액트/ES6 2021.07.29

템플릿 문자열

//템플릿 문자열 //작은따옴표 ' ' 대신 (`) 백틱으로 문자열을 표현한다. 숫자 1 왼쪽에 있음. //또한 템플릿 문자열에 특수 기호 $를 사용하여 변수 또는 식을 포함할 수 있다. let string1 = "안녕하세요"; let string2 = "반갑습니다"; let greeting = string1 + " " + string2; //ES5문법 let greeting = `${string1} ${string2}`; //ES6문법 console.log(greeting); let product = { name: "도서", price: "4200원" }; let message = "제품" + product.name + "의 가격은" + product.price + "입니다"; //ES5문법 let m..

리액트/ES6 2021.07.29

코틀린문법(조건문,반복문)

조건문 fun main(){ var a = 5 if(a > 10){//조건문 안에 내용이 한줄이라면 중괄호 생략 가능 println("a는 10보다 크다") } else { println("a는 10보다 작거나 같다") } } if 문은 참과 거짓을 이용해 프로그램에서 실행할 구문을 나눠주는 역할을 한다. 참과 거짓의 조건은 비교연산을 구할 수 있다. 비교연산자 부등호 : =, != , == 자료형이 맞는지 체크하는 is 연산자 , !is 연산자 a is Int 좌측 변수가 우측 자료형에 호환되는지 여부를 체크하고 형변환까지 한번에 진행시켜준다. 다중 조건문 When : switch문을 좀 더 편리하게 바꾼 기능이다. 하나의 변수를 여러개의 값과 비교할 수 있다. fun main(){ doW..

코틀린 2021.07.05

코틀린 문법 (주석, 변수, 자료형, 형변환, 배열, 함수)

코틀린 문법 주석 // 한 줄 주석 /* 여러줄 * 주석 * 입니다 */ 또한 구문이 끝나는 부분에 ; 을 붙이지 않아도 된다. 클래스 이름은 파스칼 표기법(모든 단어를 대문자로 시작) ex) ClassName 함수나 변수 이름은 카멜 표기법(첫 단어만 소문자로 시작) ex) functionName 권장 변수의 선언 2가지 방법 var - 일반적으로 통용되는 변수 언제든지 읽기 쓰기가 가능함 val - 선언시에만 초기화 가능 중간에 값을 변경할 수 없음 변수는 선언 위치에 따라 2가지 이름으로 불린다 클래스에 선언된 경우 - Property(속성) 이 외의 Scope 내에 선언된 변수 - Local Variable(로컬변수) val a:Int? = null // 자료형 뒤에. ?를 붙이면 null을 허용..

코틀린 2021.07.05

리눅스 Redirection , pipe

리눅스 Redirectoin 리눅스의 redirection은 pipe와 더불어 리눅스의 명령어를 강력하게 해주는 핵심 기능이다. 리눅스 쉘의 표준 입출력 표준입력(stdin :키보드) fd = 0 표준출력(stdout:모니터) fd = 1 표준에러(stderr:모니터) fd = 2 리눅스에선 기본 입출력을 위와 같은 출력장치(파일,모니터,프린트 등)으로 보내지는데 이 출력되는 데이터를 임의로 다른 장치로 보내는 것을 redirection이라고 한다. 사용법 > file 표준 출력을 파일로 재지향 한다. 파일이 없으면 새로 만들고, 파일이 없으면 덮어쓴다 ​ >> file 표준 출력을 파일로 재지향 한다. 파일이 없으면 새로 만들고, 파일이 있으면 파일 끝에 이어 붙인다. ​ 2>&1 표준 에러를 표준 출..

리눅스 2021.07.03

OSI 7 Layer

OSI 7 Layer (Open System Interconnection) OSI 7계층은 ISO(International Organization for Standardization)에서 만들었으며 이름 그대로 7계층을 말한다. 편의를 위해 1,2계층을 묶어 Link Layer, Network Layer, Transport Layer, 5,6,7계층을 묶은 Application Layer로 표현하기도 한다. OSI 7계층을 나눈 이유는? - 통신이 일어나는 과정을 단계별로 파악하기 위함. - 7단계 중 특정한 곳에 이상이 생기면 다른 단계의 장비 및 소프트웨어를 건들이지 않고도 이상이 생긴 단계만 고칠 수 있기 때문. PDU : Process Data Unit의 약자로 각 계층에서 전송되는 단위 1. P..

network 2021.03.08

IP주소, 클래스

IP주소 (Internet Protocol address, IP address , 인터넷규약주소)는 컴퓨터 네트워크에서 장치들이 서로 인식하고 통신을 하기 위해 사용하는 특수한 번호이다. 쉽게말해 네트워킹이 가능한 장비를 식별하는 주소를 뜻한다. 네트워크에 연결된 장치라면 이 특수한 번호를 가지고 있어야 한다. 이 IP주소를 통해 발신자를 대신하여 메시지가 전송되고 수신자를 향해 예정된 목적지로 전달된다. IP주소는 예전에는 12자리의 10진수 숫자의 배열로 IP주소를 만들어 약 40억개의 주소가 존재할 수 있도록 설계하였는데 이것이 IPV4이다. 하지만 기술이 급속도로 발전함에 따라 pc, 노트북, 스마트폰 등 네트워킹이 가능한 단말기의 숫자가 늘어남에 따라 약 40억개에 달하는 IP주소의 수가 부족해..

network 2021.03.07