본문 바로가기

Java script

(21)
8 must know JS array methods and Ex filter const items = [ { name : 'bike', price: 300}, { name : 'tv', price: 1000}, { name : 'album', price: 20}, { name : 'book', price: 5}, { name : 'phone', price: 600}, { name : 'computer', price: 800}, { name : 'keyboard', price: 50}, ] const filtered = items.filter((i)=>{ return i.price>300 }) console.log(filtered) 0: {name: "tv", price: 1000} 1: {name: "phone", price: 600} 2: {name: "comput..
what is TypeScript? 타입스크립트란? 자바스크립트(동적타입) + 타입(정적{from MS}) => 안정성 보장 + 버그 감소 => better code 컴파일 단계에서 타입 검사 수행, 자바스크립트의 결점을 보완한 언어, js의 확장/보안 버전 (ECMA script 표준을 따른다.) 타입스크립트의 가장 큰 특징 중 하나는 변수 값에 데이터 타입을 지정 할 수 있다는 것이다. //TS function add (a:number, b:number){ return a+b; } console.log(add('3','5')) //js -> '35' //ts -> compile err -> params가 string으로 들어왔으나 기본 type은 number이기 때문에 타입스크립트를 쓰는 이유? 파일별 / 파일 안 부분 적용 가능 ->..
LifeCycle LifeCycle 리액트의 각 컴포넌트에는 생명주기라는 것이 있다. 이런 생명주기는 Lifecycle이라는 메소드들로 구현할 수 있다. Lifecycle은 컴포넌트가 실행되거나 업데이트되거나 제거될 때, 특정한 이벤트가 발생하는 것이다. 이러한 메소드들은 class형 컴포넌트에서만 사용이 가능하며 functional 컴포넌트에서는 react hooks를 이용해서 사용할 수 있다. 이 부분은 나중에 따로 정리하도록 하겠다. constructor(props) (mount) *메소드 바인딩 혹은 state초기화 작업이 없으면 필요하지 않다. / 먼저 super(props)를 통해 this.props를 생성자 내에서 정의해야한다. constructor는 this.state를 직접 할당할 수 있는 유일한 곳이며 ..
React-navigation이란? React-navigation React-navigation은 react-native 앱의 네비게이션 기능과 히스토리를 간단히 관리 할 수 있는 라이브러리이다. 여기서 네비게이션은 일반 리액트 앱에서 라우트 기능과 비슷하다고 볼 수 있다. 리액트의 page처럼 네이티브에는 스크린이라는 개념이 있는데, 스크린은 react-navigation의 도움을 받아서 이동이 가능하다. - Stack navigator dataStructure 중 stack의 형식으로 구현되는 네비게이터이다. 이동시 screen이 하나 씩 stack 형태로 구현된다.(후입선출 - 노드를 순서대로 넣고 노드 제거시, 마지막에 들어간 노드를 먼저 꺼냄). 최초 스크린이 가장 먼저 스택에 쌓임. - > 다음 화면으로 이동 시, (화면 상으로..