@hyobin
受講生
14,395
受講レビュー
572
講義評価
4.9
안녕하세요 김효빈입니다 🙇♀
개발 지식을 공유합니다.
ABOUT
https://hyobb.com/
CONTACT
hbin12212@gmail.com
ETC
[도서] 러닝스쿨! 자바스크립트 첫걸음
요즘IT 작가
udemy, codeit, 한양여자대학교 등 특강 진행
yoochaewon039389
·
非専門家でも簡単に真似できるので嬉しいです
danadana
社会人でも無理なくついていけるスケジュールだったので、楽しく受講することができました。 Claudeとコーディングしながら「これなら完璧な設計図だ」と思ったプロンプトでも、出来上がったものを見ると屋根がなかったり窓が一つ足りない家のように少しずつ惜しい部分があったり、家を作っていたのに突然車を作り始めたりするのを見て、腹が立って喧嘩もしながら、なんとか無事に終えることができました。めちゃくちゃに修正された時は、自分の上司もこんな気分なのかなと思ったりもしました。 最後のライブで、ミッションとして提出したプロジェクトを共有し、フィードバックをいただく時間が本当に良かったです。他の方々の多様なアイデアや成果物を見ることも、もう一つの楽しみでした。
ddddasd10782
ついに完走しました！！ AIを活用して実際にウェブサイトを作ってみる過程が 本当に楽しかったですし、色々な試みができてとても勉強になりました。 次の講義も楽しみにしています。 ありがとうございました。
cross
分かりやすく簡単に進められるようになっていながらも、内容は決して薄くない素晴らしい講義でした。ありがとうございました。
kerneltrek0908
Claude関連の開発を初めて始める方や、なんとなく触ってみただけで感覚が掴めていない時に見ると良さそうです。 対象が初心者ということもあり、深く掘り下げられない部分もありますし、実務ではエージェントの活用やテスト自動化、PRDの作成などももっと多く行うため、本格的に始める前につまらない部分が非常に多いのですが、そういった説明を省いてスムーズに進むので、楽に聴くことができました。さて、これからは面倒なこと（実務的な詳細）を見に行かなければなりませんね（笑）。 （今日、第1講から完走しましたが、合計10時間ほどかかったようです。） 正直なところ、実務者の基準では説明が物足りないと感じる部分もあり、「このように流してしまってもいいのかな」と思ってネットで調べたりもしましたが、対象に非専門家の方も含まれているため、それを説明しようとすると他の概念から説明しなければならず、キリがないだろうなとも思いました。そういった意味で、中間地点を見つけた最適な講義だったのではないかと感じました。
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를 시각적으로 보여주는 뷰라고 할 수 있습니다.
배열과 객체의 구조분해할당 방법이 다른 이유
안녕하세요 🙂 질문 감사합니다.배열과 객체의 구조 분해 할당 방식이 다른 이유는 자바스크립트에서 배열과 객체가 값을 구분하는 기준 자체가 다르기 때문입니다.질문 주신 것과 같이, 배열은 인덱스 기반 접근이라 순서가 중요하며, 객체는 키 기반 접근이라 이름(키)이 중요하기 때문입니다.
