모바일, 태블릿, pc 반응형 인스타그램 클론코딩
이 강의를 통해 수강생은 HTML, CSS, JS로 인스타그램과 비슷한 웹서비스를 만들 수있습니다. ( 프론트만 구현했습니다! 백엔드 서버 구축은 차후 강의 촬영 예정입니다.)
초급자를 위해 준비한
[웹 퍼블리싱, 프론트엔드] 강의입니다.
이런 걸
배워요!
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를 이용한 배포
이런 분들께
추천드려요!
학습 대상은
누구일까요?
서비스를 만들어보고 싶으신 분
웹 및 앱개발에 흥미가 있으신 분
라이브러리,프레임워크 사용 안하고 순수 html, css, javascript만 이용해서 서비스를 만들고 싶으신 분
선수 지식,
필요할까요?
html
css
javascript
안녕하세요
더코딩클럽입니다.
수강하시는 분들은 IT 계열에 관심 있으실 것 같습니다.
수강하시는 모든 분들이 원하는 목표 성취하셨으면 좋겠습니다.
많은 수강 바라고 행복하시길 바랍니다. 감사합니다.
[자사 학습 관리 서비스]
[현업개발 이력]
IT 개발자
2019.03 ~ 2020.04 삼성전자 18L 관제시스템 개발
2020.04 ~ 2020.09 삼성디스플레이 DB 마이그레이션
2020.12 ~ 2022.01 스타트업 영업사원들을 위한 반응형 솔루션 개발 ( 하이브리드 앱 )
2022.02 ~ 2022.10 하나캐피탈 자동차 하이브리드 플랫폼 개발 ( 하이브리드 앱 )
2022.11 ~ 현재 : 시리즈 B 투자 스타트업 플랫폼 개발 및 외주 개발
[학력]
경희대학교 전자공학과 졸업 ( 학사 )
커리큘럼
전체
91개 ∙ (12시간 57분)
가 제공되는 강의입니다.
vscode 설치
05:49
CSS BEM 규칙
07:25
로그인 페이지 마크업
05:32
로그인 페이지 마크업 완료
11:27
로그인 페이지 스타일링
18:51
로그인 페이지 기능구현
08:12
회원가입 페이지
03:35