Пікірлер

• 
  @goodjob4267Күн бұрын

  안녕하세요 인동댕님 ㅎㅎ 다름이 아니라 인프런 강의와 지금 유튜브 올려주시는 것들 어떤 순서로 학습하면 더 이해에 도움이 될까 여쭤봅니다 :)

• 
  @indongdangКүн бұрын

  인프런 강의 안보신 분들이라고 생각하고 영상을 찍고 있긴해요. 그치만 아무래도 인프런 모두 보신 후 보시면 이해에는 가장 좋기는 해요. 만일 함수형과 비동기가 어느정도 익숙하다면 순서는 상관 없을거 같아요. :)

• 
  @goodjob4267Күн бұрын

  빠른 답변 감사합니다 ;) 그리고 추가로 올려주시는 양질의 컨텐츠 매우 좋습니다. 혹시 가능하다면 개발자 상담소 같은 컨텐츠도 좋을 것 같아요 CTO 입장에서 바라보는 시선도 궁금할 것 같아서요 ㅎㅎ

• 
  @indongdangКүн бұрын

  @@goodjob4267 감사해요. 컨텐츠 아이디어 많이 내주세요 :) 비슷한 요청을 주신 분들이 계시긴한데 가볍게 한 번 시도해볼까요? :)

• 
  @user-zd5tm8hx7eКүн бұрын

  나중에 번외로 서버 사이드 (expressjs)와 함께 다루는 것도 알려주실수 있으실까요?

• 
  @indongdangКүн бұрын

  네 그럼요 :)

• 
  @pbh2712 күн бұрын

  0:00 [세번째 질문] : Promise.all 을 사용해보셨나요? 혹시 사용해보셨다면 언제 사용해보셨고, 안 해보셨다면 언제 사용하시는게 좋을까요? -> 0:36 사용예시 5:14 [토막질문] : 왜 이 함수는 왜 총 실행시간이 2초가 아닌 1초가 나올까요? -> 9:09 1초가 나오는 이유와 해결 방법

• 
  @jjo9542 күн бұрын

  예전에 있었던 Marionette.js나 woowahan.js 같은 backbone 기반의 프레임웍을 ES6 + TS버전으로 보는듯하네요 ㅎㅎ 잘 보았습니다~!

• 
  @indongdang2 күн бұрын

  재밌게 봐주셔서 감사합니다. 동감합니다. :) Rune은 iOS SDK로부터 받은 영감을 많이 적용했습니다! :)

• 
  @jjo9542 күн бұрын

  ​@@indongdang 실무에서 비슷한 프레임웍을 쓰는 프로젝트가 있는데.. 그 프레임워크에서 까다롭고 귀찮았던 collection 처리, conditional view 처리, 비동기 처리 view 처리 같은 부분을 rune.js에서는 앞으로 어떤식으로 해결하실지 매우 기대가 되네요..! 팔로우 하면서 영감 많이 받아가겠습니다. (star를 누르며...)

• 
  @indongdang2 күн бұрын

  @@jjo954 저희는 비동기로직을 함수형 프로그래밍적으로 다루고 있어요. 그리고 보통 데이터를 모두 준비한 후에 뷰의 변화는 한 번에 다루고 있어요. 비동기/동시성 프로그래밍 관련해서는 수요코딩회 1회 영상을 참고해주세요 :) fxts: github.com/marpple/FxTS 영상링크: kzread.info/head/PLIa4-DYeLtn1I7pQEMbYITbl8SYm2AqXX&si=aeihSIqmWH3t5vt9

• 
  @jjo9542 күн бұрын

  @@indongdang 친절한 설명 감사합니다~ 영상 챙겨볼게요 :) 좋은 주말 보내세요!

• 
  @jeonghohyeon80103 күн бұрын

  제가 지금까지 본 개발 유튜브 중에서 가장 유익하네요.

• 
  @indongdang3 күн бұрын

  감사합니다!! :)

• 
  @pbh2714 күн бұрын

  14:55 라이브러리에 의존하지 않고 객체지향으로 리액티브함을 구현

• 
  @indongdang4 күн бұрын

  화이팅

• 
  @pbh2716 күн бұрын

  강의 하이라이트 19:27 예전에는 특정 패러다임의 장 단을 가려 선택했지만, 요즘 많은 언어들이 다양한 패러다임을 가지고 있기 때문에 멀티 패러다임을 고려하여 해결하고 싶은 문제에 패러다임을 적용하면 됩니다. 따라서 여러 패러다임을 이해하고 적용할줄 아는것이 중요합니다.

• 
  @indongdang5 күн бұрын

  😊

• 
  @se_7876 күн бұрын

  코드로도 타임아웃을 구현할 수 있네요 감사합니다.

• 
  @indongdang6 күн бұрын

  재밌게 봐주셔서 감사합니다 :)

• 
  @Offjjruedifoeor8 күн бұрын

  프론트엔드 주니어 개발자입니다. 아직까지 실무에서 제너레이터 함수를 전혀 쓴적이 없는데 강의들을보니 제가 제한된 사고를 갖고 있었던것 같은 느낌이 들었고 뭔가 미지의 세계에 한발 내딛은것같은 기분이네요. 앞으로 이런 프론트엔드 꿀팁영상 많이많이 올려주시면 챙겨보겠습니다!! 화이팅입니당

• 
  @indongdang8 күн бұрын

  고맙습니다. 멋진 일 가득한 개발자 되세요 :)

• 
  @cream0377410 күн бұрын

  감사합니다!! 많이 보고 배울게요~~!!!! 다음 수요코딩회 저도 기다려집니다~!!ㅋ

• 
  @indongdang10 күн бұрын

  👍

• 
  @pbh27111 күн бұрын

  0:39 [첫번째 질문] new Promise 를 직접 코딩해본 적 있으신가요? -> 3:55 질문 취지 4:42 [두번째 질문] Promise.race를 사용해보신 적이 있으신가요? 혹시 없다면 언제 사용해보는게 좋을까요? -> 9:50 Promise.race 사용 예시 (파일 다운로드 제한시간 설정) -> 12:07 질문 취지

• 
  @user-uw4rl4zn4i15 күн бұрын

  다음 수요코딩회도 기대됩니다 하하

• 
  @indongdang14 күн бұрын

  재밌게 보셨나요? :)

• 
  @user-uw4rl4zn4i14 күн бұрын

  @@indongdang 그럼요!! 혹시 채널 커뮤니티에 자바스크립트 생태계 이미지 3회에서 설명하셨던 기억이 나는데 이건 따로 영상이 없을까요?

• 
  @indongdang14 күн бұрын

  @@user-uw4rl4zn4i 우선은 내용 흐름상 편집했구요. 4회를 마무리하면서 다시 설명하려고 해요 :)

• 
  @Dev_softer-hv8ni15 күн бұрын

  헉 fxTS 만드신 분이였다니

• 
  @indongdang15 күн бұрын

  저는 FxJS를 만들었고 FxTS는 저희 회사 현우님과 도형님이 만드셨어요 :)

• 
  @jasonlabo590415 күн бұрын

  이것만 기다리고 있었다고 하면 믿어주시나요?

• 
  @indongdang15 күн бұрын

  크크 감사 😲

• 
  @user-ii4xv5vi3m18 күн бұрын

  안녕하세요 유인동님 강의 너무 감사히 들었습니다. 구조의 문제와 로직의 문제를 어떻게 구분해야 하나요? 값의구조라는것이 타입을 만드는 느낌이 드는데요.. 제 짧은 관점에서는 하나의 if문을 클래스로 만든것 같습니다..

• 
  @indongdang18 күн бұрын

  안녕하세요. 들어주셔서 감사합니다. 3:56 까지의 코드에서 하나의 if 문 만으로 중첩 html 의 문제를 해결하는 시도를 직접 해보시면 제가 전달하고자 하는 부분이 더 이해가 잘 되실 것으로 생각해요. 하나의 if 문만으로는 해결할 수 없고 if 를 돕는 어떤 형태로든 새로운 값이 있어야할 것입니다. 새로운 값을 만들 때 그 값은 values로 넘어온 또 다른 값들과 확실하고 안전하게 구분이 될 수 있어야할 것입니다. 그리고 if를 하기 위해 안쪽의 html 결과가 새로운 값이 되고나면 결국 바깥쪽의 html의 결과도 문자열이 아니게 될 것입니다. 그럼 문자열로 바꾸는 일도 다시 해줘야하게 됩니다. 하나의 if 문 만으로 해결하려는 다양한 시도를 해보시면 생각보다 어려운 문제라는 것을 아실 수 있을 것 같습니다. :)

• 
  @user-in8ok5ls6e18 күн бұрын

  안녕하세요! 라이브를 너무 인상적으로 시청했어서 인프런 강의까지 들어보려고합니다. "함수형 프로그래밍과 JavaScript ES6+ 응용편" 강의 지금 들어봐도 괜찮은 강의 일까요 ?

• 
  @indongdang18 күн бұрын

  감사합니다. 지금 들으셔도 좋은 내용일거라 생각합니다. 응용편 이전 강의인 함수형 프로그래밍과 JavaScript ES6+ 도 함께 보시는게 좋긴 할거 같아요 :)

• 
  @user-in8ok5ls6e18 күн бұрын

  @@indongdang 네 사실 나 정도면 중급부터 들어도 되겠지 라고 생각하고 미리보기 조금 봤는데 바로 초급부터 해야겠다는 생각 들었습니다 잘 들어보겠습니다! ㅋㅋ

• 
  @indongdang18 күн бұрын

  @@user-in8ok5ls6e 감사해요. 재밌게 들어주세요 :)

• 
  @user-bp7lt9mb8b19 күн бұрын

  안녕하세요 영상 너무 잘보고 있습니다! 해당 강의에서 사용하신 코드 활용해서 LeetCode 문제를 풀었습니다. 풀면서 배운 내용을 포스팅 해보려고 하는데 괜찮을까요? 출처 남기겠습니다!

• 
  @indongdang19 күн бұрын

  너무 좋습니다 :) 포스팅하시고 링크 댓글에 남겨주시면 저도 한 번 구경가겠습니다!

• 
  @user-bp7lt9mb8b18 күн бұрын

  링크 다니 댓글이 계속 삭제되네요ㅎㅎ 프로필에 개발 블로그 링크 달아뒀습니다!! 강의 보면서 많이 배우고 있습니다 감사합니다!!

• 
  @indongdang16 күн бұрын

  @@user-bp7lt9mb8b 커뮤니티에 공유했어요 화이팅!

• 
  @gaengedev258323 күн бұрын

  인동댕님 김남길 닮으셨어요 ㅎㅎ😄

• 
  @indongdang23 күн бұрын

  전혀 모르겠지만 감사합니다 🫣

• 
  @user-hr2eb9cl3b25 күн бұрын

  감사합니다

• 
  @user-zd5tm8hx7e25 күн бұрын

  실무에서 태그드 템플릿을 사용할 떄 궁금한 점이 있습니다. index.html에서 실제 html을 작성하면 잘못된 태그의 경우 경고창이 뜨고 자동 완성이 되는 등 편리한데요. 태그드 템플릿에서는 그런 기능이 없어 보여서 실수할 여지가 있을 거 같습니다. 가령 현재 작성중인 예시에서 <hello></hello> 라는 태그를 적어도 경고가 안뜰거 같아서요. 혹시 이에 대한 꿀팁도 있으실까요?

• 
  @indongdang25 күн бұрын

  요즘 사용되는 IDE 들에서는 tagged templates 안에서도 어떤 언어의 문법으로 작성하고 힌트를 주고, 자동완성해주고 색상을 넣어줄 것인지 설정할 수 있습니다. HTML이라거나 SQL이라거나요. 제 영상에서의 html`` 내부에서도 HTML 문법에 따라 색상이 잘 나와주고 있고 자동 완성도 되고 있으며 경고를 주는 밑줄도 모두 뜨고 있습니다. :) 제가 현재 사용하는 웹스톰에서는 설치 후 별도의 설정 없이도 html`` 은 HTML 문법을 지원하도록 되어있네요! 그 외에도 prettier와 같은 것들도 설정 가능합니다. :)

• 
  @user-zd5tm8hx7e25 күн бұрын

  @@indongdang 감사합니다~

• 
  @simp_lex25 күн бұрын

  async function concurrent(limit, ps) { let queue = [] let end = Math.min(limit, ps.length); for(let i = 0; i < end; i++) queue.push(ps[i]()) while(end < ps.length) { await Promise.race(queue); queue.shift(); queue.push(ps[end++]()); } await Promise.all(queue); } async function delay(ms, val) { return await new Promise(resolve => setTimeout(resolve, ms)) } await concurrent(3, [() => delay(1000, "a"), () => delay(5000, "b"),() => delay(10000, "c"), () => delay(10000, "d"), () => delay(6000, "e"),() => delay(7000, "f")]) 이걸 원하신줄 알았는데 아니었군요

• 
  @indongdang25 күн бұрын

  유튜브 댓글에서 코드를 보니 신기하네요 :) 명령형 코드다보니 해석하기가 너무 어렵네요ㅠ_ㅠ 코드 공유 감사합니다 :)

• 
  @simp_lex25 күн бұрын

  @@indongdang Token bucket과 같은 rate limiter를 JS로 구현한 코드입니다! 즉, 청킹이 아니라 limiter 개수만큼만 태스크가 동시에 실행하는 코드입니다. 제가 JS는 잘 모르지만.. 유사하게 이렇게 구현할 수 있지 않을까 싶어서용. 제너레이터 섞어서 짤 수도 있긴 할거 같은데 생각이 안나군요 ㅎㅎㅎ..

• 
  @indongdang25 күн бұрын

  ​@@simp_lex 네 작성해주신 코드는 ​아마도 @simp_lex 님께서 원하시는대로 동작하지는 않을 것 같습니다만, 슈도코드로 작성해주셨다고 생각하고 보았습니다. 감사합니다. :)

• 
  @simp_lex25 күн бұрын

  @@indongdang 다시 생각해보니 그러네요. queue가 아니라 resolve된 요소를 찾아서 지워줘야겠네요

• 
  @simp_lex25 күн бұрын

  async function concurrent(limit, ps) { let Q = ps.slice(0, limit).map((p, i) => Promise.all([i, p()])) let left = ps.slice(limit) let result = [] while(left.length > 0) { let [pos, ret] = await Promise.race(Q) result.push(ret) console.log(pos, ret) Q[pos] = Promise.all([pos, left.shift()()]) } let r = await Promise.all(Q) return [...result, ...r.map(v => v[1])] } async function delay(ms, val) { await new Promise(resolve => setTimeout(resolve, ms)) return val } await concurrent(3, [async () => { await delay(1000, "a") console.log("done a") }, async () => { await delay(2000, "b") console.log("done b") }, async () => { await delay(5000, "c") console.log("done c") }, async () => { await delay(3000, "d") console.log("done d") }, async () => { await delay(6000, "e") console.log("done e") }, async () => { await delay(12000, "f") console.log("done f") }, async () => { await delay(3000, "g") console.log("done g") }, ]) 이렇게 돌려보니 되는거 같아요! (아마도)

• 
  @user-hr2eb9cl3b25 күн бұрын

  감사합니다

• 
  @indongdang25 күн бұрын

  저도요 :)

• 
  @user-fk6mr5dr9k21 күн бұрын

  역시는 역시 역시군요 감사합니다👍

• 
  @user-wv1do7pv6e26 күн бұрын

  재밌게 잘 들었습니다 👍👍 영상 길이도 좋고 제목도 엄청 잘 지으시는 것 같아요!

• 
  @indongdang26 күн бұрын

  크크 제목 짓기 넘 어려워요 ㅋ

• 
  @user-ii6jy4jr7k26 күн бұрын

  늘 감사합니다!

• 
  @indongdang26 күн бұрын

  저도요 :)

• 
  @user-ii6jy4jr7k26 күн бұрын

  배워갑니다 👍

• 
  @indongdang26 күн бұрын

  크크 항상 감사합니다

• 
  @user-zd5tm8hx7e27 күн бұрын

  Promise 에서 오류나 throw 던졌을 때 현재 코드가 터질거 같은데요. 이를 우회하거나 우아하게 처리하는 방법에 대해 공유해줄수 있을까요?

• 
  @indongdang27 күн бұрын

  안녕하세요. concurrent 같은 함수에서 에러가 잘 터지도록 작성하는건 바람직한 일입니다. Promise.all 같은 함수도 에러가 나면 코드가 터지는 것처럼요. 에러핸들링에 대한 제 생각은 아래 영상에 담겨 있어요. [FEConf 2019] 유인동 - ES6+ 비동기 프로그래밍과 실전 에러 핸들링 - kzread.info/dash/bejne/oW1-0LZto9HLcbQ.html 감사합니다. :)

• 
  @user-zd5tm8hx7e27 күн бұрын

  vscode에서 타입 정보가 표시되는데 어떤 플러그인을 쓰고 계실까여?

• 
  @indongdang27 күн бұрын

  WebStorm 을 사용하고 있습니다. :)

• 
  @deep-coder29 күн бұрын

  좋은 강의 감사합니다 !

• 
  @indongdang29 күн бұрын

  저도 감사합니다!

• 
  @wonsunggyu29 күн бұрын

  잘 보았습니다. 제가 보기에는 완전히 신세계네요.

• 
  @indongdang29 күн бұрын

  재밌게 봐주셔서 감사해용 :)

• 
  @AlwaysWeb29 күн бұрын

  드디어 내 유튜브 알고리즘이 제대로 동작하는구나. 재밌게 잘봤습니다

• 
  @indongdang29 күн бұрын

  고맙습니당 수요코딩회 2회도 있습니다 :)