[Vue3] transition, mounted, router.push

transition transition은 화면이 전환되며 나타나는 효과를 설정할 때 사용한다. name 속성에 사용하고자 하는 애니메이션 클래스를 설정한다. .fade-enter-from, .fade-leave-to { opacity: 0; } .fade-leave-active, .fade-enter-active { transition: opacity 1s ease; } 보는 것처럼 클래스 이름 뒤에 -시점을 붙이면 자동으로 애니메이션이 설정된다. mounted mounted는 전체 화면이 렌더링된 후 실행할 동작을 정의한다. 주의할 점은 Parent와 Child 컴포넌트에 모두 mounted가 있을 때, Child → Parent 순서로 mounted가 실행된다. 순서를 간략화하면 아래와 같다. $ro..

• format_list_bulleted 기타 주제/웹
• · 2022. 10. 22.

IEEE 754 부동 소수점 계산

IEEE 754 부동 소수점 표현은 2진수로 부동 소수점을 표현하는 방식 중 하나이다. 대표적으로 C언어의 float와 double이 이 방식을 따른다. 32비트 단정밀도(single-precision) 64비트 배정밀도(double-precision) 2진수 변환 10진수가 10 단위로 자릿수를 올리듯이 2진수는 1, 2, 4, 8과 같이 2 단위로 자릿수를 옮긴다. 우선 우리에게 익숙한 10진수의 구성을 확인해보자. 325라는 10진수가 있다면 이 수는 아래와 같이 쪼갤 수 있다. 10진수 325 = 300 + 20 + 5 숫자 3 2 5 자리 $10^2$ $10^1$ $10^0$ 이러한 방식은 2진수에도 동일하게 적용된다. 다만 10 대신 2를 기준으로 한다. 2진수 101 숫자 1 0 1 자리 $..

• format_list_bulleted 기타 주제
• · 2022. 10. 20.

Vue3 Router

router는 ~/경로와 같이 이동 경로를 설정할 수 있는 라우팅을 지원한다. 라우터를 사용하기 위해 router.js, main.js, App.vue 3가지 파일을 수정해야 한다. router.js: 없다면 생성 import { createWebHistory, createRouter } from "vue-router"; import Home from './components/HelloWorld.vue' import SampleComp from './components/SampleComp.vue' const routes = [ { path: "/", name: "home", component: Home, }, { path: "/sample", name: "sample", component: SampleC..

• format_list_bulleted 기타 주제/웹
• · 2022. 9. 30.

Vue3 Component

Vanila Js를 사용하다가 Vue를 해야겠다고 마음 먹은 가장 큰 이유가 Component이다. 컴포넌트를 활용하면 블록을 조립하듯 여러 블록을 별도로 선언해두고 필요할 때 가져와 조립할 수 있다. 이렇게하면 중복되는 코드를 줄일 수 있고, 동시에 유지보수도 편해진다. Component ... 헤더 부분을 작성해 별도의 vue 파일을 만든다. 그리고 이 코드를 다른 vue 파일에서 재활용할 수 있다. 해당 vue 파일을 import한 후, components에 등록한다. 그러면 형태로 활용할 수 있다. props 함수의 재활용을 위해 파라미터를 사용하듯, 컴포넌트에서는 props를 통해 데이터를 넘겨줄 수 있다. {{para}} props에 사용할 파라미터를 선언해준다. 이때 데이터 타입이나 기본값을..

• format_list_bulleted 기타 주제/웹
• · 2022. 9. 30.

Vue 시작하기

보호되어 있는 글입니다.

• format_list_bulleted 기타 주제/웹
• · 2022. 9. 30.

TF-IDF, PPMI

단어 간 관계 일반적으로 특정 단어 사이의 관계를 확인하기 위해 사용하는 방법으로 word-word matrix + Cosine Similarity가 있다. ...is very complicated. Therefore, natural language is analyzed through several steps... 예를 들어 ±4 window를 사용한다면 특정 단어의 좌우 4 단어의 출현 빈도를 활용하는 것이다. 아래 matrix는 문서 전체에서 ±4 window로 단어 빈도를 카운트한 예시값이다. language science education culture 5 0 2 country 6 8 5 the 25 38 7 만약 culture와 country 간의 유사도를 알고 싶다면 아래와 같이 cosine ..

• format_list_bulleted 기타 주제/머신러닝 & 딥러닝
• · 2022. 9. 29.