묻고 답해요
141만명의 커뮤니티!! 함께 토론해봐요.
인프런 TOP Writers
-
미해결함수형 프로그래밍과 JavaScript ES6+ 응용편
[ 비동기 상황에서의 Lazy, Strict 기법이 혼합된 평가 ] 에 대한 이해
안녕하세요 11:45초 경의 payment를 평가하는 과정에서 발행하는 과정을 제가 이해한대로 정리해 보았는데 틀린 부분이 있는지 궁금합니다.go() 를 통해 함수들을 연달아 수행하게 한다.그 내부에는 L.range, L.map, L.takeUntil, _.flat이 들어가 있다.L.range, L.map, L.takeUntil은 모두 Lazy 함수이므로, 제너레이터를 생성한다. 즉, next()로 값을 요구하기 전까지는 리턴하는 값이 없다._.flat()은 Lazy 함수가 아닌 일반 함수이다. 따라서 리턴값을 내 놓기 위해 리턴에 해당하는 배열을 모두 채워야 한다.flat이 값을 채우기 위해 takeUntil에 next()를 요청한다.takeUntil은 flat에서 주기 위한 값을 만들기 위해 map 에 next()를 요청함.map도 마찬가지로 range에 next 요청range는 next()를 통해 1을 반환한다.map은 받은 1을 가지고 Impt.getPayments를 실행시키고, 반환되는 promise를 takeUntil에 넘김takeUntil은 받은 프로미스를 해결되면 조건식에 넣어서 판단할 것이라는 새로운 프로미스를 생성하여 리턴값으로 반환함.flat은 takeUntil로 부터 받은 프로미스가 해결되면 그 값을 자신의 결과 배열에 넣을 것이라는 프로미스를 생성하여 반환함.(* 이때 console.log를 찍게되면, 여기서 반환되는 프로미스가 출력되는 것 )잠시후에 프로미스 체인에 연결된 모든 프로미스가 resolve 되고, resolve 된 값은 flat의 결과 배열에 넣어짐. 끝나지 않은 상태이므로 flat은 takeUntil에 또 값을 요청함 ( flat 에서 해결된 프로미스는 (끝나지 않았을 경우) 다시 프로미스를 반환함. 즉, flat이 어떤 조건을 만족해서 더 받아오는 것이 끝나야 비로소 promise가 완전히 resolve 되고, 비로소 res를 리턴할 수 있음 - (* flat~takeAll~take 이므로 FxJS/Strict/take.js 코드 참조 )6~12 번의 반복flat이 takeUntil에 값을 요청했는데, takeUntil이 조건문을 만족하지 못하는 값을 받은적이 있어 false로 마감되었음. 따라서 next()를 해도 반환되지 못하고, 상태는 done임.flat은 더이상 받을 값이 없으므로, 최종 프로미스가 resolve 되고 그 동안 받아서 정리해온 배열을 리턴값으로 반환함
-
미해결Kevin의 알기 쉬운 RxJava 1부
1강에 예시로 보여주신 ToDoSample 코드에 관해 질문 드립니다!
안녕하세요! 이제 막 RxJava를 배우기 시작하였습니다 ㅎㅎ1강 14:20초 즈음에 예시로 보여주신 ToDoSample.class코드에 대해 질문 드립니다.java app은 main thread가 종료되어도 다른 non-deamon thread가 실행 중이면 app이 종료되지 않는 것으로 알고 있는데,subscribeOn( Schedulers.io() ) 메소드 실행 시, 다른 thread 가 시작하기도 전에 main thread가 종료되어, 실행 중인 thread가 없어져 app이 종료되었다고 파악해야 할까요??subscribeOn( Schedulers.io() ) 메소드를 실행하였음에도 왜 다른 스레드가 실행이 바로 되지 않는 걸까요??
-
미해결함수형 프로그래밍과 JavaScript ES6+
안녕하세요 강사님!
fxjs로 프로젝트를 해보려하는데 폴더구조를 어떤식으로 짜고 함수명을 관리해주는게 협업에 도움이 될지 고민이라 질문남깁니다...!!
-
미해결함수형 프로그래밍과 JavaScript ES6+ 응용편
input값이 이터러블 함에도 range를 쓴 이유가 궁금합니다.
_.go( L.range(Infinity), L.map(i => track[i]), L.map(({cars}) => cars), L.takeWhile(({cars:{length:l}}) => l==4), _.each(console.log));강의에서 보여주신 위 코드를 보면, range를 통해서 이터러블한 순서를 만들어, track 배열의 요소를 순회하고 있습니다.하지만 track 자체도 list 이므로 이터러블하기에, 위 방법처럼 range를 써야할 필요를 잘 모르겠습니다. 혹시 의도하신 바가 있을까요?_.go( track, L.map(({cars}) => cars), L.takeWhile(({cars:{length:l}}) => l==4), _.each(console.log));
-
미해결함수형 프로그래밍과 JavaScript ES6+ 응용편
질문있습니다!
안녕하세요. 질문 있어서 글 올립니다.만약 복잡한 reduce 함수 하나 대신 3개의 map과 간단한 reduce 함수로 분리한다면 전자는 반복을 한번만 하면 되고 후자는 반복을 총 4번 해야한다는 계산이 서는데 왜 성능상 차이가 없는 것인지 궁금합니다.스스로 찾아보려고 햇는데 실력이 부족한지 관련 내용을 찾지 못해 질문드립니다ㅠㅠ
-
해결됨함수형 프로그래밍과 JavaScript ES6+
fxts에 go가 없는 이유?
안녕하세요!저는 현재 비동기 파트를 수강중 입니다.제시해주신 함수들이 너무 매력적이라 사용하고 싶어 fxts를 찾아봤는데, go 가 API 문서에 없네요?!pipe를 호출한 값을 전달하면 되기때문인걸까?변수에 할당하는 것이 부작용을 일으킬 가능성이 크기때문에 go의 사용을 지양하는 것일까? 등등 허접한 짐작만하다가 질문 올려봅니다.go가 fxts에 없는 이유가 무엇일까요?
-
해결됨함수형 프로그래밍과 JavaScript ES6+
비동기 관련 질문입니다!
안녕하세요! 강의 잘 듣고 있습니다. 덕분에 함수형 프로그래밍에 대해 많은 관심을 가지게 되었고, 또한 실제로 회사 프로젝트 내에서도저는 fxjs를 적극 활용하여 사용하고 있습니다. 강의를 여러번 돌려 보고는 있지만 DB를 오가며 사용하는 비동기 상황에는 미흡하고 궁금해 질문 드립니다.아래는 Node.js 서비스 함수 안에서 사용 하고 있으며 DB(mysql)에 접근해 update하는 로직입니다. fn: async() => { _.go( 배열, _.map(로직), _.each(async(num) => await MemberBookmark.update({ where: { target_id: num } })), ); } map으로 가공된 배열을 활용하여 each에서 DB를 업데이트 하는 로직으로 위와 같이 작성 하였는데 문제는 없을지 모르겠습니다. 일단 작동은 제대로 하는데each함수 내에서 async(num) => await Model 업데이트 이런 식으로 비동기적인 작업을 해도 괜찮을지 궁금합니다!
-
미해결함수형 프로그래밍과 JavaScript ES6+
질문 있습니다.
안녕하세요. 수업 중 이해를 잘 못한것 같아 질문 드립니다.const value = [[1, 2], [3, 4], [6, 7, 8]]; L.flatMap = curry(pipe( L.map, L.flatten, )); let it = L.flatMap(map(a => a * a), value) log(...it)위 코드가 돌아가는 과정을 한눈에 이해하기 어렵네요. 제가 생각한 흐름은 아래와 같은데 봐주실수 있을까요??L.flatMap을 만든다. L.flatMap은 인자를 받을 준비를 하는 함수로 인자를 받으면 L.map과 L.flatten을 차례로 실행시켜 준다. L.flatMap의 내부 함수 pipe를 curry로 감싸긴 했지만 실행시 인자 2개를 같이 넣어줄 것이기 때문에 의미 없다. L.flatMap을 실행시켜준다. 첫번째 인자로 map(a => a a) 두번째 인자로 value 값을 넣는다. 넣은 값은 L.map으로 간다. \L.map과 L.flatMap의 인자로 들어온 인자(a => a a, value)는 L.map과 합성된다. 하지만 L.map 안에 log가 바로 찍히지 않는다. 왜냐면 제너레이터는 값이 필요해질 때(next()) 코드가 실행된다. 첫 번째 값이 필요 없다면 아예 실행되지 않고 map(a => a a)와 value가 들어간 상태로 대기?한다. 그 후 L.flatMap 함수를 평가해 값을 하나씩 가져오게 되면 L.flatten으로 가서 값을 만드려 하는데 iter 값이 없으므로 L.map으로 간다. L.map 으로 가서 값을 만드는데 이터러블한 데이터를 하나 가져와서 3번에서 인자로 받은 map(a => a a)을 이용해 값을 다룬 후 yield로 보내준다.차례대로 값을 가져온다.다시 앞으로 돌아가서 천천히 복습해보는게 좋을까요? 아니면 일단 들어보면서 이해해보는게 좋을까요? 어렵지만 강의와 강의 내용은 너무 재밌습니다. 감사합니다.
-
해결됨함수형 프로그래밍과 JavaScript ES6+
강의 중 혼란스러운 부분이 생겨 질문 드립니다.
안녕하세요 강의 중 혼란스러운 부분이 생겨 질문 드립니다.const queryStr2 = pipe( Object.entries, L.map(([k, v]) => `${k}=${v}`), function(a) { log(a) return a; }, join('&'), )위 코드에서 Object.entries는 Lazy하게 구현한 것이 아니라 빌트인 객체의 메서드를 사용했다고 이해 했는데 L.map으로 인해 a값이 Object [Generator] {} 인걸 이해 못했습니다. Object.entries가 이터레이션 프로토콜을 따르는 이터레이터라는 것까진 이해 했는데 내부적으로 제너레이터로 구현이 돼 있는 걸까요?? 값을 yield로 리턴하도록 구현돼 있는 것인지 궁금합니다. 아니면 Object.entries는 이미 평가 된 상태에서 L.map 부분만 지연 평가가 돼 Generator가 된 걸까요?
-
해결됨[코드팩토리] [입문] Dart 언어 4시간만에 완전정복
질문드립니다!
코팩님 안녕하세요! 다름이아니라 플러터 앱개발 공부에 대해 질문좀 드리겠습니다!저는 앱을 빠른시일내에 만드는게 목표인데, 아이디어는 이미 있고, 만들 실력만 빨리 키우면 됩니다.그래서 플러터앱개발을 배우려고 하는데 알아보니 코팩님 강의도 이렇게 3개가 있지만 책도 내셨더라고요?? 그래서 말인데, 저같이 빨리 실력을 길러서 빨리 앱을 출시하는게 목적인 사람에게는 코팩님 책으로 공부하는게 더 좋을까요 아니면 인프런에 있는 코팩님 강의들을 듣는게 더 좋을까요?? 추천 부탁드립니다!! 또, 이 강의들과 교재에 내용간 차이점이나 다른점도 알려주세요!!
-
해결됨함수형 프로그래밍과 JavaScript ES6+
안녕하세요 질문 있습니다.
강의에서는 체크 박스가 체크된 아이템을 is_selected로 구분해서 추려낸 다음 총 합계와 총 가격을 표시해줬습니다.그런데 어쨌든 체크된 아이템을 총 2번 순회하게 된다는건데 이렇게 하지 않고 두 아이템을 배열이나 키가 있는 객체에 함께 담아서 리턴하는 식으로 데이터를 다루는건 별로일까요??이렇게 되면 map을 사용해서 특정 데이터를 뽑아내지 않고 reduce를 통해서 데이터의 전체 값을 가지고 있어야 할거 같은데 그럼 오히려 수량을 계산하는 보조함수와 가격을 계산하는 보조함수가 묶이게 돼 안좋게 되나 싶어서 궁금합니다.또는 아직 안배운 다른 방법이 있어서 일단 강의를 들으면 될지도 궁금합니다. 감사합니다. 강의가 너무 재밌네요.
-
미해결자바스크립트로 알아보는 함수형 프로그래밍 (ES5)
ES5 강의를 듣고 ES6 강의를 듣는게 좋을까요?
안녕하세요 선생님!강의가 너무 좋아서 자바스크립트 프로그래밍 ES6 강의도 수강했는데요. ES5 듣는데 너무 어렵네요 ㅜㅜ 이거 이해 갈때까지 반복 학습하고 있는데 ES5을 완강 후 ES6로 넘어가는게 좋을지 질문 드립니다
-
미해결함수형 프로그래밍과 JavaScript ES6+ 응용편
DB Insert관련
강의들으면서 공부할겸 게시판을 만들고 있는데예를 들어 이런 식의 html이 있고<input id='title'/><textarea id='content'/><button onclick="onSave">save</button> 실제 코드는 다른데 대략적으로 이런식의 자바스크립트 코드가 있다고 치면async onSave(event) { const param = { title: document.getelementByID('title').value, content: document.getelementByID('content').value } await _.go( [param], _.each(v => { //validation 함수 if (!v.title) {alert('title을입력하세요'); throw new Error(message);} } ), v=>insertData({data:v}), //db insert method _.tap(v=>{ alert('데이터저장성공'); location.href='list.html'; //게시글 작성후 list페이지로 redirect }) ) }이렇게 go에서 validation이나 redirect함수를 넣는것과아래처럼 따로 빼네는것async onSave(event) { const param = { title: document.getelementByID('title').value, content: document.getelementByID('content').value } if(!param.title) { alert('title을입력하세요'); return ; } await _.go( [param], v=>insertData({data:v}), _.tap(v=>{ alert('데이터저장성공') }) ) location.href='list.html'; }둘중 어떤것을 더 선호하고 효율적인지 알고싶습니다.
-
미해결함수형 프로그래밍과 JavaScript ES6+
로직 질문
6분20초 쯤에if (a == l) return; 을 지우셨는데이걸 안지워도 결과가 똑같던데 무슨 차인가요??그리고 infinity(i = 0) 이렇게 되어있으면 36번째 라인에 infinity(1)은 의미가 없지 않나요?
-
미해결[코드팩토리] [입문] Dart 언어 4시간만에 완전정복
schedule_bottom_sheet 창 실행오류
안녕하세요. 'Schedule 저장해버리기' 강의를 듣고 따라하던중 갑자기 어느순간 bottom sheet 버튼을 클릭하면 창이 나오지 않고 사진처럼 오류난 것처럼 회색창으로 변합니다.다른 메인 캘린더나 스케쥴카드 이런 부분에서는 전혀 오류가 없는데 bottom sheet 버튼을 눌렀을 때 이런 오류가 생깁니다.에러코드는RenderBox was not laid out: RenderPointerListener#fd365 relayoutBoundary=up1 NEEDS-COMPOSITING-BITS-UPDATE'package:flutter/src/rendering/box.dart':Failed assertion: line 2001 pos 12: 'hasSize' is not true.이렇게 뜨는데 어느부분이 잘못되었는지 도저히 원인을 못찾겠습니다.도움 부탁드립니다.
-
해결됨[코드팩토리] [입문] Dart 언어 4시간만에 완전정복
[질문] cascading operator 설명하실 때
- 학습 관련 질문을 남겨주세요. 상세히 작성하면 더 좋아요! - 먼저 유사한 질문이 있었는지 검색해보세요. - 서로 예의를 지키며 존중하는 문화를 만들어가요. - 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요. ...는 Spread Operator 이고..이 Cascading Operator 아닌가해서 질문드립니다. dart 강의 3강, 32분 쯤에 나오는 내용입니다.
-
미해결자바스크립트로 알아보는 함수형 프로그래밍 (ES5)
_get 함수 부분이 너무 이해가 안갑니다 ㅠ
안녕하세요.지금 강의를 여러번 돌려보고 천천히 생각하는데도전혀 이해가 되지 않습니다 ㅠ // 2. _get 만들어 좀 더 간단하게 하기 console.log( _map( _filter(users, function(user) { return user.age >= 30; }), _get('name'))); // function(user) { return user.name}여기 코드에서 _get('name')에 인자가 더 들어가야되지않나여??...예시들 중에서var user1 = users[0]; console.log(user1.name); console.log(_get(user1, 'name')); console.log(_get('name')(user1)); var get_name = _get('name'); console.log( get_name(user1) );여기서 보면 _get('name')(user1)이라고 썼는데_map에서 사용했을때 어떻게 저렇게 동작이 되는지 잘 이해가 안되네요 ㅠ 설명 좀 부탁드리겠습니다 ㅠ다른 질문들 보니 저랑 같은 생각하시는 분께 답변이차근차근 생각해보라고 되어있는데 계속 봐도 이해가 안가서 다시 질문올립니다 ㅠ
-
미해결[코드팩토리] [입문] Dart 언어 4시간만에 완전정복
초급자 질문
안녕하세요 dart강의로 코딩을 시작해보려고 강의를 들어봤습니다 제가 너무 초급자라서 그런지 잘 이해를 못하는 것 같은데 선행으로 하면 좋을 언어가 있을까요?
-
미해결[코드팩토리] [입문] Dart 언어 4시간만에 완전정복
CachedNetworkImage 로 인한 memory leak 문제..
안녕하세요 코드팩토리님!선생님의 dart강의를 듣고flutter로 혼자 사이드 프로젝트를 진행하고 있는 중에 질문이 있어 이렇게 글을 남깁니다.다만 무료 dart 강의만 듣고 flutter 질문을 드리는 것이 죄송하네요..ㅜㅜ 우여곡절끝에 제가 생각하던 앱을 비슷하게나마 완성을 했는데요.아기 사진을 가족들과 공유할수 있는 사진앨범 앱을 만들었습니다. 기본적으로 firebase를 연동하여 데이터를 받아와서, gridview 이미지들을 보여주고있습니다.스크롤 시, 추가적으로 데이터들을 받아와서 이미지들을 보여주게 되는데요여기서 이미지들이 다 불러와지지 않은 상태에서빠르게 스크롤을 하면 앱이 꺼져버리는 문제가 생겼습니다. 구글링 및 디버깅을 해보니 memory leak으로 앱이 꺼지는 것 같은데Image.network를 CachedNetworkImage로 바꿔도 보고setState를 남발해서 그런가 싶어서 코드팩토리님 유튜브의 'provider로 sns 스타일 infinite scroll 구현하기!' 를 참고하여provider로 상태관리를 하도록 바꿔도 보고const를 선언할수 있는 부분은 선언하고최대한 build를 호출 안하게끔, build에 복잡한 로직이 안들어가게끔 수정하였는데요.그럼에도 불구하고 이 문제는 고쳐지지가 않더라구요 ㅜㅜ 불러오는 이미지 url을 CachedNetworkImage로 보여주지 않고그냥 Text로 보여주면 해당 문제가 안나오는걸로 봐선뭔가 이미지 관련해서 문제가 있는것 같긴한데어떻게 해결해야하는지 감이 잡히지도 않고, 답답한 심정입니다 ㅜㅜ괜찮으시다면 방법을 제시해주실수 있을까 싶어 질문남깁니다.감사합니다!
-
미해결함수형 프로그래밍과 JavaScript ES6+
병렬평가 질문 있습니다!
C.reduce = curry((f, acc, iter) => { log([...acc]); return iter ? reduce(f, acc, catchNoop(iter)) : reduce(f, catchNoop(acc)); });reduce에 acc를 전개연산자로 펼쳐서 전달하지 않고 이전에 하게 되면 저렇게 iterable의 값이 모두 소비된 상태로 전달 되기 때문에 reduce의 값이 undefined로 평가 되는 것일까요...?