Summary
이번 동영상은 자바스크립트의 핵심인 선택자와 반복문에 대해 알려줍니다.
Highlights
🎯 선택자는 자바스크립트에서 가장 중요한 요소입니다.
📝 선택한 요소의 CSS를 수정하거나 이벤트를 연결할 수 있어야 합니다.
🔂 반복문은 선택한 요소들을 배열에서 처리하기 위해 필요합니다.
🍏 프로트 엔드 개발에서 자주 사용되는 반복문은 for문입니다.
🍒 선택한 요소를 리스트 형식으로 출력하는 예제를 실습합니다.
📜 선택자와 반복문을 통해 요소들을 동적으로 조작할 수 있습니다.
최근 하루가 멀다하고 다양한 tool이 소개되고 있고, AI를 활용하여 웹앱이나 앱등을 빠르게 구현할 수 있는 다양한 방법들이 소개되고 있습니다. 마음만 비우고 지갑만 채우면 얼마든지 코딩없이도 그럴싸한 웹사이트를 구현할 수 있는 시대입니다. 이럴 때 일수록 더욱더 정신을 가다듬고 우리의 살길을 찾아야 할 것 같습니다.
이제는 단순 무식한, 시간이 많이 소요되는 작업들은 AI에 시키고, 인간만이 할 수 있는 창의적인 기획력을 바탕으로 서비스를 기획하고 웹앱이든 앱이든 어플리케이션을 구현하는 전 과정에서 AI 툴들을 적절히 활용하고, AI 툴들에게 정확한 명령어로 원하는 답이 도출되도록 하는 노하우가 필요한 시대입니다.
제가 생각하는 우리의 바람직한 자세는 튼튼한 기초를 가지고 AI툴에 휘둘리지 않고 정확하게 오더를 내리고, 결과물에서 미비한 부분을 올바르게 수정할 수 있는 탄탄한 기본기를 가지는 것이라고 생각합니다. 이에 제 채널을 통해 공부하고 계시는 많은 분들께 채널의 사용법에 대해 안내 드립니다.
⚡️ 디자이너
디자인 재생 목록: https://www.youtube.com/playlist?list=PL-qMANrofLyu2NMeIYkY5b650cKBVyR59
06 Design
포토샵, 일러스트레이터, 피그마등 다양한 디자인 프로그램으로 웹디자인을 학습합니다.
www.youtube.com
포토샵, 일러스트레이터, 피그마등 디자인 툴을 학습할 수 있습니다. 포커스는 코딩친화적인 웹사이트 디자인에 있습니다.
⚡️ 퍼블리셔(프론트 엔드 개발자)
아래 순서의 재생목록으로 학습하시면 되겠습니다.
01 HTML -> 02 CSS -> 03 PSD TO HTML & CSS -> 04 Javascript
⚡️ 최근 내용으로 핵심 내용 학습하기
영진닷컴 IT 채널 ☑️ https://bit.ly/3pCGNqp
영진닷컴 IT 채널
www.youtube.com
회원 등급은 그린, 실버, 골드로 구분되어 있습니다. 각 회원 등급별로 혜택의 차이가 있으니 참고하셔서 가입하시면 됩니다.
⚡️ 회원 공통 혜택
☑️ 카카오톡 오픈 채널을 통해 궁금한 사항에 대한 질문과 답변을 받을 수 있습니다.
☑️ 채널 영상에서 소개되면 핵심 노트를 보실수 있습니다. 핵심 노트는 지속적으로 최신 정보로 업데이트 되고 있습니다.
⚡️ 그린 등급 혜택
☑️ 카카오톡 오픈 채널
☑️ 핵심노트 공개
DESIGN
HTML & CSS
⚡️ 그린 등급 혜택
☑️ 카카오톡 오픈 채널
☑️ 핵심노트 공개
DESIGN
HTML & CSS
Javascript & jQuery
| Benefits | Green | Silver | Gold |
| 카카오톡 오픈 채팅 | ✔ | ✔ | ✔ |
| 디자인 핵심노트 | ✔ | ✔ | ✔ |
| HTML CSS 기초노트 | ✔ | ✔ | ✔ |
| HTML CSS 중급노트 (FLEX, GRID) |
✔ | ✔ | |
| JAVASCRIPT JQUERY 핵심노트 |
✔ | ✔ | |
| CMS 재생목록 보기 | ✔ | ✔ | |
| CMS 핵심노트 | ✔ | ||
| 예제시작파일 | ✔ | ✔ | |
| 예제완료파일 | ✔ |
Rock's Easyweb
안녕하세요. Rock's Easyweb(구, 바위처럼의 이지웹) 의 강사 김동주입니다. 본 채널은 웹디자인부터, html, css, javascript, jquery등 기본적인 웹퍼블리싱에 필요한 프로그램과 언어를 비롯하여 php, cafe24,
www.youtube.com
1. 채널 홈에서 아래와 같이 가입 버튼을 클릭합니다.
2. 멤버쉽 안내 페이지에서 원하는 회원 등급을 선택하고 가입 버튼을 클릭합니다.
3. ⚡️ 가입정보를 이메일로 전송합니다. (중요!)
가입할 때 사용한 gmail 주소, 유튜브 표시이름(닉네임), 가입등급을 ezwebpub@gmail.com으로 보내주세요.
[예시]
회원가입했습니다. 구글드라이브 자료 공유 부탁드립니다.
아이디 : 나잘난
이메일 : abcnajalan@gmail.com
공유된 폴더는 구글드라이브 공유문서함에서 확인하실 수 있습니다.
이상으로 채널 활용법 및 회원 가입 안내 드렸습니다.
참고로 ezwebpub.com는 유튜브 회원등급과 상관없이 소스를 개별 구매할 수 있습니다. 감사합니다.
안녕하세요. rocks'easyweb의 김동주 강사입니다.
피그마활용 웹디자인 & 웹퍼블리싱 강의를 그린컴퓨터아트학원(종로점)에서 재직자 수업(일반도 신청가능)으로 진행합니다.
기초는 있지만 종합적으로 적용이 어려운 분,반응형이 힘든 분,모바일 전용 쇼핑몰 구현이 궁금한 분
한번 도전해보세요!
개강일: 1월30일~3월14일(화목, 13일)
강의장: 그린컴퓨터아트학원 종로지점 - 212호
휴강일: 2/8(목)---------[※ 이외 공휴일휴무]
교육시간: 19:10~22:10(3H)
문의: 02-722-2111
수강상담 신청하기: https://forms.gle/6vqGTSnuq2ntzaFY8
모집인원: 20명
피그마 기초
- Adobe XD, sketch, Figma 비교
- 설치, UI 메뉴, 프레임
- 쉐이프, 클리핑 마스크, 펜툴, 폰트 위계
- 컴포넌트, 프로토 타이핑
- UI 디자인 원칙
- 그리드
피그마 웹디자인 실무
- 버튼, 배너
- 배너, 서비스, 후기
- 푸터, 회사소개페이지
- 서브페이지, 아코디언
- 서브페이지, 회원가입, 로그인
디자이너의 피그마 활용(응용)
- 피그마 반응형 디자인
- 피그마 모바일 쇼핑몰
(상기 일정은 학습 여건에 따라 변경될 수 있습니다.)
- 포토샵 또는 일러스트로 웹디자인을 한 경험이 있는 분 또는 없는분도 가능
(포토샵, 일러스트레이터를 몰라도 피그마는 가능합니다.)
- 코딩 친화적인 디자인과 전체 프로세스를 경험해보고 싶은 분
피그마 디자인 & 디자인 참고 웹페이지 구현하기
디자인 참고 웹페이지 구현하기
- 02-722-2111
- ezwebpub@gmail.com
- 수강상담 신청하기: https://forms.gle/6vqGTSnuq2ntzaFY8
제 유튜브 영상의 재생목록에서 아래 차시를 미리 학습해주시면 감사하겠습니다.
유튜브 채널: https://www.youtube.com/@ezweb
| [모집] 프로젝트기반 프론트엔드 개발자 양성(Figma/React/Next.js/PHP/Mysql/chatGPT) (4) | 2024.12.16 |
|---|---|
| 취업률 87%! 2024년도 12월개강예정『기업연계 프로젝트형』 프론트엔드 웹&앱 SW개발자 양성 (1) | 2024.08.28 |
| 2024년도 6월개강예정『기업연계 프로젝트형』 프론트엔드 웹&앱 SW개발자 양성 (0) | 2023.10.12 |
| 피그마(Figma) UI/UX 웹&앱 디자이너를 위한 실무활용(4차) (0) | 2023.07.13 |
| 수강생 모집 『기업연계 프로젝트형』 프론트엔드 웹&앱 SW개발자 양성 (0) | 2023.04.03 |