jinseon's log

✔ 데이터 타입의 프로퍼티와 메서드 - 초콜릿의 종류별로 가지고 있는 고유한 성질 - 자바스크립트에서 사용자를 위해 사전에 작성된 편의 기능 - 프로퍼티 : 객체가 가지는 성질 - 메서드 : 객체가 할 수 있는 행동 ✔ 문자열 프로퍼티와 메서드 - length; - 문자열의 길이 - charAt(index); - 특정 인덱스에 해당하는 문자 추출 - split(" "); - 공백을 기준으로 문자를 나눈 후 배열로 만들어 출력 => [Hello, World] ✔ 배열 프로퍼티와 메서드 - length; - 배열 안에 있는 데이터의 개수 - push(); - 배열 뒤에 데이터 삽입 => ["사과", "배", "포도", "딸기"] - unshift(); - 배열 앞에 데이터 삽입 => ["레몬", "사과", ..

✔ 데이터 타입 - 자료의 형태 - 초콜릿도 다양한 종류가 존재하듯 변수에 전달되는 데이터 타입에도 여러 종류가 존재 🔥 종류 (8가지) - String : 문자열 - Number : 숫자 - Function : 함수 - Array :배열 - Object : 객체 - Boolean : 불린 - undefined : 정의되지 않음 - null : 빈 데이터 ✔ String (문자열) - "큰 따옴표" 또는 '작은 따옴표' 안에 작성된 데이터 - 예시 이미지의 str3도 입력된 값은 숫자 20이지만 큰 따옴표로 감싸주었기 때문에 문자열로 봄 🔍 주의 사항 - 문자를 감쌀 때 큰 따옴표와 작은 따옴표를 혼용할 수 없음 - 문자 안에 따옴표 중 하나가 들어갈 경우 해당되지 않는 따옴표로 감싸줌 => He's 처..

✔ 변수의 정의 - 데이터를 담는 공간 ✔ 변수 선언 및 데이터 저장 - 변수 선언 - var (variable) - 데이터를 담을 공간을 생성하는 것 - 뒤에 원하는 변수명 입력 - 변수 초기화 - JS의 초기화 => 특정 변수 안에 값을 집어 넣는 것 - '생성된 변수'에 데이터를 전달하는 것 => 생성되지 않은 상태에서는 기본적으로 초기화를 진행할 수 없지만, 변수 선언과 동시에 초기화를 진행할 수는 있음 ✔ 데이터 변경 - 변수 fruit의 데이터를 apple에서 banana로 변경 - 변수는 이미 선언되어있으므로 var를 다시 작성할 필요는 없음 ✔ 변수 안의 데이터 확인 방법 - console.log(); - 변수 안 데이터를 콘솔에서 확인할 때 사용하는 명령어 - document.write(..

분류 평가 지표 혼동 행렬 (Confusion Matrix) confusion_matrix(Y_true, X_pred) : Confusion_matrix 값을 nd.ndarray로 반환 sklearn 라이브러리 from sklearn.metrics import confusion_matrix Y_true test_Y : test_Y 에 대한 혼동 행렬 train_Y : train_Y 에 대한 혼동 행렬 X_pred pred_test : test_X 에 대한 예측 데이터 pred_train : train_X 에 대한 예측 데이터 load_breast_cencer() : 유방암 유무 판별 데이터 함수 sklearn 라이브러리 from sklearn.datasets import load_breast_cancer..

✔ 자바스크립트 - 이미지 슬라이드 효과, 팝업 효과 등의 기능을 포함한 동적인 웹사이트 제작 시 사용되는 프로그래밍 언어 ✔ 활용 범위 - IoT : 사물인터넷 서비스 - 하이브리드 앱 : 다른 운영체제를 지닌 스마트폰 모두에 호환 가능한 앱 => React, Native 등의 프레임 워크를 이용 (해당 프레임 워크의 언어가 JS) - 서버 개발 : 웹에 정보를 요청하고, 해당 요청을 동작해 줄 수 있는 프로그램 => node.js

✔ display - Block과 Inline 요소의 성격을 바꿀 때 사용 - inline-block을 사용하면 두 요소의 성격을 모두 가짐 => 줄바꿈 x => width와 height는 지정 가능 ✔ float - 선택된 요소를 왼쪽 끝 혹은 오른쪽 끝에 정렬시키고자 할 때 사용 - 이름 그대로 선택자를 띄워 새로운 레이어층을 만드는 것 - 레이어 : 층, 다른 레이어 위로 쌓거나 투명도 조절도 가능 - 레이어가 겹쳐지지 않게 왼쪽에서부터 정렬시키고 싶은 경우 float: left;를 연속적으로 입력 ✔ clear - float에 대한 속성을 제어하고자 할 때 사용 => float로 정렬 후 빈 공간을 어떻게 관리할 것인지 지정 - both : 모든 공간을 비움 - right : 우측 정렬에 대한 공..

✔ 마진 병합 현상 - 태그의 부모 자식 혹은 형제 관계에서 두 마진이 겹치거나 함께 사용되는 현상 ✔ 형제지간의 마진 병합 - margin-bottom과 margin-top 중 숫자가 큰 값으로 적용 ✔ 부모 자식간의 마진 병합 - 자식인 뿐만 아니라 부모인 에도 영향을 미침 => article에 margin-top 적용 시 100px만큼 위에 여백이 생김 -> main도 함께 100px만큼의 여백 생김

✔ Block 요소와 Inline 요소 ✔ Block - 대표 태그 : - y축(세로)으로 정렬 - 줄바꿈 현상이 나타남 - width & height 값 사용 가능 => 공간 만들기 가능 (해당 요소의 크기/차지하는 공간 => 글씨 크기가 아님!) - margin & padding 값 사용 가능 => 상하 배치 작업 가능 (줄간격 조절 기능과 비슷함) ✔ Inline - 대표 태그 : - x축(가로)으로 정렬 - 줄바꿈 현상x => 특정 공간 차지x - width & height, margin & padding 값에 영향을 받지 않음

✔ 박스 모델 - 요소를 감싸는 큰 세가지 축을 의미 (박스처럼 감싸고 있는 형태) - content : 요소 - padding : content와 border 사이의 공백 => border 안 - border : 경계 - margin : content의 가장 바깥 공백 => border 밖 ✔ margin과 padding의 차이 - 여백을 만드는 공간 비교 - margin-left - border 바깥쪽에서 왼쪽에 여백을 만듦 - padding-left - border 안쪽에서 왼쪽에 여백을 만듦 - 공간이 여백을 포함한 크기로 변경되는 점 유의 ✔ margin과 padding 작성 방법 - top right bottom left 순서로 한 줄에 작성 가능

✔ 크기 조절 속성 - width - 선택한 요소의 너비를 설정 - 픽셀(px) : 절대적인 크기 - 퍼센트(%) : 웹 브라우저 안에서 차지하는 상대적인 크기 - height - 선택한 요소의 높이를 설정 ✔ font - font-size - 글자 크기 지정 - font-family - 글꼴을 여러 개 지정할 수 있음 - 브라우저마다 지원하는 폰트가 다름 - 입력한 순서대로 우선순위 적용 - sans-serif는 마지막에 작성하는 디폴트 값 - font-style - 글자의 스타일 지정 - normal : 어떠한 스타일도 적용하지 않음 - italic : 이탤릭체 (기울기)로 나타냄 - oblique : 텍스트를 기울임, italic과 유사하지만 지원하는 웹 브라우저가 거의 없음 - 주로 'italic..