📝
프론트엔드 스쿨 교안(1기)
📝

프론트엔드 스쿨 교안(1기)

1. 강의 일정표2. 강의 운영 및 기타 사항3. FE(Front-end)4. BE(Back-end)5. 부록

1. 강의 일정표

📝
강의 일정표

2. 강의 운영 및 기타 사항

📝
우리는 이렇게 공부해요! 😉
📝
나를 따라오라! 로오드맵!
📝
공부한 내용이나 교안 공유 범위
📝
나에게 Error가?!
📝
VSC 환경설정 및 단축키
📝
각종 과제 피그마 링크
📝
수업을 시작하기 전 알아야 할 기초 상식
✨
혹시 진도를 놓치셨어도 걱정하지 마세요!
📝
질의응답 모음!

3. FE(Front-end)

📝
github
📝
HTML
🥋
기초 레이아웃 구현 프로젝트
🥋
과제(레이아웃 구현 프로젝트 - 1)
📝
CSS
🥋
과제(레이아웃 구현 프로젝트 - 2)
🥋
과제(라이캣 그리기)
🥋
과제(CSS animation)
🥋
과제(1만 시간의 법칙 반응형 웹 구현)
🥋
과제(벤딩머신-미디어 쿼리)
📝
SASS
📝
Bootstrap
📝
Javascript
🥋
과제(간단한 이미지 슬라이드)
🥋
과제(간단한 모달창)
🥋
과제(웹 개발 프로젝트1 - 영화 별점 페이지)
🥋
과제(웹 개발 프로젝트2 - 랜딩페이지)
📝
JQuery & Ajax

4. BE(Back-end)

📝
Server(Linux, Ubuntu, AWS)
📝
Node
📝
MongoDB와 MySQL
🥋
과제(SNS 만들기 - 감귤마켓)
📝
React(Front-end)
🥋
과제(오픈 마켓 서비스)
📝
웹팩
📝
HTTP/HTTPS
📝
SEO
📝
웹 접근성

5. 부록

📝
(코테준비) 자료구조 및 알고리즘
📝
웹 서비스 개발 기획
📝
정규표현식(해시태그, URL 파싱 등에 사용)
📝
Server
📝
JSON
📝
API, API Server
📝
Cloud
📝
프레임워크와 라이브러리
📝
json generate & postman
📝
WHATWG URL's origin property
📝
암기 공식 & 코드 스니펫
📝
면접질문
📝
알고리즘 테스트 사이트
📝
추천 책 & 글 & 미디어 모음
📝
취업 연계 행사 추천
Notion 사용법Notion 사용법
Notion 사용법
간단한 피그마 사용 방법(뷰어 기준)간단한 피그마 사용 방법(뷰어 기준)
간단한 피그마 사용 방법(뷰어 기준)
📝
간단한 코드 공유 툴
🖋️
손코딩
🗂️
포트폴리오 템플릿과 작성시 유의사항
📝
시각화 도구(Chart js, d3 js, canvas)
🗂️
코드리뷰
 
🎡
강의 총 정리