쏘피의 코딩일기_

이번 포스팅은 스마트인재개발원 랩실스터디에서 공부한 내용을 담았습니다! 지난주 Vue.js 소개글(1) : https://jaws-coding.tistory.com/18 내 이름은 Vue.js! 나를 소개하지! [스마트인재개발원] 드디어 저의 스터디 최종 목표인 Vue.js 써보기의 도입부입니다!! 본 내용은 스마트인재개발원 랩실에서 4주 차 발표에 진행했던 Vue.js 주제를 가지고 포스팅했습니다. Vue.js란 무엇인가! 이것을 알 jaws-coding.tistory.com 이번 포스팅은 Vue.js의 장점과 사용예시를 들어보겠습니다. Vue의 장점은 크게 두 가지로 나뉘어 볼 수 있는데요, 1. 데이터 바인딩 2. 가상 돔 기반 랜더링 으로 나누어서 볼 수 있겠습니다! 1. 데이터 바인딩 Vue.j..

드디어 저의 스터디 최종 목표인 Vue.js 써보기의 도입부입니다!! 본 내용은 스마트인재개발원 랩실에서 4주 차 발표에 진행했던 Vue.js 주제를 가지고 포스팅했습니다. Vue.js란 무엇인가! 이것을 알아보기 위해 다음과 같은 순서로 설명해 볼까 합니다. SPA 프레임워크 Vue.js - Vue의 탄생 Vue의 장점 Vue의 특징 1. SPA 프레임워크 예전에는 PC용 웹사이트 하나만 만들면 되었지만 모바일 시대가 열리고, 앱이나 스마트폰 브라우저로 서비스들이 이용되기 시작하면서 이제는 어느 정도 갖춰진 사업을 하는 회사에서는 개발자들이 PC용 웹, 모바일용 웹 그리고 iOS와 안드로이드 앱과 서버까지 개발해야 하게 되었습니다. 먼저 PC용 사이트의 경우에는 접속이 들어오면 데이터베이스에서 정보들을..

AJAX 그것이 알고싶다!(1) https://jaws-coding.tistory.com/14 AJAX 그것이 알고싶다! (1) [스마트인재개발원] 본 내용은 스마트인재개발원 랩실에서 07/01 3주차 발표에 진행했던 AJAX 주제를 포스팅 해보려고 합니다. AJAX는, AJAX는 언어나 프레임 워크가 아닌 구현하는 방식을 의미합니다. 간단히 말해서, jaws-coding.tistory.com 그러면 지난번에 이어서 이번에는 AJAX의 필요성과 흐름 그리고 장단점에 대해 포스팅 해보겠습니다! 앞서 설명했던 동기와 비동기 처리방식을 선으로 나타낸 그림입니다. 동기와 비동기 처리방식을 한눈에 볼 수 있으니 차이점을 공부하실 때 참고하시면 되겠습니다. 웹이 동작하는 흐름은 AJAX가 등장한 이전과 이후로 나누..

SPA(Single Page Application)의 떠오르는 강자! Vue.js를 사용하기위한 개발환경을 설정하기 위해 VS code에 설치해봤습니다.. 먼저, 구글 창에 Node.js를 검색하여 제일 먼저 뜨는 공식 홈페이지에 접속한다. 사실 Node.js만 사용하려면 안정적인 버전인 왼쪽 버전을 써도 되지만, 나는 Vue.js를 쓰기 위해 오른쪽 버전을 다운로드하였다. (처음에 왼쪽 버전을 받아서 사용하려고 했는데, npm자체가 자꾸 에러가 나서 지우고 다시 오른쪽으로 받았더니 오류가 없었다.) 이렇게 Node.js를 설치해 주고 난 다음에 Visual Studio Code에 접속해준다. (Visual Studio Co..

본 내용은 스마트인재개발원 랩실에서 07/01 3주차 발표에 진행했던 AJAX 주제를 포스팅 해보려고 합니다. AJAX는, AJAX는 언어나 프레임 워크가 아닌 구현하는 방식을 의미합니다. 간단히 말해서, 서버와 통신하기 위해 XMLHttpRequest 객체를 사용하는 것을 말합니다. AJAX 용어에 XML이 포함되어 있기 때문에 XML만 통신 가능한 것이 아닐까 생각이 들 수도 있겠지만 XML 뿐만 아니라 저번주에 다뤘던 JSON이나 HTML, 텍스트 등을 포함한 다양한 포맷을 주고받을 수 있습니다. 무엇보다도 AJAX의 강력한 특징은 페이지 전체를 새로고침 하지 않고서도 수행이 되는 “비동기성”입니다. AJAX는 무엇을 통해 통신할까요? 웹은 문서 공유 목적으로 만들어졌기 때문에 초창기 브라우저는 동..

Decision Tree(결정 트리) 알고리즘 Tree를 만들기 위해 예/아니오 질문을 반복하며 학습한다. 다양한 *앙상블(ensemble) 모델이 존재한다 (RandomForest, GredientBoosting, XGBoost, LightGBM) 분류와 회귀에 모두 사용 가능 결정트리의 기본 구조 특징 타깃 값이 한 개인 리프 노드를 순수 노드라고 한다. 모든 노드가 순수 노드가 될 때까지 학습하면 복잡해지고 과대 적합이 된다. 새로운 데이터 포인트가 들어오면 해당하는 노드를 찾아 '분류'라면 더 많은 클래스를 선택하고, '회귀'라면 평균을 구한다. 결정 트리의 OUT-PUT Decision Tree(결정트리) 과대 적합 제어 사전 가지치기 : 노드 생성을 미리 중단 (*sklearn은 사전 가지치기..

머신러닝이란? (머신러닝 = 기계학습) -> 데이터 기반 학습 -> 예측 인공지능의 한 분야이다. 컴퓨터가 학습할 수 있도록 알고리즘, 기술 개발 통계, 데이터 마이닝, 컴퓨터 과학 등에 쓰임 (데이터 + 규칙)을 통해 답을 찾아내는 것, (데이터 + 답)을 통해 규칙을 찾아내는 것 1. 데이터 수집 - 비즈니스 목적에 알맞은 데이터 소스를 수집하는 것. 시스템이나 소프트웨어를 이용하여 로그를 수집하거나 크롤링, 하드웨어를 이용한 세상 등이 있다. 2. 데이터 전처리 - 데이터를 분석 전 깨끗하게 처리하는 것 결측치 처리 : 데이터 삭제, 다른 값으로 대체(최대값, 최솟값, 중앙값 등), 예측 모델을 활용한 값 삽입 이상치 처리 : 입력오류(데이터 삭제, 다른 값으로 대체), 자연발생(feature 추가..

오늘은 이어서 JSON과 친해지기 2탄! 을 포스팅을 해보겠습니다. JSON은 다른 언어들과도 비슷하게 String, Number, Object, Array, Boolean 그리고 null 값으로 구성되어 있습니다. JSON Object(객체) 기본구조 – ‘name-value’ 형식의 쌍 var person = { "name" : "Jason", "birth" : "88-12-02", "nation" : "Korea", } JSON 객체의 기본구조 형태는 비순서화된 set으로 이루어져 있습니다. 이를 표현하는 방식은 중괄호 {}로 시작하고 끝내며, 이 중괄호 안에 key(name)과 value를 콜론(:)으로 묶어 하나의 쌍을 만듭니다. 각각의 쌍은 콤마(,)로 구분합니다. 여담으로, 파이썬의 딕셔너리..