클론코딩 3

드림 코딩 : 반응형 헤더 만들기

방법 영상을 보고 감을 잡는다 > 힌트를 써놓는다 > 혼자 만들어 본다 > 해결 못한 부분 영상 보고 해결한다 영상 드림 코딩 : 반응형 헤더편 힌트 웹사이트 레이아웃 2가지 1. 넓은 너비 일 때 -네비 바 : 박스 3가지 (로고, 메뉴, 아이콘)=플랙스 박스, 양쪽 사이드&스페이스 골고루 =space-btween 2. 좁은 너비 일 때 -네비 바 : 미디어 쿼리 이용해서 박스 재배치, 박스 3가지 (로고, 메뉴, 아이콘), 플랙스박스 정렬=column 혼자 만들기 영상 보며 만들기 css 파일 연결하기 ~태그 1. HTML 구조 만들기 ~가장 큰 박스 만들기 : 시멘틱 태그 태그 : nav.navbar 탭 ~중간 3 박스 만들기 : .navbar__logo 탭, .navbar__menu 탭, .nav..

클론 코딩 2020.09.21

프론트엔드 독학 스터디 계획 (by. 식초)

-기초: HTML, CSS, JavaScript, Git/Github -기본: React(JS기반 프레임워크) -심화: SCSS, BootStrap,TypeScript, Webpack (필요할 때 함께 공부하기, 어쩌면 취업 후 개인공부) 1.개인 프로젝트 2-3개를 한다. 깃허브에 올린다. 2.코딩테스트를 준비한다.(JavaScript, Python 등의 언어로) 3.컴퓨터 공학 기초는 공부한다. (면접 때, 프로그래밍 할 때 전반에 필요) -스타트업은 1의 비중(실무)이 높다. 그러나 2(코테)도 한다. -대기업은 2의 비중(코테)가 높다. 그래도 1(실무)도 해야한다. -연봉은 스타트업, 대기업 모두 중상이니 가리지 말고 1과 2를 모두 한다. -1,2,3을 모두 해야 취업이 가능하다. 중요도는 1..