Thumbnail
BEST
개발 · 프로그래밍프론트엔드

몇 줄로 끝내는 인터랙티브 웹 개발 노하우 [초급편]대시보드

(4.6)
129개의 수강평 ∙ 1,631명의 수강생

44,000원

지식공유자: 코딩일레븐
총 53개 수업 (5시간 45분)
수강기한: 
무제한
수료증: 발급
난이도: 
입문
-
초급
-
중급이상
지식공유자 답변이 제공되는 강의입니다
폴더에 추가공유
  • 또나 프로필또나
    2023-08-14977615

    안녕하세요 선생님! 인터랙티브한 포폴을 만들고 싶은 퍼블리셔 지망생입니다. 첫 강의는 최근에 업데이트 되어 입문하기 좋을 것 같고, 두번째는 예제가 많아서 고민이 되는데요..! 개념을 다지기에 첫 강의와 두번째 강의 중 어떤 강의가 적합할까요?

    코딩일레븐
    코딩일레븐
    코딩일레븐
    2023-08-15279421

    안녕하세요 입문이시면 아무래도 첫번째 강의가 더 좋을 것 같아요. 기초 먼저 보시다가 두번째 강의 커리큘럼에서 필요한 기능이 있으시면 질문주세요.

  • 박채연 프로필박채연
    2023-01-26760584

    앗 그럼 한 가지만 더 여쭤보겠습니다! 그럼 이 강의를 통해 js 로 만들고 난 다음 react코드로 바꾸면 가능하다는거죠? 기본 html 이고 css는 style-component로 바꾸는 것도 가능한가요?

    코딩일레븐
    코딩일레븐
    코딩일레븐
    2023-01-26237584

    네 예를들어 scrollTop을 이용한 인터랙티브라면 react scrollTop 을 검색하셔서 바꿔주시면 될 것 같아요. css는 거의 그대로 써도 무방합니다.

  • 박채연 프로필박채연
    2023-01-25759867

    안녕하세요. 혹시 메인페이지를 인터렉티브 웹 으로 만들고 다른 페이지들은 react, scss , style-component 등 인데 나중에 페이지를 합칠 때 호환이 될까요,,?

    코딩일레븐
    코딩일레븐
    코딩일레븐
    2023-01-25237486

    되도록이면 전부 리액트로 하는 것이 좋죠. 강의로 인터랙티브 노하우 익히시고 리액트 스타일로 인터랙티브 페이지를 만드세요. https://thekit.kr/ 최근에 만든건데 전부 next.js로 했습니다.

  • 하수탈출 프로필하수탈출
    2022-12-05705533

    안녕하세요 인터렉티브 강의 3개 외에 다른 건 언제 나오나요?

    코딩일레븐
    코딩일레븐
    코딩일레븐
    2022-12-05226705

    안녕하세요 현업에 있다보니 구체적으로 언제 나올 것이다!라고 말씀을 못드리겠네요. 다음 강의는 리액트 (next.js) 인터랙티브 컨텐츠 강의를 해볼까 하고 구상중입니다.

  • Jiwoo Jung 프로필Jiwoo Jung
    2021-05-31223003

    이 강의를 수강하면 프로젝트가 나오나요?

    코딩일레븐
    코딩일레븐
    코딩일레븐
    2021-05-31113212

    하나의 '완성된 페이지'가 나오냐는 질문이신가요? 프로젝트 하나를 완성하는 강의는 아닙니다. 부분 부분 필요한 스킬을 익히는 강의입니다. 물론 섞어서 사용하시면 하나의 페이지가 나올 수도 있겠죠 ^^

  • jejunpark1 프로필jejunpark1
    2021-05-23218274

    진행하시는 아래의 두 강좌가 선수강좌/후수강좌 성격인건지 혹은 두번째 끝장내기강좌만 들으면 첫번째 초급편 강좌의 내용까지 다 포함한건지 문의드립니다! 1. 몇 줄로 끝내는 인터랙티브 웹 개발 노하우 [초급편] 2. 인터랙티브 개발 실무 끝장내기 [역량 강화편]

    코딩일레븐
    코딩일레븐
    코딩일레븐
    2021-05-23111962

    안녕하세요. 2번 강의에 1번 강의 내용이 포함되지 않았습니다. 1번 강의 : 어려워보이는 인터랙티브를 간단한 코드로 구현해보는 내용입니다. 2번 강의 : 실무에 바로 사용할 수 있는 코드와 설명, 완성된 결과물을 제공하고 있습니다. 더 다양한 인터랙티브 스크립트를 담고 있고요. 1번 강의를 들으시고 흥미가 생기신다면, 2번 강의를 들으시면 될 것 같습니다. (물론 순서가 바뀌어도 전혀 상관없습니다 : )

  • bigkid young 프로필bigkid young
    2021-04-18195772

    선수 지식에 htm, css, javascript 기초가 필요하다고 했는데 일단, html과 css로는 웹디자인기능사 문제, 네이버, 유튜브같은 홈페이지 레이아웃정도 할 수 있구요 javascript는 데이터종류, 변수, 예약어, 함수, 조건문, dom, 메소드체이닝, 데이터 타입, 연산자들, 조건문들,반복문,iife,호이스팅,타이머함수,콜백,생성자함수,this,es6classes,상속,문자,숫자와 수학, 배열, 객체, 구조분해할당,불변성,복사 까지 문법공부 위주로 했는데요 현재 이 상태에서 제가 이 강의를 듣고 원활하게 수업을 듣고 잘 활용 할 수 있을까요?

    코딩일레븐
    코딩일레븐
    코딩일레븐
    2021-04-18105757

    며칠전 다른 강의에도 답변 드렸었는데요. 이 강의도 접근하기 어렵지는 않으실거에요. 제가 적어놓은 선수지식의 수준은 변수가 무엇인지, css에서 position : absolute; 가 어떤 것인지를 아는지 정도입니다.

  • 송지지 프로필송지지
    2021-04-10190631

    안녕하세요! 질문 드립니다. 아래 링크는 '신뢰의 진화'라는 게임인데 https://osori.github.io/trust-ko/ 혹시 이 강의와 추가 강의를 수강하게 된다면 이와 같은 결과물(인터랙티브 게임 형식...) 을 구현하는 역량을 얻을 수 있는지 궁금합니다. (+) 아고 주말에 남긴 문의인데 빠른 답변 감사합니다. 네, 확인해보고 판단해보도록 하겠습니다. 남은 주말 즐겁게 보내세요!

    코딩일레븐
    코딩일레븐
    코딩일레븐
    2021-04-10104371

    안녕하세요 재미있는 사이트네요. 글쎄요. 스토리에 맞춰 페이지를 넘기는 방식은 가능할 것 같습니다만 응용이 필요한 부분이기는 합니다. 예, 아니오 답변에 맞춰 스토리가 전개가 되는 것이니 설계를 잘 해야 할 것 같네요. 특별히 어려운 기능이 있는 사이트는 아닙니다. 수업 리스트를 보시면 어떤 것을 다루는지 샘플 영상이 오픈되어 있으니 보시고 판단을 해보시면 될 것 같아요. 커리큘럼에 포함된 퀴즈형식 + 페이징을 공부하시면 구현 가능할 것 같습니다. (if문과 paging)

  • srom 프로필srom
    2021-03-10168799

    바닐라js 말고 타입스크립트나 자바스크립트 사용자도 들어도될까요?

    코딩일레븐
    코딩일레븐
    코딩일레븐
    2021-03-1098207

    아 네. 바닐라.js가 일반 자바스크립트입니다. 들으셔도 전혀 무리 없으실거에요

  • 박준영 프로필박준영
    2021-03-08167285

    저는 html,css,js로 약간의 클론코딩을 해봤던 정도라서 js에 대한 기초문법에 대한 지식이 없습니다만 강의를 수강해도될까요? 역으로 공부하는걸 좋아해서 이 강의가 적합할지 질문 남겨요!

    코딩일레븐
    코딩일레븐
    코딩일레븐
    2021-03-0897734

    특별히 어렵고 긴 스크립트를 다루고 있지 않습니다. 어려워 보이는 사이트의 핵심 원리는 어렵지 않다는 것을 알려드리는 강의고 소스도 제공드리니 html,css를 어느정도 알고 계신다면 어렵지는 않으실거에요. 궁금하신 것운 질문 게시판을 이용해주셔도 되고요.

  • 서주리 프로필서주리
    2021-02-01144313

    진짜 자바는 넘 어려워서..(이론을 배우긴했으나 어떻게 써먹는지 몰라서 )제이쿼리를 들으니 좀 이해가 가더라구요..(아무래도 짧고 쉬워서 겠죠!) 이런 상태에서 이 강의를 들어도 될까요? 아니면 자바 기초를 듣고 강의를 신청해야 할지 고민입니다!

    코딩일레븐
    코딩일레븐
    코딩일레븐
    2021-02-0191660

    안녕하세요 일단 자바스크립트랑 자바는 다릅니다. 이 강의에서 사용하는 것은 '자바스크립트' 입니다. 제이쿼리가 짧아서 좋기는한데 사용하는 곳이 점점 줄어드니 자바스크립트를 익히시는게 여러모로 좋습니다. 예를 들면 제이쿼리는 wrap = $(".wrap") , 자바스크립트는 wrap = document.querySelector(".wrap") 이정도의 차이입니다. 기초에 가까운 강의니 부담없이 들으셔도 괜찮을 것 같습니다. 모르시는 것은 질문 게시판을 이용해주시면 되고요 ^^

  • 반가우면반갑다고해 프로필반가우면반갑다고해
    2020-09-2568522

    쌤 혹시 이 수업에 제이쿼리가 사용되나요? 혹시 JS가 필요한부분에서는 순수 바닐라JS로 하나요 제이쿼리를 사용하나요?.. 이 수업을 망설이고있는데요, 저는 제이쿼리 들어간건 별로라 ㅠㅠㅠ 답변 부탁드립니다!

    코딩일레븐
    코딩일레븐
    코딩일레븐
    2020-09-2572348

    강의 전체가 순수 바닐라 JS로 되어있습니다. 문의 감사드립니다. ^^