티스토리

Rock's Ezweb
검색하기

블로그 홈

Rock's Ezweb

alikerock.tistory.com/m

현 웹퍼블리싱 강사입니다. html5, css3, javascript, jQuery, wordpress, cafe24, gnuboard, react 등 웹퍼블리싱 기초부터 최근 트렌드를 다루고자 합니다.

구독자
5
방명록 방문하기
공지 ezweb 웹퍼블리싱 개인 레쓴 수시⋯ 모두보기

주요 글 목록

  • 라이브러리 없이 직접 스크롤애니메이션 구현! - javascript, CSS https://youtu.be/kC373znnx34 스크롤 애니메이션, 이제 라이브러리 없이도 충분합니다! 🙂안녕하세요! 이번 영상에서는 라이브러리 없이 오직 JavaScript와 CSS만으로 멋진 스크롤 애니메이션을 구현하는 방법을 소개해드립니다. GSAP이나 ScrollTrigger 같은 강력한 도구도 좋지만, 간단한 효과라면 굳이 무거운 라이브러리를 쓸 필요 없겠죠? 이 영상에서는 가볍고 심플하게, 하지만 확실한 애니메이션 효과를 만들어보는 방법을 알려드립니다.📌 영상에서 다루는 내용:사용자가 스크롤할 때 요소가 화면 안에 들어왔는지 감지하는 방법요소가 보일 때 애니메이션을 적용하고, 사라지면 다시 숨기는 로직getBoundingClientRect()와 window.innerHeight를 활용한.. 공감수 1 댓글수 1 2025. 5. 6.
  • CSS GRID 마스터: FIGMA 디자인 웹구현 실전 인프런 강의 바로가기초급자를 위해 준비한  [웹 퍼블리싱] 강의입니다.이런 걸 배울 수 있어요CSS GRID 기본 문법과 속성 완벽 정리실전 예제와 함께하는 프로젝트 실습디자인 참조 웹페이지 구현 노하우CSS GRID는 언제 사용할까요?아래와 같은 디자인이라면 여러분은 어떻게 스타일을 작성하시나요?여러분은 아마도 float이용하거나, flex를 이용하여 요소들을 배치하시겠죠? 디자인과 같이 12컬럼 그리드에 맞춰 요소들이 가로, 세로 정렬이 잘 되어 있는 경우에는 float 이나 flex를 이용하여 배치하는 것이 효율적일 겁니다.그렇다면 아래와 같은 디자인은 어떨까요? 위 디자인은 float이나 flex를 이용하여 배치하기 쉽지 않습니다, 그렇다고 모든 요소들을 absolute로 처리하기에는 무리가 있고.. 공감수 0 댓글수 0 2025. 3. 29.
  • 아직도 살아 있는 불사의 jQuery - 기초 부터 실무까지 전세계 웹사이트에서 75%이상이 사용하고 있는 javascript 라이브러리 jQuery ! 화려한 효과보다는 원리를 이해하며 기본기를 다질수 있도록 구성했습니다. 제이쿼리 기초부터 활용까지 학습하여 여러분만의 포트폴리오를 완성하거나, 현업에서 바로 활용해보세요. https://inf.run/ehphw 아직도 살아 있는 불사의 jQuery - 기초 부터 실무까지 강의 | 이지웹 - 인프런이지웹 | , jQeury를 아직도 학습해야 하는 이유jQuery는 2006년 처음 등장한 이후, 웹 개발자들에게 널리 사용되어 온 자바스크립트 라이브러리입니다. 그 주요한 이유 중 하나는 다양한 웹 브라우저www.inflearn.com 이런 걸 배울 수 있어요jQuery 기초 문법jQuery로 요소의 스타일 변경하기jQ.. 공감수 2 댓글수 0 2025. 2. 19.
  • 모바일 웹 제작 입문: Figma 디자인 완벽 구현하기 with Javascript 인프런 강의 소개드립니다. 웹 개발의 첫 걸음을 떼셨나요? HTML, CSS, javascript를 이제 막 시작하신 분들께 특별한 제안을 드립니다! 모바일 시대에 발맞춰 모바일 웹사이트를 만들고 싶지만, 어디서부터 시작해야 할지 망설여지시나요? 걱정하지 마세요. Figma 모바일 디자인을 직접 분석하고 구현하면서, 자연스럽게 반응형 웹 개발의 핵심을 배워보세요. 세련된 모바일 디자인을 토대로, 사용자의 마음을 사로잡는 섬세한 인터랙션부터 다양한 화면 크기에 완벽하게 적응하는 기술까지, 모든 것을 함께 알아가볼 수 있습니다. 이제 여러분의 웹사이트가 모든 기기에서 빛나도록, 노하우를 나눠드리겠습니다. 함께 시작해볼까요? https://inf.run/5vx9u 모바일 웹 제작 입문: Figma 디자인 완벽.. 공감수 1 댓글수 0 2025. 2. 10.
  • Figma 참조 - 반응형 쇼핑몰 웹사이트 만들기 완벽 가이드 html,css, javascript(jquery) 기초가 있으신가요? 그런데 전체 웹사이트 전체를 어떻게 만들지 잘 모르시나요? 그렇다면 디자인을 참조해서 쇼핑몰 메인페이지 구현을 도전해보세요. 완성된 디자인을 참조하고 기획 의도와 디자인의 상세한 사항들을 파악하여 웹사이트를 구현하는 노하우를 알려드립니다. 인프런에서 만나보세요 : https://inf.run/CZ1az 초급자를 위해 준비한 [웹 개발, UX/UI] 강의입니다. 이런 걸 배워요!Figma 디자인 해석과 이미지 추출하기HTML/CSS 파일 초기 세팅하기CSS 변수 및 글로벌 스타일 작성하기웹폰트 사용 설정하기레이아웃 설계: Grid와 Flexbox 활용하기미디어쿼리 활용 반응형 CSS 구현하기컨테이너 쿼리 활용 반응형 CSS 구현하기Sw.. 공감수 1 댓글수 0 2025. 1. 13.
  • 웹프로그래밍의 꽃! 자바스크립트 기초 인프런 강의가 오픈되었습니다. 안녕하세요.웹페이지 구현에서 html, css 다음으로 중요한 javascript!javascript를 학습하면 웹퍼블리싱 기본기를 마스터 할 수 있습니다. 이후 jquery, react, typscript등으로 발전할 수 있는 첫단계인 javascript를 이해하기 쉽게 온라인 강의를 오픈했습니다. 부담없이 학습해보세요.감사합니다. 웹프로그래밍의 꽃! 자바스크립트 기초 https://inf.run/mYma8 웹프로그래밍의 꽃! 자바스크립트 기초 강의 | 이지웹 - 인프런이지웹 | javascript를 통해 HTML의 요소를 선택하고 다양한 이벤트에 따라 요소의 스타일을 변경하거나 애니메이션 효과를 구현합니다. javascript의 기분문법에서 스타일 변경, 이벤트 설정 및 웹페www.inflearn.com 공감수 1 댓글수 1 2024. 12. 20.
  • [모집] 프로젝트기반 프론트엔드 개발자 양성(Figma/React/Next.js/PHP/Mysql/chatGPT) 안녕하세요.김동주 강사입니다.2025년 새롭게 시작하는 과정 소개 드립니다.기존과정 대비 react와 프론트엔드 부분이 강화된 과정으로 설계했습니다.  훈련시간: 125일, 총1000시간개강예정: 2025년 2월 중  커리큘럼은 아래과 같습니다. 교과목명세부내용훈련시간Client의 needs에 맞는 Web Page 구현웹기획 기초 - chatGPT 및 claude 활용 웹디자인 기초 - 와이어프레임, 프로토타입 디자인 웹언어 기초 -HTML, CSS 웹표준, 웹접근성, 검색엔진 최적화84 시간인터렉티브 웹앱 구현을 위한 Javascript 기초javascipt 기본 개념, 동작 원리, 개발 환경, 실행 방법 - 변수, 데이터 타입, 연산자, 제어문 - 함수, 배열, 스코프 - 이벤트 - DOM 조작60 .. 공감수 3 댓글수 4 2024. 12. 16.
  • 웹디자인개발기능사 자격증: 취업 경쟁력 강화와 최신 도서 소개 안녕하세요! 오늘은 웹디자인개발기능사 자격증이 취업에 어떻게 도움이 되는지 살펴보고, 관련 최신 도서를 소개해드리겠습니다.웹디자인개발기능사 자격증이 취업에 미치는 영향디지털 시대에 웹디자인은 다양한 산업 분야에서 필수적인 요소로 자리 잡았습니다. 이에 따라 웹디자인개발기능사 자격증은 취업 시장에서 다음과 같은 이점을 제공합니다:전문성 인증: 이 자격증은 웹디자인 분야에서의 전문성을 공식적으로 인정받을 수 있는 국가기술자격증입니다. 이를 통해 구직 시 자신의 능력을 효과적으로 어필할 수 있습니다.취업 기회 확대: 웹디자인개발기능사 자격증을 보유하면 전문 디자인 업체, 게임 회사, 일반 기업체, 웹사이트 개발 업체 등 다양한 분야로의 취업 기회가 열립니다. 고발닷컴프리랜서 활동 지원: 정규직뿐만 아니라 프리.. 공감수 3 댓글수 1 2024. 11. 18.
  • Hangman React 프로젝트 생성 가이드: 유튜브 영상과 함께하는 튜토리얼 안녕하세요! 오늘은 React로 만든 재미있는 게임 프로젝트, Hangman React를 소개하려 합니다. 이 프로젝트를 단계별로 생성하는 과정을 담은 유튜브 영상도 준비했습니다. 블로그를 읽고 영상을 함께 보며 따라 하면 멋진 게임을 직접 만들어볼 수 있습니다! 프로젝트 소개Hangman React는 전통적인 단어 맞추기 게임인 행맨을 React로 구현한 프로젝트입니다. React의 기본 기능부터 상태 관리, 사용자 인터페이스 구성까지 실습하면서 배울 수 있어 초급 개발자에게 매우 유용한 학습 프로젝트입니다.유튜브 영상에서 다루는 내용유튜브 영상에서는 아래와 같은 순서로 프로젝트를 생성하고 실행하는 방법을 설명합니다.1. 프로젝트 초기 설정Node.js와 npm 설치 여부 확인새 React 프로젝트 생.. 공감수 1 댓글수 1 2024. 11. 18.
  • 2025 시대에듀 유선배 웹디자인개발기능사 실기 과외노트 도서가 출간되었습니다. 여러분 안녕하세요. 2024 시대에듀 유선배 웹디자인기능사 실기 과외노트 출간이 어제 같은데, 여러분의 성원에 힘있어 개정판이 출간되었습니다. 개정판에는 최근 신규로 문항에 추가된 F유형의 문제까지 포함했습니다. F 유형은 최근 트렌드에 맞게 본문의 너비가 1340으로 훨씬 커진 구조를 가지고 있고, 메인 네비게이션에 호버시 나타나는 서브메뉴 구조도 난이도가 올라갔습니다.   웹디자인개발기능사 자격증을 준비하는 수험생이라면 실기 시험 준비의 중요성을 잘 알고 있을 것입니다. 『2025 시대에듀 유선배 웹디자인개발기능사 실기 과외노트』는 포토샵, HTML, CSS, Javascript, jQuery 등 실기 시험에 필요한 모든 요소를 효율적으로 담았습니다.다양한 실습 자료실제 시험에 출제되는 주요 문제 유.. 공감수 7 댓글수 3 2024. 11. 10.
  • javascript Typing Effect - 자바스크립트 타이핑 효과 구현하기 https://youtu.be/r0ZrcQvHGbs 순수 자바스크립트를 활용하여 텍스트가 계속해서 타이핑되고 지워지는 효과를 구현합니다. [ 학습내용 ]javascript에서 요소 선택하는 방법javascript에서 요소의 스타일을 변경하는 방법javascript 반복문javascript 조건문javascript 재귀함수javascript 타이머 함수 공감수 1 댓글수 1 2024. 9. 10.
  • javascript 고급진 아코디언 - AI보다 코드 잘짜기, chatGPT보다 코드 간결하게 https://youtu.be/fAy0QRcFCWk 이 영상에서는 **JavaScript**를 사용하여 **고급 아코디언** 컴포넌트를 만드는 방법을 소개합니다. HTML과 CSS 구조 확인부터 시작하여 아코디언의 **변수 설정**, **열기 및 닫기** 기능 구현까지 자세히 설명합니다.  **AI**보다 더 나은 코드 작성과 **chatGPT**보다 더 간결한 코드 작성 방법에 대해 다룹니다. **Accordion** 구현을 통해 **JavaScript**의 고급 기능을 배우고 싶다면 꼭 시청해 보세요! 공감수 1 댓글수 1 2024. 9. 5.
  • 취업률 87%! 2024년도 12월개강예정『기업연계 프로젝트형』 프론트엔드 웹&앱 SW개발자 양성 안녕하세요. rock's ezweb 김동주 강사입니다.현재 진행중인 기업연계 프로젝트형 프론트엔드 웹&앱 SW개발자 양성 과정의 4차 수강생을 모집합니다.3차과정과 비교하여 개인 프로젝트가 추가되었으며, Reat 과정 시간이 대폭 늘었습니다.  웹퍼블리싱 기초부터 백엔드 프로그래밍까지 차근차근 빡세게 가르쳐드립니다.  아래 영상으로 확인하실수 있습니다.비전공자, 전공자 상관없이 기초부터 확실하게 학습하고 과정중 완성하는 프로젝트를 통해 포트폴리오를 완성하는 과정입니다.많은 관심 부탁드립니다. 결코 쉬운 길은 아니지만 못갈 길도 아닙니다! 도전해보세요. https://youtu.be/GPDql1NkYHY 취업분야웹기획자, 웹디자이너, 웹퍼블리셔, 프론트엔드 개발자, 백엔드개발자 총 훈련시간 : 960시간훈.. 공감수 8 댓글수 1 2024. 8. 28.
  • custom cursor - 나만의 커서 만들기 - javascript + CSS https://youtu.be/wMfer1zavbA 00:00 시작 00:10 완성본예시 01:06 HTML, CSS 구조 확인 02:20 aspect-ratio 02:53 cursor 이미지로 변경하기 04:17 cursor HTML 추가 05:02 cursor CSS 09:07 mousemove 이벤트 11:58 cursor에 확대 효과 추가 기본 커서는 숨기고, 커서의 움직임에 따라 같이 이동할 요소를 생성하고 구현합니다. javascript를 통해 구현하는 방법을 학습해보세요. 공감수 0 댓글수 0 2024. 8. 28.
  • 무한슬라이드 - javascript animate 함수 활용, easing 추가 JavaScript의 animate 함수와 easing을 활용하여 무한 슬라이드를 구현하는 방법을 설명하고 있다. 슬라이드는 왼쪽으로 움직이며, 순환되어 다시 오른쪽에서 나타난다. 페이저를 클릭하면 해당 슬라이드가 움직이는 기능도 있다. https://youtu.be/B98b6xXh7PY Detailed Summary for [[subtitle] 무한슬라이드 - javascript animate 함수 활용, easing 추가] (https://www.youtube.com/embed/B98b6xXh7PY?autoplay=1) 💫 요약 이 동영상은 JavaScript의 animate 함수와 easing을 활용하여 무한 슬라이드를 구현하는 방법을 설명하고 있다. 슬라이드는 왼쪽으로 움직이며, 순환되어 다시 오.. 공감수 0 댓글수 0 2024. 2. 24.
  • 다음 지도 API 활용법 2024버전 https://youtu.be/kBpH-eL3sG0 개발자 등록하기 애플리케이션 등록하기 지도 샘플 구현하기 https://youtu.be/FOckJa_aEys 한페이지의 여러 지도 구현하기 공감수 0 댓글수 0 2024. 2. 16.
  • 구글 달력 API 활용 javascript 달력 구현하기 https://youtu.be/fIUxbj1f7SE fullcalendar 설치하기 구글 달력 API 신청 및 설정하기 fullcalendar와 구글 달력 API 연동하기를 학습할 수 있습니다. 공감수 0 댓글수 0 2024. 2. 16.
  • Javascript 42 [Full-screen javascript slide] 풀스크린 슬라이드 구현하기 1편 - CSS로만 슬라이드 구현하기 https://youtu.be/wOYiZOXLV1k 요약 Javascript 42 [Full-screen javascript slide] 풀스크린 슬라이드 구현하기 1편 - CSS로만 슬라이드 구현하기 하이라이트 자바스크립트를 사용하여 화면에 슬라이드를 구현하는 방법을 알려드립니다. 강조점 💻 자바스크립트를 사용하지 않고 CSS만으로 슬라이드를 구현하는 방법 📝 슬라이드 개수에 따라 인디케이터 생성 및 클릭으로 슬라이드 작동 구현 🖼️ HTML과 CSS로 슬라이드 구조를 만들고 이미지를 추가하는 방법 🔢 슬라이드 제목과 내용, 링크를 추가하여 각 슬라이드를 구성하는 방법 ⚙️ 슬라이드 컨트롤을 위한 라벨과 인플을 사용하여 슬라이드를 제어하는 방법 🎨 CSS 변수를 사용하여 색깔을 지정하고 효율적으로 스타.. 공감수 0 댓글수 0 2024. 2. 16.
  • Javascript 41 [드롭다운 서브메뉴] 순수 자바스크립트 3단계 업그레이드 https://youtu.be/nrd9xjHbIjE Summary 자바스크립트를 사용하여 드롭다운 서브메뉴를 업그레이드하는 방법을 배웠습니다. Highlights 💡 서브메뉴를 구현할 때 클래스명을 활용하는 기술을 사용할 수 있습니다. 💡 배경색을 마우스 오버시에 변경하는 효과를 구현할 수 있습니다. 💡 서브메뉴의 높이를 조절하여 자연스러운 구조를 만들 수 있습니다. 💡 부모 요소를 기준으로 위치를 잡는 절대 위치 설정을 사용할 수 있습니다. 💡 마진을 활용하여 메뉴 간격을 조정할 수 있습니다. 💡 서브메뉴의 길이에 따라 자동으로 공간을 조절할 수 있습니다. 💡 CSS를 사용하여 메뉴를 숨기고 보이게 할 수 있습니다. 공감수 0 댓글수 0 2024. 2. 15.
  • Javascript 40 [Gantt chart ] 순수 자바스크립트 반응형 일정표. css 변수, filter, foreach https://youtu.be/W31PPZ4wEMo Summary 자바스크립트로 반응형 일정표를 만들기 위해 순수 자바스크립트로 구현할 예정입니다. CSS 변수를 사용하여 스타일을 지정하고, Gantt 차트를 애니메이션으로 표현할 수 있습니다. Highlights 💻 자바스크립트로 반응형 일정표 구현 🎨 CSS 변수를 사용하여 스타일 지정 📊 Gantt 차트를 애니메이션으로 표현 Bullet Points 📅 시작 날짜와 끝 날짜를 데이터로 지정하여 일정표 구성 🎨 배경색을 데이터로 표현하여 각 태스크에 적용 💻 순수 자바스크립트로 구현하여 CSS에서 스타일을 조작하지 않음 📏 반응형으로 동작하여 다양한 화면 크기에서 사용 가능 💡 Gantt 차트의 밸류 스타일을 가로 배열로 구성 🎯 세로선을 사용하여 각.. 공감수 0 댓글수 0 2024. 2. 15.
  • Javascript 39 [ Menu Hover Animation ] 순수 자바스크립트 vanilar javascript 마우스를 올리면 따라다니는 메뉴바 애니메이션 https://youtu.be/6-bGYmRSnYI Summary 이번 자바스크립트 강의에서는 순수 자바스크립트를 사용하여 메뉴바에 마우스를 올리면 따라다니는 애니메이션을 만들었습니다. Highlights 🎥 마우스를 올리면 메뉴바가 움직이는 애니메이션을 구현했습니다. Bullet Points 🖱️ 메뉴바가 마우스를 따라다니는 애니메이션을 보여줍니다. ⬇️ 마우스를 올리면 메뉴바가 밝아지고 흐려지는 애니메이션을 추가했습니다. 💻 순수 자바스크립트를 사용하여 애니메이션을 구현했습니다. 🎨 CSS를 사용하여 메뉴바의 디자인을 설정했습니다. 🧩 HTML 구조를 살펴보고 CSS와 JavaScript를 적용했습니다. ✨ 메뉴바의 위치를 화면 기준으로 설정하여 움직이도록 했습니다. ⚙️ 스크립트를 작성하여 메뉴바의.. 공감수 0 댓글수 0 2024. 2. 14.
  • Javascript 38 [ Javascript Number Animation ] 순수 자바스크립트 숫자 바뀌는 애니메이션 구현하기 https://youtu.be/pwV40r8IGWQ 요약 이 자바스크립트 튜토리얼에서는, 숫자가 올라가는 애니메이션을 순수 자바스크립트로 구현하는 방법을 알려줍니다. 하이라이트 💡 숫자가 프로르 캐서 올라가는 애니메이션을 자바스크립트로 구현해 보세요. 강조점 💡 자바스크립트를 이용하여 애니메이션을 구현합니다. 💡 HTML 요소에 숫자를 바꾸는 함수를 적용합니다. 💡 setInterval 함수를 사용하여 일정 시간마다 숫자를 증가시킵니다. 💡 숫자가 일정 값에 도달하면 애니메이션을 멈춥니다. 💡 숫자가 바뀌는 원리를 이해하면 쉽게 구현할 수 있습니다. 공감수 0 댓글수 0 2024. 2. 14.
  • Javascript 37 [ accodion easy version ] 순수 자바스크립트 아코디언 구현하기 - 쉬운버전 https://youtu.be/UG1dBRYu0t4 Summary 이번 강의에서는 자바스크립트로 쉽게 아코디언을 구현하는 방법을 배웠습니다. Highlights 🎉 아코디언 구현: 자바스크립트로 아코디언을 구현해 보았습니다. 📚 HTML 구조: 아코디언을 구현하기 위해 HTML 구조를 만들었습니다. 💻 CSS 스타일링: CSS를 사용하여 패널의 바디를 숨기는 스타일링을 했습니다. ⚙️ 스크립트 기능: 클릭 이벤트를 사용하여 액티브한 패널만 보이도록 구현했습니다. 🖱️ 클릭 이벤트: 클릭한 패널의 액티브 클래스를 추가하고 다른 패널의 액티브 클래스를 제거하는 기능을 구현했습니다. 🧩 배열 요소 처리: 배열로 들어오는 패널 요소를 처리하여 클릭 이벤트를 적용했습니다. 공감수 0 댓글수 0 2024. 2. 13.
  • Javascript 36 [ lightbox easy version ] 순수 자바스크립트 라이트박스 모달 구현하기 - lightbox, modal https://youtu.be/xKr8OVOqs00 요약 자바스크립트를 사용하여 순수 자바스크립트로 라이트박스 모달을 구현하는 방법에 대해 알려드립니다. 하이라이트 🖼️ 라이트박스 효과는 이미지를 강조하는 효과를 만들어줍니다. 강조 포인트 🌟 라이트박스는 이미지를 검게 처리하고 원하는 이미지만 강조합니다. 🌟 라이트박스는 포트폴리오, 로그인 및 회원가입 페이지 등 다양한 곳에서 활용할 수 있습니다. 🌟 사용자가 클릭한 이미지를 크게 보여주는 효과를 구현할 수 있습니다. 🌟 라이트박스 오버레이에 이미지를 추가하여 원하는 위치에 큰 이미지를 보여줄 수 있습니다. 🌟 CSS를 사용하여 라이트박스 오버레이의 스타일을 설정할 수 있습니다. 🌟 라이트박스 오버레이에 링크 이벤트를 추가하여 이미지 클릭 시 다른 페이.. 공감수 0 댓글수 0 2024. 2. 12.
  • Javascript 35 [ essentials #2 ] 자바스크립트 핵심 리뷰 #2 - CSS 변경, 이벤트 연결, DOM Manipulation https://youtu.be/B9pk6DyH1Ok Summary 자바스크립트 핵심 리뷰 #2에서는 CSS 변경, 이벤트 연결, DOM 조작 등에 대해 다루었습니다. Highlights 🎨 CSS 변경: 메뉴 안의 li 요소들의 색상을 파란색으로 변경하는 방법을 배웠습니다. 🖱️ 이벤트 연결: 선택한 요소에 이벤트를 연결하여 원하는 동작을 수행할 수 있습니다. 🧱 DOM 조작: DOM 요소를 선택하고 조작하여 화면을 동적으로 변경할 수 있습니다. Bullet Points 🔍 선택자와 반복문을 이용하여 메뉴 안의 li 요소들의 색상을 파란색으로 변경할 수 있습니다. 📝 객체의 속성을 활용하여 선택한 요소의 색상을 변경할 수 있습니다. 🚀 반복문을 활용하여 여러 개의 요소에 동일한 작업을 반복적으로 수행할 .. 공감수 0 댓글수 0 2024. 2. 12.
  • Javascript 34 [ essentials #1 ] 자바스크립트 핵심 리뷰 #1 - 반복문, Loop, Repetitive Statement https://youtu.be/4eFMxM_-Vn0 Summary 이번 동영상은 자바스크립트의 핵심인 선택자와 반복문에 대해 알려줍니다. Highlights 🎯 선택자는 자바스크립트에서 가장 중요한 요소입니다. 📝 선택한 요소의 CSS를 수정하거나 이벤트를 연결할 수 있어야 합니다. 🔂 반복문은 선택한 요소들을 배열에서 처리하기 위해 필요합니다. 🍏 프로트 엔드 개발에서 자주 사용되는 반복문은 for문입니다. 🍒 선택한 요소를 리스트 형식으로 출력하는 예제를 실습합니다. 📜 선택자와 반복문을 통해 요소들을 동적으로 조작할 수 있습니다. 공감수 0 댓글수 0 2024. 2. 11.
  • 여러분의 열공을 응원합니다 [ezweb 채널 회원 혜택 안내] 안녕하세요. rock's easyweb 채널 운영자인 김동주 강사입니다. 반갑습니다. 최근 하루가 멀다하고 다양한 tool이 소개되고 있고, AI를 활용하여 웹앱이나 앱등을 빠르게 구현할 수 있는 다양한 방법들이 소개되고 있습니다. 마음만 비우고 지갑만 채우면 얼마든지 코딩없이도 그럴싸한 웹사이트를 구현할 수 있는 시대입니다. 이럴 때 일수록 더욱더 정신을 가다듬고 우리의 살길을 찾아야 할 것 같습니다. 이제는 단순 무식한, 시간이 많이 소요되는 작업들은 AI에 시키고, 인간만이 할 수 있는 창의적인 기획력을 바탕으로 서비스를 기획하고 웹앱이든 앱이든 어플리케이션을 구현하는 전 과정에서 AI 툴들을 적절히 활용하고, AI 툴들에게 정확한 명령어로 원하는 답이 도출되도록 하는 노하우가 필요한 시대입니다. .. 공감수 0 댓글수 0 2024. 1. 31.
  • 수강생 모집 : 피그마(Figma) UI/UX 웹디자인&웹퍼블리셔를 위한 완벽활용 안녕하세요. rocks'easyweb의 김동주 강사입니다. 피그마활용 웹디자인 & 웹퍼블리싱 강의를 그린컴퓨터아트학원(종로점)에서 재직자 수업(일반도 신청가능)으로 진행합니다. 기초는 있지만 종합적으로 적용이 어려운 분,반응형이 힘든 분,모바일 전용 쇼핑몰 구현이 궁금한 분 한번 도전해보세요! 1. 강의 일정 개강일: 1월30일~3월14일(화목, 13일) 강의장: 그린컴퓨터아트학원 종로지점 - 212호 휴강일: 2/8(목)---------[※ 이외 공휴일휴무] 교육시간: 19:10~22:10(3H) 문의: 02-722-2111 수강상담 신청하기: https://forms.gle/6vqGTSnuq2ntzaFY8 모집인원: 20명 2. 강의 내용 피그마 기초 - Adobe XD, sketch, Figma 비.. 공감수 1 댓글수 2 2024. 1. 22.
  • 도서 서평 이벤트! 도서를 무료로 드립니다. 최근에 출간된 "2024 SD에듀 유선배 웹디자인기능사 실기 과외노트" 서평 이벤트를 진행합니다. 웹디자인 기능사를 준비하고 계시다면 이벤트에 참여하여 무료로 도서를 받아보세요. 이벤트에 당첨되신 분들은 yes24와 개인 sns 채널에 서평을 남겨주시면 됩니다. 많은 참여와 홍보 부탁드립니다. 감사합니다. 이벤트 신청 기간: 2023.10월 20일까지 당첨자 발표:2023.10월 21일 도서정보 확인하기: https://www.yes24.com/Product/Goods/122330497 2024 SD에듀 유선배 웹디자인기능사 실기 과외노트 - 예스24 웹디자인기능사는 단순 코딩 실력만 테스트하는 것이 아니라 웹디자인에 필요한 포토샵 기술도 테스트합니다. 포토샵을 통한 이미지 편집, 텍스트 생성 및 변형,.. 공감수 0 댓글수 0 2023. 10. 12.
  • 2024년도 6월개강예정『기업연계 프로젝트형』 프론트엔드 웹&앱 SW개발자 양성 안녕하세요. rock's ezweb 김동주 강사입니다. 현재 진행중인 기업연계 프로젝트형 프론트엔드 웹&앱 SW개발자 양성 과정의 4차 수강생을 모집합니다. 3차과정과 비교하여 개인 프로젝트가 추가되었으며, Reat 과정 시간이 대폭 늘었습니다. 웹퍼블리싱 기초부터 백엔드 프로그래밍까지 차근차근 빡세게 가르쳐드립니다. 아래 영상으로 확인하실수 있습니다. 비전공자, 전공자 상관없이 기초부터 확실하게 학습하고 과정중 완성하는 프로젝트를 통해 포트폴리오를 완성하는 과정입니다. 많은 관심 부탁드립니다. 결코 쉬운 길은 아니지만 못갈 길도 아닙니다! 도전해보세요. https://youtu.be/GPDql1NkYHY 취업분야 웹기획자, 웹디자이너, 웹퍼블리셔, 프론트엔드 개발자, 백엔드개발자 총 훈련시간 : 960.. 공감수 1 댓글수 0 2023. 10. 12.
    문의안내
    • 티스토리
    • 로그인
    • 고객센터

    티스토리는 카카오에서 사랑을 담아 만듭니다.

    © Kakao Corp.