narlo의 Devlog

프로그래머스 - 프론트엔드 미니 데브코스 React 강의 듣기 css 속성 중 objectFit을 이용하여 이미지의 모드를 적용할 수 있다. cover, fill, contain 속성을 가질 수 있다. storybook 정의 시, control 타입을 inline-radio로 지정하여 radio 타입으로 선택받을 수 있도록 구현할 수 있다. Intersection Observer API 이용해 lazy loading 구현하기 https://developer.mozilla.org/en-US/docs/Web/API/Intersection_Observer_API Intersection Observer API - Web APIs | MDN The Intersection Observer API provides a..

프로그래머스 - 프론트엔드 미니 데브코스 자동 저장 편집기 만들기 - url에 따른 라우팅 처리 필요 debounce 같은 이벤트를 반복시킨 다음, 가장 마지막에 발생한 이벤트만 실행시키는 기 setTimeout을 이용해 1초 사이에 들어오는 입력을 감지 clearTimeout을 이용해 1초 사이에 들어오는 입력이 있다면 기존 작업을 밀고 새 작업 실행 입력 간격이 1초가 넘었을 때 storage에 저장이 되는 코드 localStorage와 DB에 저장하는 역할을 나누면 좀 더 안전하다. 클릭하지 않아도 클릭 이벤트를 발생시킬 수 있음(new Event) 서버에서 내려오는 개행값 \n textarea에서는 \n으로 개행을 처리해줌 \n을 모두 로 바꾸기 팀 프로젝트 https://github.com/CN..

장진수교수님 - 리눅스 운영체제(OS) - CPU, Memory, I/O device들을 관리하는 프로그램 - 다른 컴퓨터와 통신을 할 수 있게 도와주는 역할 - access control(접근제어) - 실행중인 프로세스를 관리 - HW에 접근할 수 있는 인터페이스를 제공 리눅스(Linux) - pc 기반 운영체제 - UNIX(서버용) => 개인용으로 만든 것이 Linux GNU(GNU'S Not Unix) - 자유 소프트웨어 - 소스코드를 다운받아 자유롭게 실행할 수 있다는 장점 Kernal - File Management - IPC(Inter process Communication) - CPU Scheduler - Process Management - Primary and Secondary Stora..

양희철교수님 - 데이터분석 K-nearest neighbor classification 새로운 데이터와 가장 가까운 K개만 보고, 클래스를 결정하는 방법 K 값에 따라 분류 결과가 달라질 수 있다. Clustering 데이터는 존재하지만 데이터의 label이나 category가 주어지지 않은 경우 clustering을 통해 데이터를 설명할 수 있다. K-means clustering => w를 학습한다. Gaussian mixture clustering 데이터가 k개의 Gaussian으로 구성되어 있다고 할 때, 가장 데이터를 잘 설명하는 k개의 평균과 cov를 찾는 알고리즘 Nerual network 신경망 Activation function MLP(Multilayer Perceptron) input ..

양희철교수님 - 데이터분석 Regression Linear Regression - 독립변수와 종속변수 사이 선형식을 구하고 그 식을 이용하여 변수값이 주어졌을 때 종속변수의 변수 값을 예측하는 분석방법 - 독립변수의 개수에 따라 단순 선형과 다중 선형으로 구분 더 높은 차수 : 정확하게 표현할 수 있지만 그만큼 연산복잡도가 기하급수적으로 증가 새로운 데이터가 들어왔을 때 얼마나 잘 표현할수 있는가가 목적 차수가 높은 것이 항상 좋은 성능을 보이지는 않는다. Machine learning based regression 적절한 트레이닝 셋을 통해 learning algorithm을 만들어내고 이렇게 만들어진 h와 입력 x를 이용해 예측 y을 만들어내는 것 손실함수(loss function) 선형회귀식과 실제..

양희철교수님 - 데이터분석 데이터 전처리 - 데이터 그룹핑 : groupby() - 데이터 필터링 - 데이터 결손값(NaN) 처리 - isna() : 결손값이 있는지 확인 - dropna(axis, how, inplace) - axis : 축이 0이면 결손 데이터를 포함한 행 삭제, 1이면 열을 삭제 - how : 값이 any이면 결손 데이터가 하나라도 포함되면 제거, all이면 axis에 따라 전체가 결손 데이터여야 제거 - inplace : True이면 원본에서 결손데이터를 삭제, False는 원본은 그대로 두고 고쳐진 데이터프레임 반환 - fillna() : 결손값을 채움 - 데이터 구조 변경 - pivot() - concat() : 데이터 합치기 - 데이터 정렬 - sort_values() 데이터..

양희철교수님 - 데이터분석 데이터 분류 - structured or unstructured - i.i.d. data or non-i.i.d. data (i.i.d. : independent and identically distributed) (확률분포가 동일한) - vectorial or non-vectorial data (벡터 형태) - labeled or unlabeled data (데이터에 대해 값이 주어져 있는지) - Images, text, languages, time series, graphs and so on 회귀(Regression) - 비슷한 상관분석(Correlation analysis) 두 변수 사이에 상관관계가 존재하는지 파악하고 그 정도를 확인하는 것 관련성을 파악하는 지표로 상관..

프로그래머스 - 프론트엔드 미니 데브코스 api는 호출 시 api.js를 따로 만들어서 한 곳에 모아놓자 먼저 dummy data를 만들어 넣어보고, 렌더링이 잘 되면 이후에 API를 연결해보자 항상 방어코드 작성 고려하기 this.state.map(({id, text}) => ` { //promise 내부에서 비동기 상황이 종료될 때, resolve 함수 호출 //promise 내부에서 오류 상황일 때, reject 함수 호출 }) then을 이용해 비동기 작업 이후 실행할 작업을 지정한다. 작업이 실패했을 경우, .catch로 잡을 수 있다. 성공과 실패여부와 상관없이 호출해야 하는 코드는 finally에서 처 Promise의 내장 함수들 Promise.all(iterable) : 여러 promise..

프로그래머스 - 프론트엔드 미니 데브코스 명령형 프로그래밍 const $button1 = document.createElement('button') $button1.textContent = 'Button1' const $button2 = document.createElement('button') $button2.textContent = 'Button2' const $button3 = document.createElement('button') $button3.textContent = 'Button3' const $main = document.querySelector('#app') $main.appendChild($button1) $main.appendChild($button2) $main.appendChi..

하석재 강사님 객체지향의 포인트 - 캡슐화(디버깅의 해결책) / 상속(코드재활용) 컴포넌트 - 코드 없이 재활용 - MS COM / Sun(오라클) JavaBeans JavaBeans를 잘 알아야해요 컴파일이 되면 재활용이 가능한 구조가 된다. 컴포넌트의 제약 깔아야한다. 안깔고 원격에서 호출 안되나? => 분산 컴포넌트 등장 분산컴포넌트기술 - 원격호출 / 오브젝트(컴포넌트) 다운로드 - Directory Service - MS DCOM(Distributed COM) / Java EJB(Enterprise JavaBeans) -> Spring Bean DI(Dependency Injection) - 객체지향 개념이 발달해서 DI가 나옴 - Angular(Front-end) / Spring(Back-en..