클래스클럽커뮤니티

실무 예제 모음ZIP, 프론트엔드 실무 원큐에 끝내기

초급
챕터 5개 · 24시간 46분
한국어 · 영어 · 일본어|오디오 한국어

이런 걸 배울 거예요

아코디언

아코디언 메뉴의 원리를 이해하고, 실전과 같은 디자인을 구현해봅니다.

로컬 데이터

로컬 데이터 값 저장, 로컬 스토리지 데이터 값 출력하기 등을 배웁니다.

테이블 및 쿠키 활용

테이블 생성 방법 및 자바스크립트로 쿠키 읽기, 생성하기 등을 배웁니다.

쿠키 라이브러리

두 가지 쿠키 라이브러리를 알아보고, 응용하여 팝업창을 만들어봅니다.

가상요소 디자인 및 팝업창

가상요소를 활용하여 웹사이트 푸터 디자인을 만들어봅니다.


이 클래스를 꼭 들어야 하는 이유

▶ 이 클래스를 꼭 들어야 하는 이유

👩‍💻 실무 예제로 배우는 프론트엔드 필수 요소

HTML, CSS, JavaScript 는 개발이 아니다?

프론트엔드는 백엔드의 보조일 뿐이댜?

이런 말들을 들어오셨나요? 사실은 그렇지 않습니다.


👌 이제 여러분도 프론트엔트 개발자입니다.

JavaScript만으로 이뤄진 서비스가 점점 늘어나며, 프론트엔드의 역할과 입지도 따라서 넓어지고 있습니다. 이는 곧, 프론트엔드 개발자 구직 시장이 이 점점 커지고 있다는 뜻이죠. 여러분이 개발자를 꿈 꾸고 있다면, 개발자의 수요가 계속해서 늘어난다는 것은 분명 희소식입니다. 하지만 그러려면 먼저, 기본을 탄탄하게 잡아둬야겠죠.


💪 입문은 이제 그만, 실무 클래스로 어서오세요!


이 클래스는 가장 자주 쓰이는 실무 예제를 쏙쏙 뽑아, 여러분이 실무에 당장 투입되더라도 손색없는 개발자가 되도록 도와드립니다. 그야말로 기본부터 실무까지 탄탄하게 실습하는 겁니다.




이런 분들에게 추천합니다!

▶ 이런 분들에게 추천합니다!



👍 이 클래스, 이런 점이 좋아요

✔️ 예제를 직접 타이핑해 보며 연습할 수 있어요

✔️ 한 클래스당 하나의 스킬을 깊고 자세하게 파고들 수 있어요

✔️ HTML, CSS, JavaScript 를 잘 안다면 따라오기 무척 쉬워요


📝 이 클래스에서는 이런 걸 배울 수 있어요

✔️ 아코디언 메뉴의 원리 이해하고 실전과 같은 디자인으로 구현해보기

✔️ 로컬 데이터에 값을 저장하고 가져오는 법, 로컬 스토리지 데이터 값을 출력하고 배열을 동적 테이블로 붙이는 법 알기

✔️ 테이블의 열과 줄을 동적으로 생성, 삽입하는 방법 알기

✔️ 자바스크립트로 쿠키 읽기, 생성하기, 삭제하기

✔️ 두 가지 쿠키 라이브러리를 알아보고 사용법 익히기

✔️ 쿠키 라이브러리를 활용한 팝업 창 만들기

✔️ 가상요소를 사용하여 웹사이트 푸터 디자인 만들기


🚩 강의 난이도

  • HTML, CSS를 하나도 모른다면 → 따라가기 어려울 수 있어요
  • HTML, CSS 및 JavaScript를 조금 안다면 → 도전이 될 수 있어요
  • HTML, CSS 및 JavaScript를 잘 안다면 → 따라가기 무척 쉬워요




크리에이터 경력

▶ 크리에이터 경력


피드백 유의사항

▶ 피드백 유의사항

커리큘럼

크리에이터

IT백과사전

IT백과사전

이 클래스와 비슷한 추천 클래스

[웹 개발자 단과반 1교시] HTML, CSS, JS 프론트엔드 속성 실무!Web · 프론트엔드  |  개발자 사관학교

copyrightprotectionnoticetitle

  • copyrightprotectionnoticeanswer
고객센터오전 10시 ~ 오후 6시 (주말, 공휴일 제외)
주식회사 클래스101
대표 공대선
서울특별시 강남구 강남대로94길 10, 11층 1101호(역삼동, 패스트파이브 강남4호점)
대표전화 : 1800-2109
이메일 : ask@101.inc
사업자등록번호 : 457-81-00277
통신판매업신고 : 2022-서울강남-02525
클라우드 호스팅 : Amazon Web Services Korea LLC
사업자 정보 자세히 보기
클래스101은 통신판매중개자로서 중개하는 거래에 대하여 책임을 부담하지 않습니다.