소개
안녕하세요 김효빈 입니다 😊
프론트엔드를 희망하는 분들을 위해 쉽고 친절한 강의를 제공합니다.
(현) 프론트엔드 개발자 | 교육자
(전) 스타트업 프론트엔드 리드 개발자
웹 페이지
온라인 강의
도서
강의
수강평
- 한 번에 끝내는 자바스크립트: 바닐라 자바스크립트로 SPA 개발까지
- 한 번에 끝내는 자바스크립트: 바닐라 자바스크립트로 SPA 개발까지
- 한 번에 끝내는 자바스크립트: 바닐라 자바스크립트로 SPA 개발까지
- 한 번에 끝내는 자바스크립트: 바닐라 자바스크립트로 SPA 개발까지
- 한 번에 끝내는 자바스크립트: 바닐라 자바스크립트로 SPA 개발까지
게시글
질문&답변
9분 30초 || 'all' 영상 누락
안녕하세요 🙂 질문주셔서 감사합니다.동물 앨범 만들기 -3 강의의 9분 30초를 확인해보니, || 'all' 부분이 편집 때문에 살짝 짤린 것 같습니다. 빠른 시일 내에 해당 부분 다시 업로드 해드리겠습니다! 감사합니다.
- 0
- 2
- 14
질문&답변
영상보고 직접 api를 구현해봤는데 자꾸 프로젝트를 변경하면 서버가 꺼지;는데 방법이 있을까요
안녕하세요 용우님🙂 질문 주셔서 감사합니다.제 강의에는 서버를 구축하는 방법에 대한 내용이 없는데요,혹시 어떤 영상을 보고 api를 구축하셨는지 여쭤봐도 될까요? 감사합니다.
- 0
- 2
- 26
질문&답변
경로 질문드립니다
안녕하세요 🙂 질문주셔서 감사합니다. 프로젝트 파일이 반드시 c 드라이브 안에만 있어야 하는 것은 아닙니다.또한 바탕화면 또는 github 내부의 폴더에서 npm init을 하더라도 문제가 발생하지는 않는데요,node 버전에 따라 한글을 인식하지 못하는 문제 일 수 있으니, '사용자 이름'이 한글이라면 영문으로 변경하고 다시 시도해보시는 것을 추천드립니다! 감사합니다.
- 0
- 2
- 35
질문&답변
regionList 클릭시 해당 cities가 안나옵니다.
안녕하세요 🙂 질문주셔서 감사합니다.유진님이 보내주신 App.js와 RegionList.js의 코드로 실행을 해봤는데요,오류 없이 잘 동작하는 것으로 보입니다. 도시 리스트들이 나오지 않는다면, api.js 혹은 CityList.js 파일에 오류가 있는 것으로 보이는데요,해당 컴포넌트들에 매개변수들이 알맞게 작성되어 있는지, 순서가 올바른지 다시 한 번 확인 후그래도 오류가 발생한다면, 전체 코드를 첨부해서 보내주세요! 감사합니다.
- 0
- 1
- 43
질문&답변
select값이 출력이 안돼요
안녕하세요 🙂 질문주셔서 감사합니다.혹시 Header.js 파일의 코드도 첨부해주실 수 있을까요??
- 1
- 2
- 71
질문&답변
왜 전부다 div태그로 만드는지 궁금합니다.
안녕하세요 🙂 질문주셔서 감사합니다.웹 페이지를 제작할 때에는 h1, h2, button, li 태그 등 다양한 태그들을 사용하는 것은코드 상에서 각각의 태그들이 하는 역할이 무엇인지를 분명히하고, 검색엔진 최적화에 훨씬 좋습니다. 다만, 강의에서는 다른 태그들은 많이 사용하지 않고 div 태그를 사용했는데요,우선 html과 css를 잘 모르는 분들이라도 이 강의를 통해 최종 프로젝트를 보다 쉽게 이해하며 만들 수 있게 하기 위함이였습니다.그래도 헷갈리지 않도록 전부 div 태그를 사용한 후 class 이름과 id 이름으로 각각의 요소들의 역할을 구분해주었고, 목적이 '크롬 익스텐션' 을 개발하는 것이기 때문에 seo 또한 상관 없다고 판단해, div 태그를 사용해서 코드를 작성했습니다 🙂 좋은 질문 감사드립니다!
- 0
- 2
- 66
질문&답변
[수업질문] bookmark.js에서
안녕하세요 🙂 질문주셔서 감사합니다.우선 '인프런 AI 인턴'의 답변을 읽어보시는 것을 추천드립니다. 오류 메세지를 확인해보니, 21번째 줄에서 오류가 발생한 것 같은데, bookmark.js 에 작성하신 코드를 첨부해주시면 원인을 금방 파악할 수 있을 것 같습니다!해결이 되지 않으셨다면, 코드 첨부 부탁드릴게요!
- 0
- 2
- 28
질문&답변
컴포넌트에 매개변수 전달하는 방식에 대하여
안녕하세요 🙂 질문주셔서 감사합니다. App 컴포넌트는 단 1개의 매개변수를 전달받지만, CityList 컴포넌트는 여러개의 매개변수를 전달받습니다.여러개의 매개변수를 전달받는 경우에는 자바스크립트의 '구조 분해 할당'을 사용해서함수 내부에서 각각의 변수 이름을 사용해 직접 접근할 수 있어 코드가 간결해집니다.'인프런 AI 인턴' 이 작성한 답변도 한 번 읽어보시면 도움이 될 것 같네요 🙂감사합니다.
- 0
- 2
- 60
질문&답변
require 질문드립니다.
안녕하세요 🙂 질문주셔서 감사합니다.VSCode 상에서는 자바스크립트 설정이 ESM 방식을 따르기 때문에,CommonJs을 따르는 require 를 사용하면 빨간줄이 뜰 수 있습니다. 구글링해서 찾으신대로 package.json에 아래와 같이 작성하면 이를 해결할 수 있습니다.{ "type": "commonjs" }다음과 같이 작성해도 빨간줄이 뜬다면, VSCode 버전 업데이트를 한 번 해보시기 바랍니다!!
- 0
- 1
- 37
질문&답변
동물앨범 3-3 express 설치 후
안녕하세요 🙂 질문주셔서 감사합니다. 강의에서 나온대로, 포트번호는 라이브서버의 포트 번호가 아닌, 3000번과 같은 다른 숫자로 변경해주어야합니다. 또한 서버를 제작해주었기 때문에 라이브서버가 아닌, 제작한 서버를 사용해서 웹 페이지를 실행해주야합니다.라이브 서버는 VSCode에서 제공하는 서버이고, 강의에서 제작한 서버는 node.js를 사용해 제작한 서버이기 때문에 실행 방법도 다르고, 지정된 포트번호 또한 다릅니다. 보통 0~1023 사이의 포트번호는 다른 서비스가 예약하고 있고, 라이브서버의 또한 5500번과 같은 포트번호를 예약하고 있기 때문에, 이미 사용중인 포트번호를 사용하게 되면 충돌이 발생해 오류가 발생할 수 있습니다. 감사합니다 :)
- 1
- 2
- 60