본문 바로가기

분류 전체보기328

[인공지능] Introduction to AI/Deep learning 📌 교내 '인공지능' 수업을 통해 공부한 내용을 정리한 것입니다. 1️⃣ Introduction to AI ① AI Definition 👀 Rationality 목표를 최대한으로 당설할 수 있도록 합리적인 행동 (act rationally) 을 하는 것 = AI 연산을 통해 합리적인 행동을 한다는 측면에서 AI 는 컴퓨터 과학의 뿌리다. 👀 약인공지능 vs 강인공지능 Narrow AI : 체스두기, 엘레베이터 조절하기 등과 같은 특정한 (specific) 문제를 해결하는 인공지능 Strong AI : 인간의 인지 능력에 대한 범위까지 능가하는 인공지능 (act & thinking) ② History of AI 👀 역사 50/60년대 : Neural network 의 등장 (인공뉴런의 개념) 💨 모호성/복.. 2022. 4. 21.
[data report] 퍼널분석 📌 하루에 30분씩 '데이터' 주제에 관한 글을 읽고 정리합니다. 스스로 공부한 것 / 알게된 것을 정리하기 위한 용도의 글이며 내용에 대한 출처는 아래에 참고자료로 주석을 달아놓았습니다 👻 👀 오늘의 주제 : 퍼널분석 1️⃣ 퍼널분석이란 고객들이 유저 경험 루트를 따라 잘 도착하고 있는지 확인하기 위해 최초 유입부터 최종 목적지까지 단계를 나누어 살펴보는 분석기법이다. 최종단계까지 얼마나 많은 유저가 도착하는지, 어디서 많이 이탈하는지 확인할 수 있다. 각 단계를 통과할 때마다 이탈하는 유저가 많을수록 아래의 그림처럼 깔대기(funnel) 모양으로 하단이 좁아진다는 뜻에서 퍼널분석이라 한다. 각 단계를 넘어가는 것을 '전환' 이라 부르고 비율은 '전환율' 에 해당한다. 퍼널의 각 단계는 분석 목적이나 .. 2022. 4. 21.
웹 프로그래밍[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.
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.
728x90

티스토리툴바