본문 바로가기

2️⃣ Study58

[개인 프로젝트] 시계열 이상치 탐지 스터디 ③ - Prophet 📌 교내 융합소프트웨어프로젝트 수업에서 진행한 개인 데이터 분석 프로젝트에 대한 시리즈 글 입니다. 📌 서치한 자료들을 참고하여 프로젝트 데이터에 적용해 실습을 진행해보았습니다. 개인적으로 의문점이 들었던 부분은 이모지로 체크해두었기 때문에 해당 게시물은 참고용으로만 보아주시면 좋을 것 같습니다. 시계열 데이터 분석 기본 모델 👀 정상성 ◽ 정상 프로세스 : 시간에 관계 없이 평균과 분산이 일정한 시계열 데이터 ◽ 비정상 프로세스 : 시간에 관계 없이 평균과 분산이 일정하지 않은 시계열 데이터 👉 가로축을 현재 데이터와의 시점 차이로 y 축을 ACF 로 시각화할 때 특정 패턴이 없으면 정상 프로세스로 간주한다. ◾ AC autocorrelation : 자기 자신의 데이터와의 관계를 의미 👀 시계열 기본 .. 2022. 5. 16.
[개인 프로젝트] 시계열 이상치 탐지 스터디 ② 📌 교내 융합소프트웨어프로젝트 수업에서 진행한 개인 데이터 분석 프로젝트에 대한 시리즈 글 입니다. 📌 https://aifactory.space/competition/detail/2052 를 공부한 내용을 정리하였습니다. 시계열 데이터 이상징후 감지 딥러닝 모델 입문+실전+해커톤 무료 온라인 세미나 aifactory.space * 정리된 내용에 활용된 모든 이미지는 해당 강의 영상에 나와있는 이미지 입니다. 문제가 될 시 게시물을 삭제조치하도록 하겠습니다. 1️⃣ 통신사의 AI 기술 및 해커톤 소개 📌 통신산업 + AI 💨 네트워크 구조 : 유선망, 무선망 💨 네트워크 구축과 운용은 어떻게 이루어지는가 → 가전제품 구매방식과 유사하다 설계 , 구축, 구성, 관리의 4단계 과정으로 정의된다. 기존에는 운.. 2022. 5. 11.
[개인 프로젝트] 시계열 이상치 탐지 스터디 ① 📌 교내 융합소프트웨어프로젝트 수업에서 진행한 개인 데이터 분석 프로젝트에 대한 시리즈 글 입니다. 👀 이상치 탐색 개요 01. 이상치 탐색의 개념 📌 이상치 통계학 측면에서 이상치는 관측치들이 주로 모여있는 곳에서 멀리 떨어져 있는 관측치로 정의됨 이상치 탐색은 탐색 영역에 따라 Outlier detection, Noise detection, Anomaly detection, Novelty detection, Fraud detection, Instrusion detection 등 다양한 용어로 사용된다. 📌 이상치의 구분 비합리적인 이상치 : 입력 오류 등 자료의 오염으로 인해 발생한 이상치 합리적인 이상치 : 정확하게 측정은 되었으나 다른 자료들과 전혀 다른 경향이나 특성을 보이는 이상치를 말한다. .. 2022. 5. 9.
웹 프로그래밍[7] - CSS : flex, justify-content, align-content, order, flex-grow 📌 교내 '디지털 콘텐츠 웹 프로그래밍' 수업 내용과 'Do it 인터랙티브 웹 페이지 만들기' 유튜브 강의를 통해 공부한 내용을 정리하였습니다. Flex 🔶 Flex vs Float 국외에서는 float 속성의 레이아웃 제작방식을 비표준 기술로 인식 flex 는 표준 레이아웃 제작방식 국내에서는 HTML5 이전 방식으로 제작을 많이 했디 때문에 유지보수 문제로 float 속성을 사용하여 레이아웃 작업을 한 경우가 더 많다. 둘다 알아둬라! 🔶 Flex 적용하기 속성명 속성값 설명 dispaly flex 자신은 블록 속성을 유지하며 자식 요소에 flex 환경 설정 inline-flex 자신을 인라인 속성으로 변경하며 자식 요소에 flex 환경설정 flex-direction row flex 의 기본축을 가.. 2022. 4. 16.
웹 프로그래밍[6] - CSS : Transform (모양변환), Transition (전환효과), animation, 비트맵vs벡터 이미지, 미디어쿼리 📌 교내 '디지털 콘텐츠 웹 프로그래밍' 수업 내용과 'Do it 인터랙티브 웹 페이지 만들기' 유튜브 강의를 통해 공부한 내용을 정리하였습니다. 콘텐츠 모양 변형하기 🔶 Transform 2D 속성값 설명 scale 선택한 요소의 크기를 확대, 축소한다. 1보다 크면 확대 skew 선택한 요소를 x축 또는 y축으로 비틀어 변형한다. 원하는 각도를 지정하여 기울기를 조절할 수 있다. translate 선택한 요소를 현재 위치 기준에서 x축 또는 y축으로 이동할 수 있다. rotate 선택한 요소를 회전시킨다. 원하는 각도를 지정하여 회전할 수 있다. 👉 section{} : 검정색 네모 경계선 생성 👉 section article{} : 배경색 네모모양에 맞게 설정 👉 section : nth-of-ty.. 2022. 4. 16.
웹 프로그래밍[5] - CSS : 초기화, Float, position, 콘텐츠 채우기, z-index, 투명도, 그림자 효과, 모서리 둥글게 📌 교내 '디지털 콘텐츠 웹 프로그래밍' 수업 내용과 'Do it 인터랙티브 웹 페이지 만들기' 유튜브 강의를 통해 공부한 내용을 정리하였습니다. 웹 페이지 레이아웃 구성하기 블록태그를 활용해 css 로 웹 페이지 레이아웃 만들기 시맨틱 태그와 여러 속성을 활용해 레이아웃 지정 디자인적 요소를 입히는게 가장 첫 번째 방식 여러 요소를 배치 👀 CSS 초기화 세밀한 조정작업을 하려면 설정값을 초기화해야함 아래처럼 기본 공백이 발생 원본 👉 목록을 생성할 때 점 효과가 나타난다던지, 링크의 경우엔 밑줄이 들어가고, 여백 padding 공간이 자동으로 설정된 것을 확인해볼 수 있음 👉 이러한 안쪽 여백, 꾸며주기 효과를 모조리 초기화하기 초기화 적용 간격이 사라지고 정렬 기호가 사라짐 원하는 여백과 모양을 더.. 2022. 4. 15.
웹 프로그래밍[4] - CSS : 배경색, 배경 이미지 삽입 📌 교내 '디지털 콘텐츠 웹 프로그래밍' 수업 내용과 'Do it 인터랙티브 웹 페이지 만들기' 유튜브 강의를 통해 공부한 내용을 정리하였습니다. 배경색 지정하기 🔶 배경색상 속성 속성명 속성값 설명 background-color 영문명 영어 색상명으로 배경색 지정 rgb(0,0,0) RGB 표기법으로 지정 #000000 16진수 표기법으로 지정 🔶 16진수 변환방법 배경색 이미지 삽입 속성명 속성값 설명 background-image url(이미지 경로) ◾ 이미지 경로는 ../ 로 시작해야 작성중인 css 에서 빠져나와 img 파일로 넣어진다. 배경 이미지를 삽입 background-repeat repeat, repeat-x, repeat-y, no-repeat 배경 이미지를 반복 background.. 2022. 4. 15.
웹 프로그래밍[3] - CSS : 높이와 너비 지정, 여백 지정 📌 교내 '디지털 콘텐츠 웹 프로그래밍' 수업 내용과 'Do it 인터랙티브 웹 페이지 만들기' 유튜브 강의를 통해 공부한 내용을 정리하였습니다. 웹페이지 영역별 크기 정하기 👀 html 태그의 영역별 크기와 바깥쪽, 안쪽 여백을 지정한다. 🔶 너비와 높이 정하기 속성명 속성값 설명 width, height px 너비값과 높이값을 px 단위로 지정한다. % 부모 태그를 기준으로 너비값과 높이값을 % 단위로 지정한다. vw 웹 브라우저의 너비를 기준으로 너비값과 높이값을 백분율로 지정한다. vh 웹 브라우저의 높이를 기준으로 너비값과 높이값을 백분율로 지정한다. 👉 % 방식을 적용한 2th article 에 해당하는 부분에서 높이 값이 변경되지 않은 이유 : body에 따로 높이값을 지정하지 않으면 높이가.. 2022. 4. 15.
웹 프로그래밍[2] - CSS : 요소선택, 클래스 선택, 폰트, 텍스트 📌 교내 '디지털 콘텐츠 웹 프로그래밍' 수업 내용과 'Do it 인터랙티브 웹 페이지 만들기' 유튜브 강의를 통해 공부한 내용을 정리하였습니다. CSS 👀 Cascading Style Sheets 레이아웃과 스타일 색상 크기나 위치, 배치방법, 이미지 크기 👀 사용법 내부 스타일 시트 외부 스타일 시트 인라인 방법 👀 html5 에서 css 파일 연결하는법 일단 css 폴더를 만들고 그 안쪽에 css 파일을 생성해야함 : href = "css/style.css" link:css 치고 enter 한 후 href 부분 입력 css 파일에서 한글을 인식하기 위해 아래와 같이 @charset "utf-8"; 을 입력 ' 👀 기본 문법 전체 선택자, 태그 선택 🔶 전체선택자 *{ } 별표 🔶 태그선택 선택자를 .. 2022. 4. 14.
웹 프로그래밍[1] - html 📌 교내 '디지털 콘텐츠 웹 프로그래밍' 수업 내용과 'Do it 인터랙티브 웹 페이지 만들기' 유튜브 강의를 통해 공부한 내용을 정리하였습니다. 인터렉티브 UI/UX 👀 UI 사용자가 특정 콘텐츠를 이용할 때 만나는 접점으로 사용자 환경을 의미한다. 웹 페이지 상단의 로고와 메뉴, 배너와 이미지 섬네일 등을 의미한다. 👀 UX 사용자가 특정 콘텐츠를 사용할 때 UI 에서 느낄 수 있는 사용자 경험을 의미한다. 특정한 UI 를 이용해 콘텐츠를 사용할 때 느끼는 모든 사용자 경험을 일컷는다. 👀 인터렉티브 UI/UX 사용자와 상호작용하는 여러 모션과 동적인 콘텐츠를 사용하는 환경 웹과 모바일 기술이 발전하면서 인터렉티브 UI/UX 도 웹 디자인의 중요 영역으로 자리잡음 👉 트렌드에 민감한 사용자의 시선을 .. 2022. 4. 13.
728x90

티스토리툴바