$$config title: 모작,숙제(차지윤) keywords: - html - css $$ # 보기페이지 단축키 - 현재문서 수정하기 : Ctrl + E - 저장 : Ctrl + S
## 유튜브 링크 걸기 $$youtube $$
## 코드 하이라이팅 ```html

``` ```css div {color: #fff;} ```
## 텍스트 커스텀 -[hax컬러 확인 링크 바로가기](https://www) 텍스트 노란색 형광펜
# 모작 #### 넥슨 -관련 사이트 : [공식 홈페이지 이동](https://company.nexon.com/kr/) ㄴ[탑바 완료](https://codepen.io/jeeyoun1014/pen/jOXNqrQ?editors=1100)
#### 씨벤티지 -관련 사이트 : [공식 홈페이지 이동](https://www.seavantage.com/kr) ㄴ[탑바 완료](https://codepen.io/jeeyoun1014/pen/bGObpyZ?editors=1100)
#### 뚜레쥬르 -관련 사이트 : [공식 홈페이지 이동](https://www.tlj.co.kr:7008/index.asp) ㄴ1단계 : [1차 탑바 만들기 완료] ㄴ2단계 : [2차 메인배너 추가 완료] ㄴ3단계 : [3차 이벤트 섹션 40% 완료](https://codepen.io/jeeyoun1014/pen/VwqZjxV) ㄴ4단계 : [4차 이벤트 섹션 50% 완료](https://codepen.io/jeeyoun1014/pen/ZEVYqYx) ㄴ5단계 : [5차 60% 완료](https://codepen.io/jeeyoun1014/pen/NWeNgWR?editors=1100) ㄴ6단계 : [6차 65% 완료](https://codepen.io/jeeyoun1014/pen/RwEGWXP?editors=1100) #### 롯데문화센터 -관련 사이트 : [공식 홈페이지 이동](https://culture.lotteshopping.com/index.do) ㄴ1단계 : [1차 제작](https://codepen.io/jeeyoun1014/pen/VwqEvqa) # 숙제 ##### 8/17 ㄴ[absolute 블로그 완료](https://jeeyoun1014.tistory.com/21) ##### 8/18 ㄴ[상황에 따른 padding 변화 블로그 완료](https://jeeyoun1014.tistory.com/22) ##### 8/21 ㄴ[수업 중 대구은행 부분 모작 완료](https://codepen.io/jeeyoun1014/pen/ExGaymy?editors=1100) ㄴ[대구은행 2차 완료](https://codepen.io/jeeyoun1014/pen/ExGaymy?editors=1100) ##### 8/22 ㄴ[2차메뉴-1 블로그 완료](https://jeeyoun1014.tistory.com/24) ㄴ[2차메뉴 숙제 완료](https://codepen.io/jeeyoun1014/pen/xxmbyxm?editors=1100) ##### 8/24 ㄴ[문제풀기 완료](https://codepen.io/jeeyoun1014/pen/vYvOQBK?editors=1100) ㄴ[2차메뉴-2 블로그 완료](https://jeeyoun1014.tistory.com/25) ##### 8/28 ㄴ[반응형 이미지 블로그 완료](https://jeeyoun1014.tistory.com/26) ##### 8/29 ㄴ[가변 그리드 블로그 완료](https://jeeyoun1014.tistory.com/27) ㄴ[반응형 탑바 만들기-1] -1단계: [노란탑바 제작 완료](https://codepen.io/jeeyoun1014/pen/KKbVEqQ) -2단계: [노멀라이즈 완료](https://codepen.io/jeeyoun1014/pen/RwErdxa) -3단계: [로고박스/네비/아이콘박스 나눠서 정렬 완료](https://codepen.io/jeeyoun1014/pen/WNLrmzd?editors=1100) ㄴ[삼성자산운용 그리드 완료](https://codepen.io/jeeyoun1014/pen/poqgBWX) ##### 8/30 ㄴ[반응형 탑바 만들기-2] -4단계: [로고 추가](https://codepen.io/jeeyoun1014/pen/rNoewjK?editors=1100) -5단계: [아이콘 추가](https://codepen.io/jeeyoun1014/pen/MWZyovG) -6단계: [ul,li 추가](https://codepen.io/jeeyoun1014/pen/RwEagxW?editors=1100) -7단계: [li 한줄로 정렬](https://codepen.io/jeeyoun1014/pen/ZEVWyxj?editors=1100) -8단계: [ul,li 커스텀](https://codepen.io/jeeyoun1014/pen/NWeNgLa?editors=1100) ##### 8/31 ㄴ[반응형 탑바 만들기-3] -9단계: [텍스트 정렬](https://codepen.io/jeeyoun1014/pen/BavKeBG?editors=1100) -10단계: [아이콘 색상 커스텀](https://codepen.io/jeeyoun1014/pen/poqymbv?editors=1100) -11단계: [아이콘 박스 정렬](https://codepen.io/jeeyoun1014/pen/rNoegjM?editors=1100) -12단계: [background-image 활용](https://codepen.io/jeeyoun1014/pen/KKbzLZd?editors=1100) ##### 9/1 ㄴ[반응형 탑바 만들기-4] -13단계: [탑바 fixed](https://codepen.io/jeeyoun1014/pen/gOZMxbg?editors=1100) -14단계: [스크롤 조절](https://codepen.io/jeeyoun1014/pen/MWZevJZ?editors=1100) -15단계: [배경에 글 추가 후 가운데정렬](https://codepen.io/jeeyoun1014/pen/YzdWxvZ?editors=1100)