코딩하는 오리🦢

이전 포스팅- [졸업 프로젝트] 프로젝트 첫 발자취 2: 모델 설계- [졸업 프로젝트] 프로젝트 첫 발자취 1: Starlink & Website Fingerprinting2024년 2학기부터 1년 동안 진행해 온 졸업 프로젝트를 마무리하며, 본 연구에서 저희가 진행한 실험과 결과를 정리해보았습니다.이번 프로젝트의 목표는, 라우터에서 수집되는 트래픽 정보로부터 사용자의 웹 방문 이력을 추론하는 Website Fingerprinting(WF) 기법을 위성 인터넷 Starlink 환경에 적용하여, 해당 네트워크가 가지는 잠재적인 보안 위협을 분석하는 것이었습니다.연구는 다음과 같은 네 단계로 구성되어 있습니다:Starlink vs 유선 인터넷 트래픽 분석주요 피쳐(feature) 설계 및 검토딥러닝 기반 모..

Flutter 프로젝트를 안드로이드 휴대폰으로 직접 빌드를 해보기 위해 flutter run을 실행해보았으나, 갑자기 이런 에러가 나타나며 빌드가 종료되었습니다.FAILURE: Build failed with an exception.* Where:Build file 'C:\Users\user\kwak-21\Flutter\SilentCameraApp\android\build.gradle.kts' line: 16 * What went wrong:A problem occurred configuring project ':app'.> cohttp://m.android.builder.sdk.InstallFailedException: Failed to install the following SDK components..

사용자의 정보, 사용자가 업로드 하는 데이터, 스트리밍 비디오 등, 서비스를 제공하기 위해서는 서비스를 운영하면서 발생하는 데이터를 저장하기 위한 공간이 필요합니다. 이를 곧 데이터베이스(Database, DB)라고 부릅니다. 이번 포스팅에서는 데이터베이스의 분류와 이를 운영하는 방식에 대해 알아보도록 하겠습니다.데이터베이스 분류데이터는 크게 형식, 크기 등이 구조적으로 미리 결정되어 있는 정형 데이터와, 그렇지 않은 비정형 데이터로 나눌 수 있습니다. 이때, 미리 정해져있는 데이터의 구조를 스키마라고 부릅니다. 정형 데이터와 비정형 데이터는 데이터 자체의 형식에서 큰 차이를 보이므로, 이를 저장하는 데이터베이스에서도 차이가 발생합니다. 따라서 주로 정형 데이터는 관계형 데이터베이스에, 비정형 데이터는 ..

Group $(G, *)$DefinitionLet $*$ be a binary operation on $G$.$$*:G\times G \to G$$ Binary operation $*: G\times G \to G$associative$a*(b*c)=(a*b)*c$ for $\forall\ a, b, c\in G$identity$\exists e\in G$ such that $\ a*e=e*a=a$ for $\forall\ a\in G$inverse$\exists a^{-1}\in G$ such that $\ a* a^{-1} = a^{-1}*a =e$ for $\forall\ a\in G$If $G$ sufficies the above conditons, it is called a group under..

클라우드 스토리지는 사용자들이 퍼블릭 인터넷이나 전용 프라이빗 네트우크를 통해 공유되는 데이터에 접근할 수 있도록 하는 클라우드 컴퓨팅 서비스로, 단순한 저장 공간을 넘어, 비용 효율성, 민첩한 운영, 빠른 서비스 배포, 효율적인 데이터 관리, 그리고 확장성 측면에서 많은 장점을 제공합니다.이번 글에서는 스토리지의 기본 개념부터, 클라우드 환경에서 자주 사용되는 블록 스토리지, 파일 스토리지, 오브젝트 스토리지까지 함께 정리해 보겠습니다.스토리지 구성 방식DAS (Direct-Attached Storage)가장 전통적인 방식의 스토리지입니다.서버에 직접 연결되는 외장형 저장 장치로, 별도의 네트워크를 거치지 않기 때문에 설치가 간편하고 성능도 우수합니다. 하지만 확장성과 공유 측면에서는 한계가 있습니다...

Equivalence relationDefinitionLet $A$ be a non-empty set.A binary relation $~$ on $A$ is an equivalence relation if for every $x, y, z$ in $A$, it suffices the following properties:(reflexive) $x~x$.(symmetric) if $x~y$, then $y~x$.(transitive) if $x~y$ and $y~z$, then $x~z$. ExampleShow that congruence modulo $n$ is an equivalent relation. Note that $a$ be congruent to $b$ modulo $n$ where $a, ..

Congruence RelationDefinitionFor $a, b \in \mathbb{Z}$ and $n \in \mathbb{Z}_+$, we say that $a$ is congruent to $b$ modulo $n$ if there exists $k \in \mathbb{Z}$ such that$$nk=b−a$,$nk = b - a$$,which is denoted by$$a \equiv b \pmod{n}$$. DefinitionFor $n \in \mathbb{Z}_+$, the set$$\{0, 1, \dots, n - 1\}$$is called the complete system of residues modulo $n$. TheoremLet $a, b, c \in \mathbb{Z}$..

BOJ에서 제출 목록을 불러온 뒤, 제출 코드를 웹에서 미리보기하는 기능을 구현하기 위해 다양한 방법을 찾아보았습니다. 특히 에디터 창에서 보는 것처럼 테마가 적용된 형태로 보여주면 가독성이 훨씬 좋아지므로, 코드 하이라이터를 적용하여 좀 더 깔끔하게 표현해보기로 결정했습니다.이 글에서는 React 환경에서 react-syntax-highlighter를 이용해 코드에 하이라이팅 기능을 구현하는 방법을 소개합니다.react-syntax-highlighter 설치하기하이라이팅 기능을 사용하기 위해서는 먼저 react-syntax-highlighter를 설치해줘야 합니다.작업하고 있는 프로젝트 위치에서 터미널을 열어 아래 명령어를 실행시켜 줍니다.npm install react-syntax-highlighte..

Finite and inifite setsDefinitionA set $A$ is finite if $A = \emptyset$ or there is a bijection $f: A \to {1, 2, \cdots, n}.$If $A$ is not finite, then $A$ is infinite. Countability of setsDefinitionIf there is a bijection $f: A \to B$, $A$ is cardinally equivalent to $B$. DefinitionIf a set $A$ is cardinally equivalent to $\mathbb{N}$, then $A$ is countably inifinite.If a set $A$ is either fini..

열심히 BOJ-AutoSync 프로젝트를 진행하며 tailwind를 통해 디자인을 적용해보려 했지만, 문제가 발생했습니다.열심히 작성한 React 코드가 전혀 웹 브라우저에서 동작하지 않아 html 문서 그대로 보인다는 점이었습니다😰 이번 포스팅에서는 Tailwind CSS를 설치하고 반영하는 방법에 알아보겠습니다. Tailwind CSS 설치 여부 확인하기프로젝트 루트 위치에서 터미널을 열어 npm list tailwindcss을 입력해 Tailwind CSS가 설치되어 있는지 확인해봅니다.확인해본 결과, 제 경우에는 이미 잘 설치가 되어 있는 상태였습니다. 만약 그렇지 않다면, 아래 명령어들을 순차적으로 실행해 Tailwind CSS를 설치해줍니다.npm install -D tailwindcss p..