DevSSOM

p값 (p밸류) p-value : probability value -> 확률값. "어떤 사건이 우연히 발생할 확률이 얼마일까?"에서 어떤 사건이 우연히 발생할 확률이 바로 p값. 왜 p값은 항상 0.05보다 작아야 할까? 혹은 작기를 바랄까? p값은 확률값이기 때문에 p값이 가질 수 있는 값은 0부터 1까지. 0.05를 %로 바꾸면 5%의 확률. p값이 0.05보다 작다는 것은 어떤 사건이 우연히 발생할 확률이 5%보다 작다는 의미. 즉, 이 사건이 우연히 일어났을 가능성이 거의 없다고 보는 것. 분명히 뭔가 이유(인과관계)가 있다고 추정하는 것. 여기서 기준이 되는 5%는 쉽게 말해, "이정도면 우연은 아닐꺼야" 라는 수준의 정도. p값이 0.05보다 작다는 것 = 어떤 사건이 우연히 발생할 가능성이 ..

K번째 숫자 찾기 n개의 숫자가 차례대로 주어질 때, 매 순간마다 “지금까지 입력된 숫자들 중에서 k번째로 작은 수”를 반환하는 프로그램을 작성하세요. 프로그램의 입력으로는 첫째줄에 n과 k가 입력되고, 둘째줄에 n개의 숫자가 차례대로 주어집니다. 문제 조건 n은 100보다 작은 숫자입니다. 매 순간마다 지금까지의 입력중 kk번째로 작은 수를 출력하되, 없다면 -1을 출력합니다. 입력 예시 10 3 1 9 8 5 2 3 5 6 2 10 출력 예시 -1 -1 9 8 5 3 3 3 2 2 10개의 숫자가 차례대로 주어집니다. 맨 처음 1만 입력을 받았을 경우, 3번째로 작은 숫자가 없으므로 -1을 출력합니다. 그 다음 9도 마찬가지입니다. 세 번째로 숫자 8을 입력받는 순간, 지금까지 입력받은 숫자는 1, ..

대표값 : 자료의 대표적인 특징 평균, 중간값, 최빈값, 분산, 표준편차, 구간, 최소값, 최대값 등등 평균(mean) $$ 평균 = \frac{자료 전체의 합(sum)} {자료의 개수(n)} $$ 자료의 중심값! 이라는 뜻. 평균은 수학적 연산이 가능하고 쉽지만, 모든 자료로부터 영향을 받는다. 이 말은, 다른 뜻으로 이상한 값의 영향을 심각하게 받는다(아웃라이어에 취약하다). 평균이 있어야 분산이나 표준편차 같은 계산을 시작할 수 있어서 통계에서 가장 대표적인 값이다. 우리가 가진 자료가 {1 2 3 4 5} 이렇게 되어 있다면, 평균 = (1 + 2 + 3 + 4 + 5) / 5 = 3 분산(variance) & 표준편차(standard deviation) $$ 분산 = {\sum_{i=1}^n (..

미디어 쿼리 PC 뿐만 아니라 모바일과 태블릿으로 웹사이트에 접속해도 기기 사이즈에 맞춰서 레이아웃이 자연스럽게 변경될 수 있도록 반응형 또는 적응형 웹사이트를 만들 때 사용되는 CSS 구문. 반응형은 브라우저 폭을 줄이거나 늘렸을 때 자연스러운 리사이즈 효과가 나타나는 사이트들을 말하고, 적응형은 뚝뚝 끊겨서 레이아웃의 변화나 폰트 크기가 달라지는 사이트들을 말함. media .media { width: 500px; height: 500px; background-color: red; } @media (min-width: 320px) and (max-width: 800px) { .media { width: 300px; height: 300px; background-color: yellow; } } @me..

Transform & Animation .box1 { animation: rotation 1500ms linear infinite alternate; } @keyframes rotation { from { transform: rotate(-10deg); } to { transform: rotate(10deg); } } box1 이라고 하는 영역에 애니메이션 속성을 입력함. 속성값들을 한 줄로 입력했는데, 각각의 순서는 상관없지만 항상 먼저 나오는 숫자가 duration이고, 나중에 나오는 숫자가 delay라는 것만 알면 됨. 위에서는 rotation이라고 하는 애니메이션 이름을 지정하고, duration은 1500ms라고 해서 (1000ms = 1초) 1.5초 동안 동작하게, linear로 일정한 속도를..

Animation Transition의 경우는 마우스를 오버했을 때와 같은 특정 조건이 필요한데, 조건에 상관 없이 이벤트를 적용할 때 사용하는 것이 Animation. 예를 들어, 웹사이트에 접속을 하자마자 마우스 움직임과 상관없이 오브젝트가 회전을 한다던가 움직인다던가 하는 효과를 만들 때 애니메이션을 사용함. .animation { animation-name: changeWidth; animation-duration: 3s; animation-timing-function: linear; animation-delay: 1s; animation-iteration-count: 6; animation-direction: alternate; } @keyframes changeWidth { from { wid..

Transition 특정 조건 하에서 변화하는 과정을 애니메이션으로 보여주고자 할 때 사용. 예를 들어, 박스에 마우스 오버를 했을 때, 흰색에서 파란색으로 변하게 하고 싶은데 갑자기 휙휙 변하는 게 아니라, 변화하는 과정 자체가 드러나는 자연스러운 변화를 주고자 할 때 트랜지션을 씀. 트랜지션의 각각의 속성값들을 하나하나 알아보면 Property, duration Property은 변화하는 과정을 주고자하는 CSS속성을 작성할 때 사용. 위에서는 width값이 바뀌는 과정을 사용자에게 보여주겠다는 뜻. duration은 바뀌는 과정을 얼만큼의 소요시간으로 보여줄 것인지 정할 때 사용. 위에서는 width값을 바꾸는 데에 2초의 시간을 쓰겠다는 뜻. timing-function, delay timing-..

Transform 웹사이트의 특정 영역에서 어떤 오브젝트의 각도를 튼다거나, 크기를 조절한다거나, 위치를 변경할 때 사용하는 속성. transform에는 다양한 속성값들이 있음. rotate, scale rotate는 입력한 각도만큼 특정 오브젝트에 회전 효과를 줄 때 사용함. 여기서 얘기하는 회전이란, 평면적인 회전을 의미함. 위에서는 45deg로 양수 형태로 값이 들어가있는데, -45deg 처럼 음수 형태로도 입력 가능함. scale은 오브젝트를 확대, 축소시킬 때 사용함. 예시 scale(2, 3)에서 괄호 안의 숫자는 비율을 의미. 2는 width값을 2배, 3은 height값을 3배 확대하겠다는 것. 축소시키고 싶을 때는, 0.5 처럼 소수점을 사용해서 입력하면 됨. scale에서 기준점은, 기..