본문 바로가기

분류 전체보기334

웹 프로그래밍[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.
Pycaret - AutoML 📌 필사 노트 링크 : https://colab.research.google.com/drive/10Zt5TD76kS8rApqzHIytv2gjUG-SYuTa?usp=sharing [kaggle] 회귀-필사.ipynb Colaboratory notebook colab.research.google.com 📌 캐글 노트북 링크 : https://www.kaggle.com/code/teampycaret/house-prices-prediction-using-pycaret House Prices Prediction using PyCaret Explore and run machine learning code with Kaggle Notebooks | Using data from House Prices - Advance.. 2022. 4. 13.
[빅분기] 3과목 빅데이터 모델링 : 5장 📌 5장. 비정형 데이터 분석 기법 1️⃣ 텍스트 마이닝 (1) 개요 텍스트를 구조화해 그 데이터에서 패턴을 도출한 후 결과를 평가 및 해석 다양한 문서 데이터로부터 텍스트를 획득한 후 문서별 단어의 행렬을 만들어 분석을 수행 (2) 기능 문서분류 : 사전에 분류정보를 알고 있는 상태에서 문서의 내용에 따라 분류하는 것 문서군집 : 성격이 비슷한 문서끼리 같은 군집으로 묶어주는 방법으로 사전에 분류 정보를 모르는 상태에서 수행하는 비지도 학습 방식 정보추출 : 문서에서 중요한 의미를 지닌 정보를 추출 (3) 과정 a. 수집 텍스트 저장소에서 가져오거나 웹페이지 HTML 소스에서 필요한 텍스트 정보를 크롤링 b. 코퍼스 데이터의 정제, 통합, 선택, 변환의 과정을 거친 후 구조화된 텍스트 데이터로 더 이상.. 2022. 4. 7.
[kaggle] 2021년 여름방학 필사 스터디 파일 📌 고객 거래 이상징후 탐지 : https://www.kaggle.com/code/shahules/tackling-class-imbalance/notebook 📌Home Credit Default Risk 👀 정말 공들여서 했었던 필사 스터디 자료..⭐ 2022. 4. 6.
[빅분기] 3과목 빅데이터 모델링 : 4장 딥러닝 📌 4장. 딥러닝 1️⃣ 딥러닝 개요 (1) 개요 인공신경망에 기반을 둔 머신러닝의 한 종류 연속된 층(layer) 에서 점진적으로 의미있는 표현을 배우는데 강점이 있으며 데이터로부터 표현을 학습한다. ML 은 정형 데이터에 적합한데 비해 딥러닝에 잘 맞는 데이터는 비정형데이터이다. 음성인식, 이미지 인식, 자연어처리, 헬스케어 등 전반적인 분야에 활용되고 있다. 2️⃣ 인공신경망 ANN ⭐⭐ - 딥러닝 구조, 뉴런, 활성화 함수, 신경망 모형 구축 시 고려사항 (1) 개요 인공신경망 : 인간 뇌의 신경망에 착안하여 구현된 컴퓨터 시스템의 총칭 (2) 연구 매컬럭과 피츠 : 신경세포 신호처리 과정을 모형화하여 단순 패턴분류 모형 개발 헵 : 신경세포 사이의 연결강도 weight 를 조정해 학습규칙 개발 .. 2022. 4. 6.
[빅분기] 3과목 빅데이터 모델링 : 2장 통계분석 기법_part2 📌 2장. 통계 분석기법 1️⃣ 시계열 분석 ⭐⭐ - 정상성, 여러 시계열 모형 (1) 시계열 자료 시간의 흐름에 따라 관찰된 값 분석을 통해 미래의 값을 예측하고 경향, 주기, 계절성 등을 파악해 활용한다. 🔹 종류 비정상성 시계열 자료 : 다루기 어려운 자료로 대부분의 시계열 자료가 여기에 해당한다. 정상성 시계열 자료 : 비정상 시계열을 핸들링하여 다루기 쉬운 시계열 자료로 변환한 자료이다. (2) 정상성 시계열의 확률적인 성질들이 시간의 흐름에 따라 변하지 않는다는 것을 의미 시계열 분석을 하려면 정상성을 만족해야 한다. 정상 시계열은 어떤 시점에서 평균과 분산, 그리고 특정한 시차의 길이를 갖는 자기공분산을 측정해도 동일한 값을 가진다. 항상 그 평균 값으로 회귀하려는 경향이 있으며 그 평균값 .. 2022. 4. 3.
728x90

티스토리툴바