9월, 2020의 게시물 표시

Subclass Dance Party

이미지
이번에 class(es6) / pseudoclassical(es5)를 사용해보는 시간을 가졌다 Html 창에서 이미지나 도형을 삽입 시키고 그것을 css를 이용해 변경해보았다. 처음에 "돌아가게 만들어보세요"라는 말을 듣고 바로 생각 난 것이 히오스였다 그래서 히오스문양에 마우스를 올려두면 돌아가게 만들고 4초뒤에 로고가 뜨게만들었다. 만드는 도중 css에서 :hover / transition  / transform 을 사용했다 나름 결과물에 만족을 하고 있었는데 다른 분들의 결과물을 보고  마음속에 "만족"이라는 단어가 사라지게 되었다. 한번 마우스로 이벤트 관리를 하는 것이 아니고 키보드를 이용해서 이벤트 관리를 해보고 싶다.

Object Oriented Programming

이미지
Computer Programming 알고리즘이 모여 특수목적을 갖게 되면은 프로그램이 된다 컴퓨터 프로그램에는 크게 3가지가 존재한다. 1. Machine Languages(기계어) 2. Assembly Languages(어셈블리어) 3. High-Level Languages(고급언어) 고급언어에 가까울 수록 사람의 언어와 점점 비슷해지는 특징이 있다. Machine Languages 0과 1만으로 이루어져 있는 언어 그래서 사람이 알아 듣기가 매우 어렵다. Assembly Languages 기계어를 사람이 사용할 수 있게 변환시켜준 언어이다 하지만 소수의 명령어, 변수 밖에 없기 때문에 매우 불편하다 High-Level Languages line by line 으로 읽으면서 바로 컴퓨터에서 볼 수 있도록 변환을 해준다 고급언어에도 크게 2가지로 볼 수 있다  Procedural Languages(절차지향 언어): C, COBOL,Fortran, LISP, Perl, HTML, VBScript... Object-Oriented Languages(객체지향 언어): Java, C++, Python, JavaSCript... 객체 지향의 특징과 장점으로는 크게 4가지가 있다 1. Encapsulation(캡슐화) 복잡성을 줄여주고 재사용성을 높여준다 2. Ingeritance(상속) 똑같은 코드가 겹치지 않게 해준다. 3. Abstaction(추상화) 복잡성을 줄여준다. 4. Polymorphism(다향성) switch/case 문을 쓰지 않고 깨끗하게 코드를 사용할 수 있게 해준다 Instantiation Patterns 말 그대로 인트턴스를 만드는 과정을 뜻한다. 자바스크립트에서의 Class가 나오기 전 사용하던 Class선언 방식으로 4가지가 있다 1. Functional 2. Functional Shared 3. Prototypal 4. Pseudoclassical Functional var Car = function (position){ v...