Juno's daily

1. for loop for (statement1; statement2; statement3){ ... } 를 통해서 반복문을 돌릴때, statement1, statement2, statement3은 의무가 아니다. statement1은 loop 돌기 전에 실행되고, statement2는 코드가 실행되기 위한 조건이며 statement3는 각 반복 후에 실행된다. 예를들어 아래의 예시처럼 foodArray 객체의 각 object를 돌면서 출력하고 싶으면, for loop와 forEach method를 모두 사용할 수 있다. const foodArray = [ { name: 'Burrito' }, { name: 'Pizza' }, { name: 'Burger' }, { name: 'Pasta' } ]; /..

(1) JVM이란 무엇인가 JVM(Java Virtual Machine)이란 자바 바이트코드를 실행할 수 있는 주체로서 java program을 실행하기 위한 필수적인 rumtime 환경을 제공한다. Java source code를 compile해 bytecode로 전환 후 그것을 JVM에서 Interpret하여 실행한다. "Write once, run anywhere" 특징이 있다. java class file이 하나의 execution platform으로 이동될 수 있다. 예를들어 OS가 다른 macOS에서 개발된 Java program의 class file이 linux나 window에서 옮겨져 실행될수 있다는 말이다. (※ 주의 : Java가 OS에 독립적. JVM은 OS에 의존적이다) .java ..

1. Array - array안에는 여러가지 type을 가질 수 있다. 하지만 그렇게 사용하는것을 performance 문제때문에 추천하지는 않는다. - array안에는 function을 가질 수 도 있다. - array는 object이다. (기술적으로 property가 index인 값) example) // 1. function을 배열에 넣어 index로 바로호출 const your_function = function(){ console.log("I am your function") } const group = [0, "lizard", false, your_function()] group[3] // 2. function의 이름을 배열에 넣어 index로 function을 호출한다음 실행여부 결정 con..

function 정의 할때 괄호 안에 적는 변수의 이름이 function parameter이다. function argument는 function을 통해서 전달되는 실제 값들이다. parameter는 argument가 공급된것의 값으로 초기화 된다. Example) // addend1, addend2는 parameter function sum(addend1, addend2){ return addend1 + addend2 } // sum()로 runtime에서 넘기는건 argument let value1 = 40; let value2 = 2; let sumValue = sum(value1, value2); parameter는 변수고, argument는 literal이나 다른것들이 올수 있다 대략적으로, p..

1. Javascript의 탄생 자바스크립트는 1995년 약 90%의 시장 점유율로 웹 브라우저 시장을 지배하고 있던 Netscape communications는 웹페이지의 보조적인 기능을 수행하기 위해 브라우저에서 동작하는 경량 프로그래밍 언어를 도입하기로 결정했다. 그래서 탄성한 것이 바로 Brendan Eich가 개발한 자바스크립트이다. 하지만 Netscape의 경쟁사인 Microsoft에서 인터넷 익스플로러에 쓰이는 자바스크립트와 유사한 JScript라는 언어를 인터넷 익스플로러 3.0에 탑재하엿는데, JScript와 Javascript가 표준화 되지 못하고 적당히 호환되었기 때문에, 브라우저에 따라 웹페이지가 정상적으로 동작하지 않는 문제가 발생하면서 결과적으로 모든 브라우저에서 정상적으로 동작..

1. Matrices 란 사전에 검색을 해보면 행렬이라는 뜻. 테이블을 보여주는 방법이며 R은 테이블을 보여주는 방법 중 하나라고 보면 된다. 나중에 다룰 data frame을 위한 stepping stone이기도 하다고 한다. data는 table format으로 나타내는데, R에서는 matrix로 저장한다. Vector가 일차원적인(one-dimension)이였다면 matrix는 이차원적인(two-dimension)이라고 보면되고, vector는 한 column이라면, matrix는 column과 row로 이루어져 있다고 보면 된다. matrix를 표현할때에는 위와 같이 row은 [num, ] 형태로, column는 [ ,num]형태로 표기한다. A[row, column]로 표기할 수 있다. 또한 R..

CSS animation은 element에 적용되는 CSS 스타일을 다른 CSS 스타일로 부드럽게 전환시켜 주는 기능이다. animation은 animation을 나타내는 CSS 스타일과 animation의 중간 상태를 나타내느 키 프레임들로 이루어 진다. https://developer.mozilla.org/ko/docs/Web/CSS/CSS_Animations/Using_CSS_animations CSS 애니메이션 사용하기 - CSS: Cascading Style Sheets | MDN CSS3 애니메이션은 엘리먼트에 적용되는 CSS 스타일을 다른 CSS 스타일로 부드럽게 전환시켜 줍니다. 애니메이션은 애니메이션을 나타내는 CSS 스타일과 애니메이션의 중간 상태를 나타내는 키프 developer.mo..

position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); 위와 같이 top과 left를 50퍼를 주면 정 중앙이 배치하는 것의 왼쪽 꼭지점이 오게 된다. 따라서 transform: translate를 통해서 중앙에 맞출 수 있는데, transform: translateX(), transform: translateY()를 통해서 오른쪽(x축으로) 이동, 아랫쪽 (y축으로 이동) 이동할 수 있고, -(minus)를 통해서 왼쪽과 위쪽으로 이동시킬 수 있다. 이것을 합쳐 사용하는것이 transform: translate(x,y)인데, 이를 통해서 도형의 50퍼만큼 위쪽과 왼쪽으로 당겨 가운데로 맞출 수 있다 (position: rel..