안녕하세요 김효빈 입니다 😊
프론트엔드를 희망하는 분들을 위해 쉽고 친절한 강의를 제공합니다.
프론트엔드 교육자
(전) 스타트업 프론트엔드 리드 개발자
웹 페이지
온라인 강의
도서
외부활동
udemy, codeit, 한양여자대학교 등 특강 진행
講義
受講レビュー
- 一度で終わらせるJavaScript: バニラJavaScriptでSPA開発まで
- 一度で終わらせるJavaScript: バニラJavaScriptでSPA開発まで
- 一度で終わらせるJavaScript: バニラJavaScriptでSPA開発まで
- 一度で終わらせるJavaScript: バニラJavaScriptでSPA開発まで
- 一度で終わらせるJavaScript: バニラJavaScriptでSPA開発まで
投稿
Q&A
init 함수 앞에 await
안녕하세요:) 질문 감사합니다.App 컴포넌트 내부에 선언된 init 함수는 비동기함수이기 때문에, 호출 시 Promise 객체를 반환합니다.하지만 현재 App 컴포넌트에서는 init()의 반환값을 어딘가에 저장하거나, 그 결과를 활용하고 있지는 않습니다. 즉, init 함수의 호출이 끝날 때까지 기다릴 필요 없이 그냥 실행만 하면 되는 상황입니다!그렇기 때문에 await를 굳이 작성해주지 않았고, 그렇기 때문에 App 컴포넌트 자체도 async를 붙일 필요가 없게 된것입니다 🙂추가적인 질문이 있으시면, 다시 댓글이나 질문으로 남겨주세요! 감사합니다.
- 1
- 2
- 16
Q&A
"6. 1. (최신 버전) 자바스크립트 코딩 환경 설정"의 화면이 정상적으로 출력되지 않습니다
안녕하세요 Sungkuk Park님! 질문 감사합니다 🙂화면 출력이 이루어지지 않는다는게, 영상이 정상적으로 나타나지 않는다는 말이실까요??해당 문제는 다른 수강생 분들께서도 종종 질문으로 남겨주셨는데요, 영상 출력이 정상적으로 되지 않는 문제는, 새로고침 또는 인프런 사이트에 다시 접속해보시거나, 인프런측에 문의를 남겨주시는 쪽으로 해결을 하셔야할 것 같습니다. 강의 수강에 불편을 드려 죄송합니다. 혹시라도 문제가 해결되지 않으신다면 언제든지 다시 질문 남겨주세요! 감사합니다.
- 1
- 2
- 19
Q&A
동물 앨범 만들기 pushtState 관련
안녕하세요 산독기님 🙂 질문 감사합니다.history.pushState()에는 다음과 같은 값들을 전달합니다.history.pushState(state, title, url);우리 프로젝트에서는, history api를 사용하면서 state 객체 값으로 딱히 전달할 값이 없기 때문에 null 값을 넣어두었습니다. 감사합니다!
- 0
- 2
- 24
Q&A
동물 앨범 만들기 사진 관련 문의
안녕하세요, 배준석님 🙂 질문 주셔서 감사합니다. [동물 앨범 만들기] 프로젝트에 사용되는 api 주소인 https://animal-api-two.vercel.app 를 말씀하시는게 맞으실까요??
- 0
- 2
- 30
Q&A
자바스크립트 첫걸음 교재 질문..
안녕하세요 ymckh1005님 🙂우선 자바스크립트 첫걸음 교재를 구매해주셔서 감사드립니다!!'자바스크립트 첫걸음' 도서는 '웹 프론트엔드를 위한 자바스크립트 첫걸음' 강의 내용을 담은 책으로,'한 번에 끝내는 자바스크립트' 내용과는 다른 내용을 담고 있습니다.자바스크립트 기초 문법에 해당하는 부분을 학습하시는 것에는 큰 문제 없을 것 같은데요,'한 번에 끝내는 자바스크립트'에서만 다루는 내용들은 별도로 정리하시는 것을 추천드립니다!!감사합니다!!
- 1
- 2
- 48
Q&A
URL에 따라 리스트 불러오기 - getSortBy()와 getSearchWord()를 활성화 하면 리스트가 사라집니다
안녕하세요, kimday365님 🙂 질문주셔서 감사합니다. handleSearch: async (searchWord) => { history.pushState( null, null, `/${this.state.region}?sort=${this.state.sortBy}&search=${this.state.searchWord}` ); // 검색어가 있는 경우 사용할 URL 할당전체 코드를 보니, 이렇게 작성을 해주셨는데요, 여기서 this.state.searchWord가 아닌, 파라미터로 전달받은 searchWord를 사용해주셔야 최신 반영이 될 것 같습니다!수정해보시고, 다른 오류도 발생한다면 다시 질문 남겨주세요 🙂 감사합니다.
- 1
- 1
- 28
Q&A
DOM API-2 1분54초 경 질문드립니다.
안녕하세요 🙂 질문 감사드립니다!!해당 부분은 브라우저 차이, 혹은 브라우저의 버전 차이일 수 있습니다.저는 크롬 브라우저를 사용하고 있는데요, console.log($type)의 결과가 전체 HTML로 출력이 되고있습니다.크롬의 다른 버전, 사파리, 엣지 등으로 해당 코드를 실행하면, div.#type.info-item과 같이 DOM 객체로 출력이 된다고 합니다.한 번 확인해보시고 해결이 되지 않으시면 다시 질문 남겨주세요!! 감사합니다.
- 1
- 2
- 38
Q&A
동물앨범 1-1-2
안녕하세요 rladygks1210님 🙂 질문 감사합니다.제 코드와 rladygks1210님 코드의 차이는 절대경로와 상대경로 차이인데요,웹 서버에서 실행하고 있는지, 로컬환경에서 실행하고 있는지의 차이이기 때문에, 앞으로 강의를 수강하시는데 있어서 큰 불편함은 없으실거에요 😊rladygks1012님의 세팅에 맞춰 알맞은 경로를 작성해주시면 될 것 같습니다.감사합니다.
- 1
- 2
- 49
Q&A
스프링 공부를 하다가 노드 백엔드도 경험해 보고 싶어서 자바스크립트 강의를 들으려는데
안녕하세요 김인프님 🙂 질문 감사합니다.본 강의는 [프론트엔드] 카테고리의 강의로, 프론트엔드 개발자분들을 위한 자바스크립트 강의입니다. 별도로 Node.js를 학습하기 위한 영상은 없지만, 강의를 통해 자바스크립트 기초 개념들부터 심화 개념까지 익히신다면, 후에 노드 백엔드를 개발하실 때 도움이 될 수 있을 것 같습니다.감사합니다!( +[섹션8 - 7. node.js와 express.js] 강의에서 살짝 맛보기 형태로, 프로젝트 개발에 필요한 부분만 다루고 있기는 합니다.)
- 1
- 1
- 57
Q&A
node_modules 폴더가 생기지 않아요
안녕하세요, 아리님! 질문 감사합니다 🙂우선 아래의 '인프런 AI' 가 제시한 방법대로 해보시거나,명령어를 입력한 곳의 경로를 확인해주세요!!해당 폴더 내부에 node modules 폴더가 생성되기 위해서는, 경로가 PROJECT 폴더의 위치에 있어야 하기 때문에, 다시 한 번 확인해보시고 그럼에도 문제가 발생하시면 바로 다시 질문 남겨주세요 😃감사합니다.
- 1
- 3
- 80