hubring

https://boxfoxs.tistory.com/395 React - Functional Component의 장점, Hook React 16.8 버전부터 FC - Functional Component(함수형 컴포넌트)에 State를 사용할 수 있도록 해 주는 Hooks 라는 개념이 생겼습니다. 스스로 Hooks 는 별로 중요한 기능이 아니라고 생각했었지만, React 개발자 boxfoxs.tistory.com 힘수형 컴포넌트는 클래스형 컴포넌트보다 선언하기 편하며 메모리 자원도 덜 사용함 또한 프로젝트를 완성하여 빌드한 후 배포할 경우 함수형 컴포넌트를 사용하는 것이 결과물의 파일 크기가 더 작음 (하지만 성능과 파일 크기 면에서 사실상 큰 차이는 없음..) 함수형 컴포넌트는 State와 LifeCyc..

vscode에서 Reactjs code snippets 확장 설치 해당 확장 패키지를 다운로드 받으면 간단한 키 입력으로 React 구문을 자동 생성해 줄 수 있다. 클래스 형태로 만들어진 컴포넌트 생성 (js파일) rcc 함수형 컴포넌트 생성 rsc 객체 안에서 사용되는 [e.target.name]: 문법은 속성 계산명 이라는 문법 handleChange = (e) => { this.setState({ [e.target.name]: e.target.value }); } https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Operators/Object_initializer 객체 초기자 객체는 new Object(), Object.create()..

Nodejs 웹팩,바벨을 이용하기 위해선 설치해주어야 한다. 윈도우의 경우 아래 링크에서 다운로드 https://nodejs.org/ko/ Node.js Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine. nodejs.org macOS or Linux의 경우 nvm이용 curl -o- https://raw.githubusercontent.com/creationix/nvm/v0.33.11/install.sh | bash nvm install --lts yarn Node를 설치하면 npm이 설치됨. 대신 yarn을 사용하는 것을 추천 조금 개선된 버전의 npm이라 생각하면 됨. -> 더 나은 속도, 더 나은 최신 시스템을 사용하기..

Props와 State Props 사용하는 방법 부모 컴포넌트가 자식 컴포넌트에 값을 전달하기 위해 사용. 읽기전용으로 사용 (중요*) 예제) 자식 컴포넌트( 부모로부터 name을 받아 보여줌 ) class MyName extends Component { render() { return ( 안녕하세요! 제 이름은 {this.props.name} 입니다. ); } } 부모 컴포넌트 (자식 컴포넌트에 name 전달) class App extends Component { render() { return ( ); } } 기본값 props 사용하기 (defaultProps) 부모에서 name을 전달을 생략해도 '기본이름'이 나타나게 됨 class MyName extends Component { static def..

Front End 라이브러리란? 웹 돔 관리와 상태값 업데이트 관리를 최소한으로 하고 오직 기능기반 사용자 인터페이스에 집중할 수 있도록 그동안 많은 front end 라이브러리나 프레임워크가 만들어졌다. (react, angular, vue 등..) 3대장 프레임워크 소개 Angular 다양한 기능들이 내장되어 있음. ex ) http client, router, 다국어지원 공식 라이브러리도 지원, 현재는 많은 기업들이 사용하고 있음. Angular2부터 Typesciprt를 표준으로 사용하고 있음 React Component에 집중된 프레임워크가 아닌 라이브러리임. 페이스북에서 나옴, 앵귤러와 달리 View만 신경씀. 다양한 써드파티 라이브러리들이 있음. (공식 라이브러리 없음.) 사용하는 기업이 많..

위치 서울 서초구 논현로 27 소호정 https://m.place.naver.com/restaurant/11720823/location?entry=plt 메뉴 메뉴판, 보다시피 메뉴는 몇개 없고. 가격이 적혀있지 않아 가게 문 앞에 메뉴판을 보고 들어가는게 좋다. 유명한 집이라 그런지 적은 메뉴로 품질 좋은 음식을 주겠다는 것을 보여주는 듯하지만.. 분식집 음식을 좋아하는 나에게 익숙하진 않다... 사진 얇은 칼국수 면에 진한 고기육수로 만든 안동국시 가격은 꽤 비싼편이나 한번쯤 부모님을 모시고 먹어봤으면 하는 음식이다.안동국시와 어울리는 기본반찬들 안동국시는 짜지않고 맛이 심심하기에 반찬과 함께 먹어야 진짜 맛을 느낄 수 있다. 꼭 국수와 함께 먹지 않고 그냥 먹어도 맛은 있다. 개인적으로 깻잎 조림이..

위치 서울 강서구 공항대로 269-15 힐스테이트에코 A동203호 https://m.place.naver.com/restaurant/316043546/location?entry=ple 메뉴 (사진을 못찍어서 네이버 메뉴로 대체)https://m.store.naver.com/restaurants/316043546/tabs/menus/default/list?more=false 사진메뉴에는 없는 꽃등심 스테이크 (크리스마스기념 메뉴인듯 하다.) 고기는 질기지 않고 부드럽게 씹히면서 양념간이 적당히 베어 맛있었다. 메뉴판의 스테이크 중 가장 비싼지만 다른 집에 비해선 매우 싼 가격의 스테이크라 가성비있다 생각한다. 스테이크와 함께 나오는 버섯과 호박 무침(?)도 좋긴 했지만 계속 먹다보면 느끼한 감이 있기에 약..

소개 k-인접이웃(K-nearest neighbor 이하 k-NN)분류모형은 새로운 데이터(설명변수값)에 대해 이와 가장 유사한(거리가 가까운) k-개의 과거 자료(설명변수값)의 결과(반응변수, 집단)를 이용 다수결(magority vote)로 분류한다. -> 분류나 회귀에 사용되는 비모수 방식. 과거자료를 이용하여 미리 분류모형을 수립하는 것이 아니라, 과거 데이터를 저장만 해두고 필요시 비교를 수행하는 방식이다. k 값의 선택에 따라 새로운 데이터에 대한 분류의 결과가 달라짐에 유의하여야 한다. k-NN은 반응변수가 범주형인 경우에는 분류(classification)의 목적으로, 반응변수가 연속형인 경우에는 회귀(regression)의 목적으로 사용될 수 있다. k-NN 분류에서 출력은 소속된 항목이..