후니's Blog

복잡성 분석

2024.12.27

복잡성 분석(Complexity Analysis)알고리즘의 효율성을 결정하는 과정일반적으로 알고리즘의 시간 복잡도와 공간 복잡도를 모두 찾는 것을 포함한다.알고리즘이 얼마나 좋은지, 다른 알고리즘보다 더 나은지를 판단하는 데 효과적으로 사용된다. 시간 복잡도알고리즘이 얼마나 빨리 실행되는지를 측정하는 기준Big O 표기법을 사용하여 표현한다. 공간 복잡성알고리즘이 보조 메모리를 얼마나 차지하는지 측정하는 기준Big O 표기법을 사용하여 표현한다.

NodeJS

NodeJS의 작업 수행 방법

2024.09.12

NodeJS가 여러 요청을 처리하는 방법NodeJS는 하나의 JavaScript 스레드만 사용한다. 문제점각 요청마다 스레드를 지정할 수 없기 때문에, 결국 모두 하나의 스레드에서 실행될 것이다.이에 따라 보안 상의 문제가 제기될 것이다. 그렇다면, 만약 요청 A를 아직 처리 중이라면, 요청 B는 처리할 수 없는 것일까 ?➡️ 그렇지 않다 ! 둘 다 처리할 수 있다 ! 어떻게 둘 다 처리할 수 있을까 ?1. fs(파일 시스템)에 접근할 수 있는 코드들을 사용할 수 있다.하지만, 파일을 다루는 작업은 오래 걸릴 수 있다.이에 따라, 들어온 요청을 다루고 있을 때, 새로 들어온 요청은 기다리거나, 거부될 수 있다. 2. 이벤트 루프를 이용한다.이벤트 루프는 Node.js가 시작하면 프로그램에 의해 자동으로 ..

SKN Family AI Camp/Machine Learning

머신러닝이란 ?

2024.07.18

머신러닝이란 ?컴퓨터가 데이터를 학습하는 알고리즘과 기술을 통칭한다.컴퓨터과학과 수학, 통계가 모두 필요한 분야이다.현상을 설명하거나 미래를 예측하는 용도로 활용한다. 머신러닝의 유형지도학습(Supervised Learning)입력 데이터(X)와 타겟값(Y)를 알고 있는 데이터를 학습하여 , 이들의 관계를 모델링하는 학습 방법이다.새로운 데이터에 대한 학습값을 예측하는 데에 사용한다.함수로 표현하면, y = f(X)에 해당한다. 이 때의 y는 타겟값, f는 모델, X는 입력 데이터에 해당한다.지도학습은 Y의 형태에 따라 두 가지로 나뉜다. 첫 번째는 분류(Classification), 두 번째는 회귀(Regression)이다.분류(Classification)타겟변수 Y가 이산형 변수인 경우이다. (이산..

Vue

Reactivity(반응형)

2024.07.02

Reactivityreactive()반응형 상태를 생성하기 위해서는 reactive() 함수를 사용할 수 있다.객체타입에만 반응한다.기본타입(number, string, boolean)을 반응형으로 만들기 위해서 ref 메서드를 사용한다.예시⬇️⬇️ 실행결과 ⬇️⬇️ ref변이가능한 객체를 반환한다.이 객체에는 value라는 하나의 속성만 포함한다.value 값은 ref() 메서드에서 매개변수로 받은 값을 갖고 있다.이 객체는 내부의 value 값에 대한 반응형 참조 역할을 한다.예시⬇️⬇️ 실행 결과 ⬇️⬇️템플릿에서 ref에 접근할 때는 .value를 빼고 작성해도 잘 작동한다. toRef/toRefs예시 : 일반적인 구조분해할당⬇️⬇️ 실행 결과 ⬇️⬇️⬇️⬇️ 콘솔 실행 결과 ⬇️⬇️콘솔 실행..

Vue

Template Syntax

2024.07.01

텍스트 보간법데이터 바인딩데이터 바인딩의 가장 기본형태는 {{ data }}를 사용하는 것이다.{{ }} 안에는 data뿐만 아니라 JavaScript 표현식도 사용 가능하다.{{ message }}와 같이 사용하면 컴포넌트 인스턴스의 message 값으로 대체된다.message 속성이 변경될 때마다 갱신된다. v-once한 번만 렌더링을 하고 데이터가 변경되어도 갱신되지 않게하기 위해 사용한다.일회성 보간을 수행한다.예시 두 데이터 바인딩의 차이예시⬇️⬇️ 실행 결과 ⬇️⬇️ v-htmlv-html 디렉티브를 이용하여 실제 HTML로 출력할 수 있다.웹사이트에서 임의의 HTML을 동적으로 렌더링하면 XSS 취약점으로 이어질 수 있어서 신뢰할 수 있는 콘텐츠에서만 사용하여야 한다.예시⬇️⬇️ 실행 ..

SKN Family AI Camp/Memoir

SK Networks Family AI Camp 8th 회고록(24.06.24-24.06.28)

2024.06.30

기간2024.06.24 ~ 2024.06.28 그동안 ..그 동안 FastAPI, Vue, Machine Learning, Deep Learning 전처리 및 예측/학습/추론 등 정말 많은 것을 배웠고,학습한 것을 기반으로 팀프로젝트를 진행하였다.우선, 우리 팀의 프로젝트는 OTT와 배달을 믹스하여, 영화를 보면서 치킨과 맥주 등을 추가로 구매하면 배달(?)까지 해주는 서비스이다.물론, 배달까지 해주는건 배민과 같은 서비스를 결합하지 않는 한 말이 안되기때문에, 이런 상업적인 요소까지는 생각을 배제하고, "일단 만들어보자"가 우리팀의 취지이다. 나는 우선, 지금까지 거의 프론트쪽 작업만 맡아서 하게되었고, 아래는 내가 만든 페이지의 결과이다.페이지는 다른 유명한 OTT 플랫폼인 넷플릭스, 티빙 등의 사..

Vue

setup() 함수

2024.06.20

Composition API 사용을 위한 진입점 역할을 한다.라이프사이클(lifecycle)에서 컴포넌트 인스턴스가 생성되기 전에 실행된다.반응형 API를 사용하여 반응형 상태를 선언하고 setup()에서 객체를 반환하여 에 노출시킬 수 있다.setup()의 첫 번째 매개변수는 props이고, 두 번째 매개변수는 setup context 객체이다.예시⬇️⬇️⬇️ 실행 결과 ⬇️⬇️⬇️ setup() 안에서 반응형 상태를 선언하고 객체로 반환하게 되면 template과 컴포넌트 인스턴스에서 사용할 수 있다.이 때 setup() 안에서 반응형 상태를 선언했으면, 반드시 return을 해주어야 한다.메서드 또한 반응형 상태와 마찬가지로 사용방법이 똑같다. propssetup 함수의 첫 번째 매개변수이고, ..

Vue

Composition API

2024.06.17

Composition API는 옵션(data, methods, ...)을 선언하는 대신 가져온 함수(ref, onMounted, ...)를 사용하여 Vue 컴포넌트를 작성할 수 있는 API 세트를 말한다.Composition API는 성격에 따라 반응형 API(Reactivity API), 라이프 사이클 훅(Lifecycle Hooks), 종속성 주입(Dependency Injection) API로 구분된다. 반응형 API(Reactivity API)반응하는 데이터와 관련된 API 세트이다.예를 들어 ref(), isRef(), reactive()와 같은 API를 사용하여 reactive state(반응 상태), computed state(계산된 상태), watchers(감시자)와 같은 것들을 만들 수 ..

전체 글