엘리스 엘리스 12일차 온라인 강의 javascript 컴포넌트 특징 2. render()를 통해 HTML 요소를 반환하는 함수이다. IndexedDb 설명 1. 브라우저에 객체를 저장할 수 있다. 3. 자바스크립트 기반의 객체 지향 데이터베이스입니다. 4. 자바스크립트의 객체, 파일, blobs등을 저장할 수 있다. render()를 통해 HTML 요소를 반환하는 함수 독립적이고, 재사용이 가능한 작은 UI 조각 Javascript함수와 동일한... 엘리스엘리스 [엘리스 sw 엔지니어 트랙] 7일차 Javascript 오늘 수업은 이론수업은 없고 엘리스에서 문제 풀이로만 이루어져 있다. 문제 풀이 껌이쥐~! 하고 시간 널널하게 남을줄 알았는데 나의 실력이 여기서 드러나 버렸다.. 그래도 오늘치 문제는 전부 성공! 소수의 합 구하기(1~200까지) 1부터 200까지의 소수의 합 결과 값이다. 짝수 반화 함수 배열에 있는 값중 짝수의 값만 반환하는 함수 배열의 값을 숫자로 출력하는 함수 배열에 있는 값을 문자... 엘리스부산JavaScript코딩캠프JavaScript [주간피드백] 엘리스 SW 엔지니어 트랙 2기 - 2주차 - Function (함수) a와 b를 더한 값을 a에 대입 a와 b를 뺀 값을 a에 대입 a와 b를 나눈 값을 a에 대입 a와 b를 나눈 나머지 값을 a에 대입 window 객체는 웹 브라우저의 창을 가르키며, window 객체를 이용하여 브라우저를 조작 할 수 있습니다. HTML 요소의 선택 새로운 HTML 요소를 선택하기 위해 제공되는 메소드 HTML 요소의 생성 HTML 요소를 생성하... 엘리스피드백엘리스 [JS]엘리스_220412: 비교 연산 검사기 문제 출처 : 엘리스 SW 엔지니어 트랙 2기 - JavaScript 문제집 readline 모듈 입력이 숫자, 비교 연산자, 숫자 순서로 공백을 기준으로 주어집니다. 해당 비교 연산이 참이면 true, 거짓이면 false를 출력해보세요. 입력 예시 출력 예시 true 입력 예시 출력 예시 false 입력값을 받아 각각 변수에 담아준다. switch 조건문을 통해 비교 연산과 case의 일치... 알고리즘엘리스코딩테스트알고리즘 [1주차] CSS로 생동감 넣기 CSS3 에는 Transform, Transition, Animation이 있다. 특정 영역을 각도, 크기 위치를 변경함 .rotate(각도) 각도는 45deg 처럼 deg를 붙여 입력한다. 입력한 각도만큼 회전. 음수도 가능함 평면적 회전을 위함 .scale(2,3) 비율로 키우기 .skew(x,y) 입력한 각도만큼 비튼다 .translate(x,y) prefix를 통해 모든 브라우저에 이... 엘리스CSSCSS [2주차] JavaScript 1 var : function scope : 변경 가능 let : block scope : 변경 가능 const : block scope : 변경 불가 Scope 변수가 접근할 수 있는 범위 전역 스코프 Global Scope { } 밖에 선언되면 어디서든 접근 가능한 전역 변수가 되고 전역 스코프에 정의된다. 지역 스코프 Local Scope { } 안에 선언되었기에 괄호 안에서만 호출이 가능... 엘리스JavaScriptJavaScript 부트캠프 2Week 자바스크립트 기본 문법들은 엘리스 코딩테스트 준비할 때 사전학습으로 이미 한 번 봤던 내용들이라 어렵지 않았다. 오늘 수업 시간에 보니 많은 분들이 이미 vscode에 git을 연동해서 사용하고 계시길래 나도 급하게 연동을 해 보았는 데 역시 git은 맘 같이 쉽게 되지 않았다.. 다음에 날 잡고 다시 해봐야겠다..ㅜㅜ 자바스크립트 실행 방법 3. onclick 속성 변수는 데이터에 이름을 ... 엘리스TIL부트캠프TIL 엘리스 9일차 목요일 온라인 강의 javascript DOM(document object model) 이벤트 웹 브라우저가 알려주는 HTML 요소에 대한 사건의 발생을 가리키는 말로, 자바스크립트는 이것에 반응하여 특정 동작을 수행할 수 있다. DOM 요소의 내용 변경 노드 트리의 모든 노드는 서로 계층적 관계를 맺고 있다. 자바스크립트에서는 HTML DOM을 이용하여 노드 트리에 포함된 모든 노드에 접근할 수 있다. 이벤트: 웹 브라우저가 알... 엘리스엘리스 엘리스 10일차 금요일 자기소개페이지 만들기 + 테스트 오늘은 강의가 없고 지금까지 배웠던 내용을 활용해서 자기소개 페이지를 만들어보는 과제가 주어졌다. 난 디자인쪽에 일가견이없기때문에 보기편한정도로만 만들어서 제출했다. 근데 자바스크립트도 써야하는데 아이디어가 딱히 없어서 html, css로만 만들었다.. 다른사람들꺼보니 엄청 잘했는데, 뭐 난 백엔드할거니까 자바스크립트에서는 공백 두개이상 표시하려면 ' '로 하면 안되고 를 사용해야 한다. ... 엘리스엘리스 [TIL] JavaScript 문제집 객체 타입 (Object type) RegExp (정규표현식) Symbol (ES6 추가) String 프로퍼티와 메서드 배열의 인덱스 값 반환 문자데이터의 글자의 갯수를 반환. 호출한 string객체에서 주어진 값과 일치하는 첫번째 인덱스를 반환. 일치하는 값이 없으면 -1을 반환 문자열의 일부를 추출하면서 문자열을 반환 endIndex는 그 직전까지 추출됨(0, 3일경우 3의 직전까지 해... 엘리스JavaScriptJavaScript [엘리스 sw 엔지니어 트랙] 6일차 Javascript 난의도가 급 상승한거 같다. 멍해졌던 시간이 많았던거 같다! 자바스크립트 : 웹에서 동작에 대한 부분을 다룸, 객채 기반, 인터프리터 언어 인터프리터 : 소스코드를 한줄씩 기계어로 변경함(컴파일러 x), 에러잡기 어려움 속도 : 컴파일러 > 인터프리터 ES(ECMAScript) : 기술 규격에 의해 정의된 범용 스크립트 언어 internal 방식 : script 태그내에 사용, 순서 주의 v... 엘리스부산JavaScript코딩캠프JavaScript [TIL] HTML/CSS 기초문법 구조를 잡을 때 사용하는 태그 <header> 태그 <nav> 태그 <main> 태그 문서의 주요 내용을 담는 태그 웹사이트의 주요 이미지나 텍스트 정보를 담고 구역을 설정하는 태그 태그 내에 구역을 대표하는 타이틀 <h#>태그가 반드시 존재해야함(웹표준) <footer> 태그 <div> 태그 임의의 공간을 만들 때 사용 Block 요소 vs Inline 요소 줄바꿈 현상 Block 요소 y... CSShtml엘리스CSS 엘리스 1일차 html, css 지식을 배우는데에는 순서가 없다. w3school: html, css 등 문법 나와있는 사이트 시간되면 공부: html 태그 strong: 굵게 u: 밑줄(underline) width = "100" ul: 경계를 나누는 태그 ol: 숫자를 자동으로 매겨주는 리스트 태그 li: 리스트 태그 a: 링크 href = hypertext reference title: 웹 제목 이런게 다 속성(att... 엘리스엘리스 데이터프레임 분석용 함수 count메서드 활용하여 데이터 개수 확인 가능 (Default : NaN값 제외) 데이터 타입 정수형임을 유의해서 살피자! max, min메서드 활용하여 최대, 최소값 확인 가능 (Default : 열 기준, NaN값 제외) 데이터 타입 실수형임을 유의해서 살피자! sum, mean메서드 활용하여 합계 및 평균 계산 (Default : 열 기준, NaN값 제외) 데이터 타입 실수형! axi... TILNIPA엘리스pythonNIPA 의사결정나무 - 모델 구조 스무고개와 같이 특정 질문들을 통해 정답을 찾아가는 모델 최상단 뿌리마디Root Node 에서부터 마지막 끝마디Terminal Node까지 아래 방향으로 진행 예측할 수 있게 질문을 만들고 그 질문에 답함으로써 예측하는 것 질문 하나로 안될 경우 중간 마디Internal Node를 추가 즉, 중간에 질문을 추가해서 모든 데이터를 나눈다. 2개 이상의 feature 데이터의 경우 X1, X2 ... 파이썬머신러닝AI엘리스AI 이커머스 산업의 AI 혁신 1. 맞춤형 상품 추천 2. 추천 알고리즘 미리 설정한 규칙 기반 추천이 아닌 고객 데이터에 따른 인공지능형 추천 알고리즘 대표적: 유튜브 추천 알고리즘 대부분의 조회수가 추천 영상으로 발생 이번 실습에서는 넷플릭스 데이터를 살펴보고 인공지능 모델을 학습하는 과정을 수행해 보겠습니다. 유튜브 영상을 보고 있던 중 나도 모르게 새로운 영상을 추천 받으며 보고 있지 않나요? 웹상에서 운영되는 영... 파이썬머신러닝AI엘리스AI 웹/앱 서비스 분야 AI 혁신 연령/성별, 지역, 트래픽 소스, 방문페이지, 제품 등의 측정 기준을 통해서 사용자의 특성 분석 => 사용자의 유지 이탈, 집단 간 상이한 행동 패턴 분석 가능 예) 구글 애널리틱스(웹) / 구글 파이어베이스(앱) 행동데이터 사용자가 서비스를 사용하며 겪게 되는 행동을 데이터화 한 것 A/B테스트 웹사이트 내 히트맵 분석 실습1 실습2. 손글씨 분류 딥러닝 모델 실습3. 분할된 이미지의 숫자... 파이썬머신러닝AI엘리스AI
엘리스 12일차 온라인 강의 javascript 컴포넌트 특징 2. render()를 통해 HTML 요소를 반환하는 함수이다. IndexedDb 설명 1. 브라우저에 객체를 저장할 수 있다. 3. 자바스크립트 기반의 객체 지향 데이터베이스입니다. 4. 자바스크립트의 객체, 파일, blobs등을 저장할 수 있다. render()를 통해 HTML 요소를 반환하는 함수 독립적이고, 재사용이 가능한 작은 UI 조각 Javascript함수와 동일한... 엘리스엘리스 [엘리스 sw 엔지니어 트랙] 7일차 Javascript 오늘 수업은 이론수업은 없고 엘리스에서 문제 풀이로만 이루어져 있다. 문제 풀이 껌이쥐~! 하고 시간 널널하게 남을줄 알았는데 나의 실력이 여기서 드러나 버렸다.. 그래도 오늘치 문제는 전부 성공! 소수의 합 구하기(1~200까지) 1부터 200까지의 소수의 합 결과 값이다. 짝수 반화 함수 배열에 있는 값중 짝수의 값만 반환하는 함수 배열의 값을 숫자로 출력하는 함수 배열에 있는 값을 문자... 엘리스부산JavaScript코딩캠프JavaScript [주간피드백] 엘리스 SW 엔지니어 트랙 2기 - 2주차 - Function (함수) a와 b를 더한 값을 a에 대입 a와 b를 뺀 값을 a에 대입 a와 b를 나눈 값을 a에 대입 a와 b를 나눈 나머지 값을 a에 대입 window 객체는 웹 브라우저의 창을 가르키며, window 객체를 이용하여 브라우저를 조작 할 수 있습니다. HTML 요소의 선택 새로운 HTML 요소를 선택하기 위해 제공되는 메소드 HTML 요소의 생성 HTML 요소를 생성하... 엘리스피드백엘리스 [JS]엘리스_220412: 비교 연산 검사기 문제 출처 : 엘리스 SW 엔지니어 트랙 2기 - JavaScript 문제집 readline 모듈 입력이 숫자, 비교 연산자, 숫자 순서로 공백을 기준으로 주어집니다. 해당 비교 연산이 참이면 true, 거짓이면 false를 출력해보세요. 입력 예시 출력 예시 true 입력 예시 출력 예시 false 입력값을 받아 각각 변수에 담아준다. switch 조건문을 통해 비교 연산과 case의 일치... 알고리즘엘리스코딩테스트알고리즘 [1주차] CSS로 생동감 넣기 CSS3 에는 Transform, Transition, Animation이 있다. 특정 영역을 각도, 크기 위치를 변경함 .rotate(각도) 각도는 45deg 처럼 deg를 붙여 입력한다. 입력한 각도만큼 회전. 음수도 가능함 평면적 회전을 위함 .scale(2,3) 비율로 키우기 .skew(x,y) 입력한 각도만큼 비튼다 .translate(x,y) prefix를 통해 모든 브라우저에 이... 엘리스CSSCSS [2주차] JavaScript 1 var : function scope : 변경 가능 let : block scope : 변경 가능 const : block scope : 변경 불가 Scope 변수가 접근할 수 있는 범위 전역 스코프 Global Scope { } 밖에 선언되면 어디서든 접근 가능한 전역 변수가 되고 전역 스코프에 정의된다. 지역 스코프 Local Scope { } 안에 선언되었기에 괄호 안에서만 호출이 가능... 엘리스JavaScriptJavaScript 부트캠프 2Week 자바스크립트 기본 문법들은 엘리스 코딩테스트 준비할 때 사전학습으로 이미 한 번 봤던 내용들이라 어렵지 않았다. 오늘 수업 시간에 보니 많은 분들이 이미 vscode에 git을 연동해서 사용하고 계시길래 나도 급하게 연동을 해 보았는 데 역시 git은 맘 같이 쉽게 되지 않았다.. 다음에 날 잡고 다시 해봐야겠다..ㅜㅜ 자바스크립트 실행 방법 3. onclick 속성 변수는 데이터에 이름을 ... 엘리스TIL부트캠프TIL 엘리스 9일차 목요일 온라인 강의 javascript DOM(document object model) 이벤트 웹 브라우저가 알려주는 HTML 요소에 대한 사건의 발생을 가리키는 말로, 자바스크립트는 이것에 반응하여 특정 동작을 수행할 수 있다. DOM 요소의 내용 변경 노드 트리의 모든 노드는 서로 계층적 관계를 맺고 있다. 자바스크립트에서는 HTML DOM을 이용하여 노드 트리에 포함된 모든 노드에 접근할 수 있다. 이벤트: 웹 브라우저가 알... 엘리스엘리스 엘리스 10일차 금요일 자기소개페이지 만들기 + 테스트 오늘은 강의가 없고 지금까지 배웠던 내용을 활용해서 자기소개 페이지를 만들어보는 과제가 주어졌다. 난 디자인쪽에 일가견이없기때문에 보기편한정도로만 만들어서 제출했다. 근데 자바스크립트도 써야하는데 아이디어가 딱히 없어서 html, css로만 만들었다.. 다른사람들꺼보니 엄청 잘했는데, 뭐 난 백엔드할거니까 자바스크립트에서는 공백 두개이상 표시하려면 ' '로 하면 안되고 를 사용해야 한다. ... 엘리스엘리스 [TIL] JavaScript 문제집 객체 타입 (Object type) RegExp (정규표현식) Symbol (ES6 추가) String 프로퍼티와 메서드 배열의 인덱스 값 반환 문자데이터의 글자의 갯수를 반환. 호출한 string객체에서 주어진 값과 일치하는 첫번째 인덱스를 반환. 일치하는 값이 없으면 -1을 반환 문자열의 일부를 추출하면서 문자열을 반환 endIndex는 그 직전까지 추출됨(0, 3일경우 3의 직전까지 해... 엘리스JavaScriptJavaScript [엘리스 sw 엔지니어 트랙] 6일차 Javascript 난의도가 급 상승한거 같다. 멍해졌던 시간이 많았던거 같다! 자바스크립트 : 웹에서 동작에 대한 부분을 다룸, 객채 기반, 인터프리터 언어 인터프리터 : 소스코드를 한줄씩 기계어로 변경함(컴파일러 x), 에러잡기 어려움 속도 : 컴파일러 > 인터프리터 ES(ECMAScript) : 기술 규격에 의해 정의된 범용 스크립트 언어 internal 방식 : script 태그내에 사용, 순서 주의 v... 엘리스부산JavaScript코딩캠프JavaScript [TIL] HTML/CSS 기초문법 구조를 잡을 때 사용하는 태그 <header> 태그 <nav> 태그 <main> 태그 문서의 주요 내용을 담는 태그 웹사이트의 주요 이미지나 텍스트 정보를 담고 구역을 설정하는 태그 태그 내에 구역을 대표하는 타이틀 <h#>태그가 반드시 존재해야함(웹표준) <footer> 태그 <div> 태그 임의의 공간을 만들 때 사용 Block 요소 vs Inline 요소 줄바꿈 현상 Block 요소 y... CSShtml엘리스CSS 엘리스 1일차 html, css 지식을 배우는데에는 순서가 없다. w3school: html, css 등 문법 나와있는 사이트 시간되면 공부: html 태그 strong: 굵게 u: 밑줄(underline) width = "100" ul: 경계를 나누는 태그 ol: 숫자를 자동으로 매겨주는 리스트 태그 li: 리스트 태그 a: 링크 href = hypertext reference title: 웹 제목 이런게 다 속성(att... 엘리스엘리스 데이터프레임 분석용 함수 count메서드 활용하여 데이터 개수 확인 가능 (Default : NaN값 제외) 데이터 타입 정수형임을 유의해서 살피자! max, min메서드 활용하여 최대, 최소값 확인 가능 (Default : 열 기준, NaN값 제외) 데이터 타입 실수형임을 유의해서 살피자! sum, mean메서드 활용하여 합계 및 평균 계산 (Default : 열 기준, NaN값 제외) 데이터 타입 실수형! axi... TILNIPA엘리스pythonNIPA 의사결정나무 - 모델 구조 스무고개와 같이 특정 질문들을 통해 정답을 찾아가는 모델 최상단 뿌리마디Root Node 에서부터 마지막 끝마디Terminal Node까지 아래 방향으로 진행 예측할 수 있게 질문을 만들고 그 질문에 답함으로써 예측하는 것 질문 하나로 안될 경우 중간 마디Internal Node를 추가 즉, 중간에 질문을 추가해서 모든 데이터를 나눈다. 2개 이상의 feature 데이터의 경우 X1, X2 ... 파이썬머신러닝AI엘리스AI 이커머스 산업의 AI 혁신 1. 맞춤형 상품 추천 2. 추천 알고리즘 미리 설정한 규칙 기반 추천이 아닌 고객 데이터에 따른 인공지능형 추천 알고리즘 대표적: 유튜브 추천 알고리즘 대부분의 조회수가 추천 영상으로 발생 이번 실습에서는 넷플릭스 데이터를 살펴보고 인공지능 모델을 학습하는 과정을 수행해 보겠습니다. 유튜브 영상을 보고 있던 중 나도 모르게 새로운 영상을 추천 받으며 보고 있지 않나요? 웹상에서 운영되는 영... 파이썬머신러닝AI엘리스AI 웹/앱 서비스 분야 AI 혁신 연령/성별, 지역, 트래픽 소스, 방문페이지, 제품 등의 측정 기준을 통해서 사용자의 특성 분석 => 사용자의 유지 이탈, 집단 간 상이한 행동 패턴 분석 가능 예) 구글 애널리틱스(웹) / 구글 파이어베이스(앱) 행동데이터 사용자가 서비스를 사용하며 겪게 되는 행동을 데이터화 한 것 A/B테스트 웹사이트 내 히트맵 분석 실습1 실습2. 손글씨 분류 딥러닝 모델 실습3. 분할된 이미지의 숫자... 파이썬머신러닝AI엘리스AI