엘리스 엘리스 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 [엘리스 sw 엔지니어 트랙] 4일차 CSS 모바일 대응, 애니메이션 한주를 마무리 하기전 정신력이 떨어져가는 날이다. 실습 내용은 엘리스의 과제여서 아주 쉬운 것으로 대신 탑재한다. 이론 CSS Transform : 웹사이트의 특정 영역에서 오브젝트의 각도, 위치 변경 rotate : 입력한 각도만큼 회전, 음수도 입력가능 scale : 확대, 축소, 숫자는 비율을 의미 skew : 입체적으로 각도를 비틀때 사용 translate : 선택한 오브젝트의 좌표 ... 엘리스부산CSS코딩캠프CSS [TIL] JS - DOM과 이벤트 이해하기 HTML 문서에 대한 인터페이스 DOM은 XML이나 HTML 문서의 프로그래밍 인터페이스 HTML DOM : HTML 문서를 위한 DOM 모델 ✔️ 01-2 HTML DOM HTML 문서를 조작하고 접근하는 표준화된 방법 모든 HTML 요소는 HTML DOM을 통해 접근 가능 01-3 Document 객체 웹 페이지에 존재하는 HTML 요소에 접근하고자 할 때는 반드시!! HTML 요소의 선... 엘리스JavaScriptDOMDOM 부트캠프 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 엘리스 11일차 실시간 강의 javascript html에서는 import {dayNight} from '.daynight.js'; 로 함수를 불러온다. 주석처리한거는 jQuery인데, html head에다가 <script src="https://code.jquery.com/jquery-3.6.0.js" integrity="sha256-H+K7U5CnXl1h5ywQfKtSj8PCmoN9aaq30gDh27Xc0jk=" crossorigin=... 엘리스엘리스 부트캠프 1Week 첫 수업으로 이고잉님 강의를 들었는 데 다른 것보다도 개발자로서 가져야 할 마음 가짐, 자세 등을 강조하시고 알려주셔서 그 부분이 너무 좋았다. 내 사이트에 애착이 생기면 불만족스러운 부분이 생기고 애증의 감정이 생길거라는 말이 많이 공감이 됐던 것 같다! 그 과정을 통해서 개선해 나가고 더 좋은 사이트로 거듭날 수 있다는 말씀에서 대학 다니면서 과제하면서 느꼈던 감정들이 떠올라서 인상깊었다... 엘리스부트캠프TILTIL [주간피드백] 엘리스 SW 엔지니어 트랙 2기 - 1주차 4월 4일 ~ 4월 8일 주간 피드백 Git 강의를 제외하면 모두 알고 있던 내용이었지만, 하나도 지루하지 않고 오히려 기초를 한 번 더 다질 수 있어 많이 도움 되었다. 그래도 아는 내용 배울 때 기록하는 습관을 들여야 할 것 같아서 앞으로도 꾸준히 TIL 작성할 예정이다. 웹 표준 : 웹사이트를 작성할 때 따라야 하는 공식 표준이나 기술 규격 Block 요소 vs Inline 요소 Inl... 엘리스피드백엘리스 [TIL] HTML/CSS 기초문법 구조를 잡을 때 사용하는 태그 <header> 태그 <nav> 태그 <main> 태그 문서의 주요 내용을 담는 태그 웹사이트의 주요 이미지나 텍스트 정보를 담고 구역을 설정하는 태그 태그 내에 구역을 대표하는 타이틀 <h#>태그가 반드시 존재해야함(웹표준) <footer> 태그 <div> 태그 임의의 공간을 만들 때 사용 Block 요소 vs Inline 요소 줄바꿈 현상 Block 요소 y... CSShtml엘리스CSS 엘리스 3일차 수요일 실시간 강의 css html, css, javascript 라이브코딩 할 수 있는 사이트 이걸 치면 아래처럼 나온다. id는 하나만 지정하고 싶을때, 즉 중복되지 않게 쓴다 class는 여러개 묶어서 그룹으로 지정하고 싶을때 쓴다. text-decoration: underline 은 밑줄 a 태그로 링크를 걸면 자동으로 밑줄이 생기는데, 이때는 text-decoration: none으로 밑줄을 없앨 수 있다. ... 엘리스엘리스 CSS 기초(feat.이고잉님)-TIL 3일차 오늘도 꿀보이스로 시작하는 이고잉님. 새벽 3~4시까지 코딩을 하시다 잠을자서 몇시간 밖에 못 주무셨는데도, 목소리와 분위기는 피곤한 느낌이 없다. 나는 못자면 목소리부터 갈라지는데...! 하여튼! 이번엔 프로젝트에 대한 프레임을 다시 잡게 도와주셨다. 이고잉 코치님 "우리가 처음 프로젝트를 만들때 성큼 성큼 빨리 만들어지는데, 10년뒤 같은 시간대비 지금 시작하는 시간이 압축적이고 매우 빠... 이고잉TIL엘리스TIL 엘리스 2일차 화요일 온라인 강의 html, css HTML: 정보 또는 설계도 크로스 브라우징: 모든 브라우저 또는 기기에서사이트가 제대로 작동할 수 있도록 하는 기법 (반응형 웹) 컨텐츠: 열린 태그와 닫힌 태그 사이에 있는 내용물 속성: HTML 태그가 갖고 있는 추가 정보 img: 이미지 삽입 (닫힌 태그 X) p: paragraph의 약자로 본문 내용을 표현한다. article: 정보의 구역을 설정하는 태그, 태그 내 구역을 대표하는... 엘리스엘리스 Html/CSS 기초 자습 - TIL 2일차 뻔한것은 쓰지 않는다.(구글링으로 다 해결 가능하다.) 여러분의 시간은 소중하다. 내 레벨에서 잘 정리 안된 것들을 다시 한번 정리한다. src와 href img 태그의 src는 source약자다. href랑 헷갈리지 말 것. 태그 안에 태그를 쓴다는 개념 이해하기. 예시 결과 예시입니다 🤔 : 이거 왜 쓰는거죠? 😺 : 이걸써야 구글이나 네이버같은 검색 엔진들이 "아~ 얘는 웹표준을 잘 지... CSShtml엘리스CSS 엘리스 4일차 목요일 온라인 강의 css rotate(angle): 입력한 각도만큼 회전, 음수입력가능 scale(x, y): width가로 x배, height세로 y배만큼 변경 skew(x, y): x축, y축을 기준으로 입력한 각도만큼 비튼다. translate(x, y): 선택한 오브젝트의 좌표를 x,y 변경 transform은 최신CSS 버전에서만 가능하지만, prefix를 추가하면 하위버전의 브라우저에서도 실행 가능 ex)... 엘리스엘리스 엘리스 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 [TIL]1210 로그인 기능 구현하기 - passport-local strategy 로그인 기능 구현하기 - passport.js 설정하기 passport.authenticate를 사용해 해당 strategyt를 이용해 요청을 처리할 수 있음 로그인 기능 구현하기 - passport.js로 post요청 처리하기 express-session과 passport.session()을 사용하면 passport가 로그... TIL엘리스TIL 웹/앱 서비스 분야 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 [엘리스 sw 엔지니어 트랙] 4일차 CSS 모바일 대응, 애니메이션 한주를 마무리 하기전 정신력이 떨어져가는 날이다. 실습 내용은 엘리스의 과제여서 아주 쉬운 것으로 대신 탑재한다. 이론 CSS Transform : 웹사이트의 특정 영역에서 오브젝트의 각도, 위치 변경 rotate : 입력한 각도만큼 회전, 음수도 입력가능 scale : 확대, 축소, 숫자는 비율을 의미 skew : 입체적으로 각도를 비틀때 사용 translate : 선택한 오브젝트의 좌표 ... 엘리스부산CSS코딩캠프CSS [TIL] JS - DOM과 이벤트 이해하기 HTML 문서에 대한 인터페이스 DOM은 XML이나 HTML 문서의 프로그래밍 인터페이스 HTML DOM : HTML 문서를 위한 DOM 모델 ✔️ 01-2 HTML DOM HTML 문서를 조작하고 접근하는 표준화된 방법 모든 HTML 요소는 HTML DOM을 통해 접근 가능 01-3 Document 객체 웹 페이지에 존재하는 HTML 요소에 접근하고자 할 때는 반드시!! HTML 요소의 선... 엘리스JavaScriptDOMDOM 부트캠프 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 엘리스 11일차 실시간 강의 javascript html에서는 import {dayNight} from '.daynight.js'; 로 함수를 불러온다. 주석처리한거는 jQuery인데, html head에다가 <script src="https://code.jquery.com/jquery-3.6.0.js" integrity="sha256-H+K7U5CnXl1h5ywQfKtSj8PCmoN9aaq30gDh27Xc0jk=" crossorigin=... 엘리스엘리스 부트캠프 1Week 첫 수업으로 이고잉님 강의를 들었는 데 다른 것보다도 개발자로서 가져야 할 마음 가짐, 자세 등을 강조하시고 알려주셔서 그 부분이 너무 좋았다. 내 사이트에 애착이 생기면 불만족스러운 부분이 생기고 애증의 감정이 생길거라는 말이 많이 공감이 됐던 것 같다! 그 과정을 통해서 개선해 나가고 더 좋은 사이트로 거듭날 수 있다는 말씀에서 대학 다니면서 과제하면서 느꼈던 감정들이 떠올라서 인상깊었다... 엘리스부트캠프TILTIL [주간피드백] 엘리스 SW 엔지니어 트랙 2기 - 1주차 4월 4일 ~ 4월 8일 주간 피드백 Git 강의를 제외하면 모두 알고 있던 내용이었지만, 하나도 지루하지 않고 오히려 기초를 한 번 더 다질 수 있어 많이 도움 되었다. 그래도 아는 내용 배울 때 기록하는 습관을 들여야 할 것 같아서 앞으로도 꾸준히 TIL 작성할 예정이다. 웹 표준 : 웹사이트를 작성할 때 따라야 하는 공식 표준이나 기술 규격 Block 요소 vs Inline 요소 Inl... 엘리스피드백엘리스 [TIL] HTML/CSS 기초문법 구조를 잡을 때 사용하는 태그 <header> 태그 <nav> 태그 <main> 태그 문서의 주요 내용을 담는 태그 웹사이트의 주요 이미지나 텍스트 정보를 담고 구역을 설정하는 태그 태그 내에 구역을 대표하는 타이틀 <h#>태그가 반드시 존재해야함(웹표준) <footer> 태그 <div> 태그 임의의 공간을 만들 때 사용 Block 요소 vs Inline 요소 줄바꿈 현상 Block 요소 y... CSShtml엘리스CSS 엘리스 3일차 수요일 실시간 강의 css html, css, javascript 라이브코딩 할 수 있는 사이트 이걸 치면 아래처럼 나온다. id는 하나만 지정하고 싶을때, 즉 중복되지 않게 쓴다 class는 여러개 묶어서 그룹으로 지정하고 싶을때 쓴다. text-decoration: underline 은 밑줄 a 태그로 링크를 걸면 자동으로 밑줄이 생기는데, 이때는 text-decoration: none으로 밑줄을 없앨 수 있다. ... 엘리스엘리스 CSS 기초(feat.이고잉님)-TIL 3일차 오늘도 꿀보이스로 시작하는 이고잉님. 새벽 3~4시까지 코딩을 하시다 잠을자서 몇시간 밖에 못 주무셨는데도, 목소리와 분위기는 피곤한 느낌이 없다. 나는 못자면 목소리부터 갈라지는데...! 하여튼! 이번엔 프로젝트에 대한 프레임을 다시 잡게 도와주셨다. 이고잉 코치님 "우리가 처음 프로젝트를 만들때 성큼 성큼 빨리 만들어지는데, 10년뒤 같은 시간대비 지금 시작하는 시간이 압축적이고 매우 빠... 이고잉TIL엘리스TIL 엘리스 2일차 화요일 온라인 강의 html, css HTML: 정보 또는 설계도 크로스 브라우징: 모든 브라우저 또는 기기에서사이트가 제대로 작동할 수 있도록 하는 기법 (반응형 웹) 컨텐츠: 열린 태그와 닫힌 태그 사이에 있는 내용물 속성: HTML 태그가 갖고 있는 추가 정보 img: 이미지 삽입 (닫힌 태그 X) p: paragraph의 약자로 본문 내용을 표현한다. article: 정보의 구역을 설정하는 태그, 태그 내 구역을 대표하는... 엘리스엘리스 Html/CSS 기초 자습 - TIL 2일차 뻔한것은 쓰지 않는다.(구글링으로 다 해결 가능하다.) 여러분의 시간은 소중하다. 내 레벨에서 잘 정리 안된 것들을 다시 한번 정리한다. src와 href img 태그의 src는 source약자다. href랑 헷갈리지 말 것. 태그 안에 태그를 쓴다는 개념 이해하기. 예시 결과 예시입니다 🤔 : 이거 왜 쓰는거죠? 😺 : 이걸써야 구글이나 네이버같은 검색 엔진들이 "아~ 얘는 웹표준을 잘 지... CSShtml엘리스CSS 엘리스 4일차 목요일 온라인 강의 css rotate(angle): 입력한 각도만큼 회전, 음수입력가능 scale(x, y): width가로 x배, height세로 y배만큼 변경 skew(x, y): x축, y축을 기준으로 입력한 각도만큼 비튼다. translate(x, y): 선택한 오브젝트의 좌표를 x,y 변경 transform은 최신CSS 버전에서만 가능하지만, prefix를 추가하면 하위버전의 브라우저에서도 실행 가능 ex)... 엘리스엘리스 엘리스 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 [TIL]1210 로그인 기능 구현하기 - passport-local strategy 로그인 기능 구현하기 - passport.js 설정하기 passport.authenticate를 사용해 해당 strategyt를 이용해 요청을 처리할 수 있음 로그인 기능 구현하기 - passport.js로 post요청 처리하기 express-session과 passport.session()을 사용하면 passport가 로그... TIL엘리스TIL 웹/앱 서비스 분야 AI 혁신 연령/성별, 지역, 트래픽 소스, 방문페이지, 제품 등의 측정 기준을 통해서 사용자의 특성 분석 => 사용자의 유지 이탈, 집단 간 상이한 행동 패턴 분석 가능 예) 구글 애널리틱스(웹) / 구글 파이어베이스(앱) 행동데이터 사용자가 서비스를 사용하며 겪게 되는 행동을 데이터화 한 것 A/B테스트 웹사이트 내 히트맵 분석 실습1 실습2. 손글씨 분류 딥러닝 모델 실습3. 분할된 이미지의 숫자... 파이썬머신러닝AI엘리스AI