@hyobin
受講生
13,987
受講レビュー
548
講義評価
4.9
안녕하세요 김효빈입니다 🙇♀
문의는 hbin12212@gmail.com 으로 부탁드립니다!
웹 페이지
https://hyobb.com/
온라인 강의
한 번에 끝내는 자바스크립트: 바닐라 자바스크립트로 SPA 개발까지
웹 프론트엔드를 위한 자바스크립트 첫걸음
도서
러닝스쿨! 자바스크립트 첫걸음
외부활동
요즘IT 작가
udemy, codeit, 한양여자대학교 등 특강 진행
ggomsoo
·
講義とても楽しく拝見しました👍 私はIT非専攻ですが、関連する教育を履修しました。 そのため、GitやVSCodeの使い方についてはすでに熟知していると思っていましたが、新しい内容をたくさん得ることができました（VSCodeの日本語化拡張機能や、以前のコミットの取り消しなど…）。 今回の講義は、特にClaude Codeの連携、Supabase MCPおよび使用法、プロジェクトのデプロイに関するパートが興味深くて受講したのですが、本当に分かりやすく説明してくださったので、すぐに理解できました。すでに以前GitHub Actionsでデプロイした経験がありましたが、NetlifyやVercelでデプロイする方法も知ることができて良かったです。 講師の方の他の講義（＝Reactライブラリキット）で少しだけ出てきたSupabaseの内容が、もっと知りたいという気持ち（物足りなさ）がありましたが、今回の講義で本当にスッキリと解決しました。 素晴らしい講義をありがとうございました😊
khsung2687
バイブコーディングの概念とコーディング方法について、良い講義を聞きました。
ossetian2813
中間プロジェクトから急に頭が痛くなりました… でも、滑舌も良くて講義内容も充実していて良いです。
hisu0712
「ひとくち」シリーズは受講するたびに楽しく、今回の「ひとくちSNS」講座もとても有益で面白かったです！ 個人的に「ひとくち」シリーズを受講する際、進捗表や本、ミッションを活用して復習すると記憶に残りやすかったのですが、 今回の講座はプロジェクト型なので、上記のような方法よりは、講座を視聴した後、新しいプロジェクトでもう一度クローンコーディングをする形で復習しました。 これからも、このようなプロジェクト型で難易度のある講座がもっと出てほしいという個人的な願いが…。 フロントエンド開発の講座をInflearnで受講したいなら、間違いなくイ・ジョンファン先生をおすすめします！！！
thisisdd
まだ受講中ですが、講義の内容が充実しており、没頭しやすかったです :) 講義時間が短いので半信半疑でしたが、むしろ短く核心だけが凝縮されているので、より集中しやすかったです！ そして、多くの方がおっしゃっている通り、発音や音質が本当にクリアで良いので、さらに集中できた気がします。たまに音質や発音のせいで学習の妨げになることもありますが、この講義は倍速にしてもよく聞き取れそうです！ 私はmac OSを使用していますが、Windowsとは別にその都度説明を加えてくださったので、ついていくのに大きな支障はありませんでした。一緒に提供してくださるハンドブックも、単なるテキストファイルではなく活用しやすかったです！ 以前Claudeを有料契約していましたが、これでようやく元が取れる使い方ができそうです。残りの講義もしっかり終えて、バイブコーディングで小さくても自分が作りたいサービスを具現化できそうです👍
Q＆A
콜백 함수 메서드 등록
안녕하세요 🙂 질문 감사합니다.강의에서 제공되는 프로젝트 상으로는 꼭 필요한 것은 아닙니다.다만, this.hanldeLoadMore로 저장하는 이유는 코드의 일관성과 프로젝트의 확장성 때문인데요,추후에 이벤트 리스너를 제거하거나, 컴포넌트 내 다른 메서드에서도 재사용할 수 있기 때문입니다.추가적으로 바닐라 JS로 SPA를 완벽하게 구현할 필요는 없습니다.강의에서 다루는 내용 정도만 경험해보셨다면, 바로 React나 Next 등으로 넘어가서 학습을 해보시고,이런 라이브러리와 프레임워크들이 바닐라로 구현했던 것을 쉽게 할 수 있게 도와주는구나!를 느끼시는게 오히려 학습에 더 도움이 되실 것 같습니다 🙂
브라우져 호환성 문의
안녕하세요 crk1004님 🙂 질문 감사합니다.본 강의는 크롬 브라우저를 사용하는 강의로, 되도록 크롬 브라우저를 사용하시는걸 권장드립니다!강의의 내용과 같이 VSCode의 Live Server 확장 프로그램을 사용해 코드를 열어보시거나, node 설치 후 로컬 서버로 열어보시는 것을 추천드립니다.그럼에도 문제가 발생한다면, 다시 질문 남겨주세요! 감사합니다.
ssr방식 경험
안녕하세요 코딩님, 질문 감사합니다.본 강의 수강 이후, 바로 React와 Next.js 로 넘어가서 공부해보시는 것을 추천드립니다.이후 라이브러리 및 프레임워크를 바로 학습하시면서 해당 개념은 자연스럽게 익히실 수 있습니다.파이팅입니다!!
4-23 Promise객체 12:05 코드 질문
안녕하세요 crk1004님 🙂 질문 감사합니다.promise.then(), 그리고 catch()와 같이 사용할 수 있는 이유는, then/catch가 Promise 객체에 달려있는 '함수 프로퍼티(메서드)'이며, 호출 결과로 새로운 프로미스를 반환하기 때문입니다.따라서 promise.then()의 반환값이 또다른 Promise라서, 그 뒤에 바로 catch를 이어서 작성할 수 있습니다.
compare 함수 설명에 오해의 소지가 있어보입니다.
안녕하세요 사랑2님, 질문 감사합니다 🙂sort 콜백의 a, b는 ‘이전/다음 요소’처럼 고정된 의미가 아니라, 정렬 과정에서 엔진이 비교 대상으로 전달하는 두 요소입니다. 예시로 쉬운 이해를 돕기 위해 작성해 놓은 것이기는 하나, 호출 순서/비교 쌍은 구현에 따라 달라질 수 있어서 a=이전, b=다음처럼 설명하는 건 오해 소지가 있을 수 있겠네요. return 값의 의미로 이해하는 게 정확할 것 같습니다! 음수면 a를 앞에, 양수면 b를 앞에, 0이면 동일로 처리합니다.
Day 19 미션 안내 질문
안녕하세요 🙂 질문 감사합니다.INIT 액션은 상태를 처음 세팅하거나 외부 데이터로 상태 값을 교체할 때 사용하는 액션인데요, DAY 19 미션에서는 mockData를 useReducer의 초기값으로 바로 넣어주기 때문에, 코드 구조상 INIT은 만들어두지만 사용하지 않아도 되는 액션이라고 이해하시면 될 것 같습니다!
챌린지 운영 기간
안녕하세요 🙂 질문 감사합니다.26년 1월 2일까지만 모든 미션을 제출해주시면 완주자로 인정해드리고 있습니다! 감사합니다.
API를 비동기 처리하는 이유가 끊겨서 그런건가요?
안녕하세요 🙂 질문 감사합니다.보통 REST API는 HTTP를 사용합니다. HTTP 요청은 언제 올지 모르는 느린 작업이라 앱이 멈추지 안혿록 비동기로 처리하며, 이전 작업이 완료되지 않더라도 다른 작업을 실행할 수 있게 병렬 처리를 할 수 있어 사용합니다.
DOM 트리 보는 곳
안녕하세요 🙂 질문 감사합니다.DOM Tree는 브라우저가 HTML 문서를 파싱해서 메모리상에 만든 '트리 형태'의 객체 구조입니다.따라서 트리구조가 아닌 요소탭은 DOM Tree가 아닙니다.다만 요소 탭은 DOM Tree를 시각적으로 보여주는 뷰라고 할 수 있습니다.
배열과 객체의 구조분해할당 방법이 다른 이유
안녕하세요 🙂 질문 감사합니다.배열과 객체의 구조 분해 할당 방식이 다른 이유는 자바스크립트에서 배열과 객체가 값을 구분하는 기준 자체가 다르기 때문입니다.질문 주신 것과 같이, 배열은 인덱스 기반 접근이라 순서가 중요하며, 객체는 키 기반 접근이라 이름(키)이 중요하기 때문입니다.
