React & Reactive & React Native React 페이스북이 웹 개발을 쉽게하기 위해 만든 기술 커스텀 컴포넌트를 만들고, 쉽게 조합해서 손쉽게 만들 수 있음 Reactive 마이크로소프트가 창안한 개념 스트림과 비동기 처리등을 LINQ에서 영향을 받은 방법 비동기 처리를 할 수 있게 한 패러다임 ReactiveX(Rx)를 중심으로 여러 언어에 맞게 다양하게 구현되어있음 React Native 리액트의 접근 방법을 모바일로 확장하는 페이스북의 오픈소스 프로젝트 기존 - 모바일 자바스크립트 Tool들이 WebView를 통해 인터페이스를 구축하는 하이브리드 방식 리액트 네이티브 - 자바스크립트로 작업하지만, 인터페이스는 네이티브 위젯으로 표시하는 방식 - 네이티브 UI를 통해 이질감 없고 ..

클래스 클래스 1 class로 클래스를 정의하고, constructor로 생성자를 정의할 수 있다. 생성자 안에서 this를 이용해서, 멤버 변수를 정의할 수 있다. 밑에는 메서드를 정의하고있다. sayHello 메서드 안에서는 this로 멤버 변수에 접근할 수 있다. $(this.name) 클래스를 이용해 객체를 만들 때에는 new 키워드를 만들면된다. new Person의 'mike'는 생성자의 매개변수로 전달이된다. 이렇게 만들어진 객체로 위에서 정의한 메서드를 호출할수있다. class Person { constructor(name) { this.name = name; } sayHello() { console.log(`hello~ ${this.name}!`); } } const person = ne..

섹션 6. 제너레이터 제너레이터 1 (iterable, iterator) 함수의 실행을 중간에 멈추고, 재개할 수 있는 독특한 기능 실행을 멈출 때 값을 전달할 수 있기 때문에, 반복문에서 제너레이터가 전달하는 값을 하나씩 꺼내서 사용할 수 있다. 이는 배열이 반복문에서 사용되는 방식과 같음 다만 제너레이터는 배열과 달리 값을 미리 만들어 놓지 않는다. (값을 미리 만들어놓으면, 불필요하게 메모리를 사용하는 단점이 있기에) 제너레이터를 사용하면, 필요한 순간에 값을 계산해서 전달할 수 있기 때문에 메모리 측면에서 효율적 *와 함께 정의된 함수와 함수가 반환하는 제너레이터 객체로 구성이 된다. 제너레이터 함수 안에서 yield 키워드를 사용하면, 함수의 실행을 멈출 수 있다. function* f1() {..

잠깐, 참고하자 https://frontj.com/entry/7-Javascript%EC%9D%98-this%EC%99%80-execution-context 7. Javascript의 this와 execution context this와 execution context 자바스크립트의 혼란스러운 개념 중 하나로 this키워드에 대해 알아보도록 하겠습니다. 더불어 실행 컨텍스트(execution context)도 간단히 알아보겠습니다. 실행 컨텍스트 또한 frontj.com https://frontj.com/entry/8-Javascript%EC%9D%98-%EC%BD%9C-%EC%8A%A4%ED%83%9D%EA%B3%BC-%EC%9D%B4%EB%B2%A4%ED%8A%B8-%EB%A3%A8%ED%94%84 ..

섹션 1. 변수 선언 var의 문제점 정의 된 변수가 함수 스코프(변수가 사용될 수 있는 영역 - 변수가 정의된 위치에 의해 결정됨)를 가진다. 함수 스코프이기 때문에, 함수를 벗어난 영역에서 사용하면 에러가 발생한다. function example() { var i = 1; } console.log(i); >> 에러가 나게 된다. i 가 정의되지않았다고! 레퍼런스 에러! 프로그램의 가장 바깥에 정의하면 전역변수가 된다. 함수안에서 var를 이용하지않고, 변수에 값을 할당하면 그 변수는 전역변수가 된다. 그래서 다른곳에서도 사용할 수 있게 된다. function example1() { i = 1; } function example2() { console.log(i); } example1(); exampl..

퀴즈 링크 : https://inflearn-quiz.vercel.app/javascript 실전 자바스크립트 퀴즈 inflearn-quiz.vercel.app 퀴즈는 위의 링크를 통해 해보면 되고, 소스내에 정리를 하였다. 이는 기텁을 참고하기 바란다. https://github.com/ddo0ii/functional-javascript-01/tree/main/%EC%9E%90%EB%B0%94%EC%8A%A4%ED%81%AC%EB%A6%BD%ED%8A%B8%20%EC%A0%9C%EB%8C%80%EB%A1%9C%20%EB%B0%B0%EC%9B%8C%EB%B3%BC%EB%9E%98 GitHub - ddo0ii/functional-javascript-01: inflearn에서 '함수형 프로그래밍과 JavaS..