Javascript
-
class 스타일 vs function 스타일(종합)Javascript/React 2020. 2. 26. 14:43
■각 스타일 장단점- class 스타일- 장점 : react 기능 풀파워로 사용 가능- 단점 : class 문법을 따로 익혀야 하고 코드가 장황함(life cycle api 등) - function 스타일- 장점 : 함수 문법만 알면사용 가능- 단점 : 몇몇 기능 지원 불가(state,life cycle api 등) -> 제한적으로만 사용되었음- 그러나 hook이 등장하면서 지원되지 않았던 기능들을 사용할 수 있게 됨 - 참고로 리액트 공식 단체?는 function 스타일을 더 선호한다고 한다. ■props, state- class 스타일 vs function 스타일(props,state) ■life cycle api- class 스타일 vs function 스타일(life cycle api) ■기타 꿀..
-
React Native 특징Javascript/React 2020. 1. 27. 15:19
■React-Native 간략 특징 - RN은 해외에서 널리 사용됨 - 너무 잦은 업데이트에 개발자들이 힘들어 한다고 함 ■React와의 차이 - view가 다르다는 것- React -> 브라우저 대상- RN -> 네이티브 컴포넌트 대상 ■RN 개발 옵션 - EXPO 플랫폼-셋업 쉬움, 개발 용이함(추천)-순수 js만으로 native 앱 개발 가능(native 이해도 없어도 개발 가능)-native 관련 툴(android studio 등) 설치 없이도 단말 테스트 가능-expo launcer, detox 등의 이슈로 TDD불가-기본 앱 크기가 크다 -REACT NATIVE CLI-기본 앱 크기가 작다(부수적인것이 없기 때문)-TDD 가능
-
React Native 강의 선택!Javascript/React 2020. 1. 24. 15:43
■노마드 코더 vs 박동호's TDD 개발 방법론을 활용한 RN 앱 개발 이번 UAD2 축구 모임 관리 프로젝트를 개발하면서 front에 RN을 적용해보기로 했다. UAD1에 적용했었던 React와는 어떤 점이 다를까 궁금하다. front를 담당하는 팀원이 RN 기본적인 세팅을 하고 프로젝트 구조를 잡기로 했다. 나도 곧 front 개발에 투입되어야 하는데 기초 지식을 좀 더 쌓고싶어서 온라인 강의를듣기로 했다. 인프런에서 강의를 찾아 헤메이던 중, 두 개의 RN 강의를 찾을 수 있었다.(여러 개 더 있었지만 두 강의가 젤 적합한 것 같다) 노마드 코더의 강의는 무료라는 점이 가장 좋았다. 하지만 한글 자막으로 수강해야 하기때문에 약간의 번거로움?이 있다는 단점이 있었다. 박동호씨의 강의는 TDD에 기반..
-
js엔진 구성 요소Javascript/Basics 2019. 4. 6. 14:23
■브라우저 엔진의 종류- js엔진- js로 작성된 코드를 해석하고 실행하는 '인터프리터'- 대표적으로 구글의 V8이 있음- heap, call stack, task queue, event loop, background로 구성- setTimeout, ajax, dom 등의 몇몇 요소들은 js 엔진 소속이 아닌 브라우저 소속.이들을 WebAPI 라고 부름 - rendering엔진 (또는 layout엔진)- html과 css로 작성된 마크업 관련 코드를 rendering하는 엔진 ■js엔진 구성 요소- heap- 동적으로 생성된 객체(인스턴스)가 할당되는 공간 - call stack- 호출된 메소드가 프레임이라는 단위로 쌓이는 공간- 여러 메소드가 쌓이게 되면 가장 최근에 호출된 메소드부터 차례대로 실행되고,..