
IT입문자를 위한 전반적인 개념 정리
더코딩클럽
이 강의를 통해 수강생은 IT의 전반적인 흐름을 배울 수 있습니다.
입문
IT 서비스 관리, 컴퓨터 구조
이 강의를 통해 수강생은 HTML, CSS, JS로 인스타그램과 비슷한 웹서비스를 만들 수있습니다. ( 프론트만 구현했습니다! 백엔드 서버 구축은 차후 강의 촬영 예정입니다.)







Krafton
에 관심있는 사람들도 듣는 중!





Krafton
에 관심있는 사람들도 듣는 중!
vscode 세팅, 필수 extension 세팅
CSS BEM 규칙
reset.css를 활용한 초기세팅, 폴더 및 파일구조 만들기
미디어 쿼리를 활용한 모바일, 태블릿, pc 디바이스 최적화
flexbox를 활용한 정렬
(position, transition, transform(translate 함수))를 활용
grid를 활용한 화면 배치
검색, 알림, 더보기 애니메이션 구현
순수 javascript를 활용한 웹캐러셀, 모바일 터치 캐러셀 구현
javascript 기본문법(변수, 함수, 조건문, 반복문(for, forEach, while), 배열, 객체, 옵셔널체이닝, arrow function, 이벤트위임(캡처링, 버블링)) 활용
javasript DOM 조작을 활용한 랜더링 ( createElement, appendChild, parentNode, removechild, querySelector, querySelectorAll,getElementById, children, getAttribute, setAttribute, classList.add, classList.contains, classList.toggle ... )
순수 javascript를 활용해 카테고리 필터링 구현
글쓰기, 댓글, 공유 모달창, dim 처리 구현
이미지 업로드, 비디오 재생 및 비디오 무음처리 구현
navBar(사이드바, 탑, 바텀바)구현, 모바일웹에 맞게 네비게이션바 최적화
로그인, 회원가입, 홈, 릴스, 탐색, 메시지, 프로필 페이지 구현
북마크, 좋아요 구현
폰트어썸을 활용해 아이콘 적용하기
공통 컴포넌트 쪼개기
github-pages를 이용한 배포
로그인
더보기 애니메이션
회원가입
검색, 알람
메시지
캐러셀
릴스
카드 리스트
공유 모달
좋아요, 북마크
댓글 모달
게시물 생성 모달
탐색 페이지
프로필 필터링
일반인 99%를 위한 IT 기초지식 강의, HTMl, CSS, JS 문법 강의에 이은 세번 째 강의입니다!
이번에는 html, css, js를 활용해 웹서비스를 만들고 싶으신 분들을 위해 준비한 강의입니다.
이 강의를 수강하기 전에 일반인 99%를 위한 IT 기초지식 강의를 선수강 하시면 더욱더 이해가 빠르지만, 듣지 않았더라도 수강하시는 데는 문제 없습니다.
>> 일반인 99%를 위한 IT 기초지식 강의 무료로 들으러 가기 (클릭)
다만 이 강의를 수강 하기전에 HTML, CSS, JS 에 대한 기본 지식은 있어야 수강할 때 이해가 가능합니다.
-> html, css, js 왕초보 무료로 탈출하기 클릭
저의 현업 경험을 녹여낸 강의입니다!
제가 시행착오를 겪으며 배웠던 노하우를 담았습니다. HTML, CSS, JS을 활용하시고 싶으신 분들을 위해 준비 했습니다.
해당강의 이미지 및 비디오는
https://fontawesome.com/search?q=card&o=r&m=free
를 참조했습니다.
수강하실 때 필요한 자료와 소스코드들은 첫강의 및 섹션 틈틈이 강의자료로 첨부했습니다.
긴 글 읽어주셔서 감사드리고 행복한 일만 가득하시길 바랍니다.
학습 대상은
누구일까요?
서비스를 만들어보고 싶으신 분
웹 및 앱개발에 흥미가 있으신 분
라이브러리,프레임워크 사용 안하고 순수 html, css, javascript만 이용해서 서비스를 만들고 싶으신 분
선수 지식,
필요할까요?
html
css
javascript
8,970
명
수강생
223
개
수강평
4
개
답변
4.5
점
강의 평점
9
개
강의
수강하시는 분들은 IT 계열에 관심 있으실 것 같습니다.
수강하시는 모든 분들이 원하는 목표 성취하셨으면 좋겠습니다.
많은 수강 바래요.
[현업개발 이력]
2019.03.02 ~ 현재 개발
[학력]
경희대학교 전자공학과 졸업 ( 학사 )
전체
91개 ∙ (12시간 57분)
해당 강의에서 제공:
2. vscode 설치
05:49
3. CSS BEM 규칙
07:25
4. 로그인 페이지 마크업
05:32
5. 로그인 페이지 마크업 완료
11:27
6. 로그인 페이지 스타일링
18:51
7. 로그인 페이지 기능구현
08:12
8. 회원가입 페이지
03:35
10. 네브메뉴 마크업
13:04
11. 더보기 메뉴 마크업
06:07
12. 네브메뉴 스타일링
11:56
13. 더보기 스타일링
07:32
14. 폴더, 파일정리
06:08
15. 검색하기 마크업
09:09
16. 검색하기 스타일링
15:28
17. 검색 구현완료
05:33
18. 알람 마크업
07:33
19. 알람 스타일링
12:26
20. 알람 팔로잉
06:29
21. 알람 구현완료
04:03
22. 네브메뉴 리팩토링
17:14
23. 네브메뉴 리팩토링_2
10:01
전체
1개
깜짝 연장! 썸머 블랙프라이데이 할인 중 (2일 남음)
월 ₩89,380
5개월 할부 시
28%
₩29,700
₩446,901
지식공유자님의 다른 강의를 만나보세요!
같은 분야의 다른 강의를 만나보세요!