$$config title: New Title keywords: - IT - ... $$ $$config title: 모작 keywords: - html - css $$ # 보기페이지 단축키 - 현재문서 수정하기 : Ctrl + E - 저장 : Ctrl + S - 미리보기 : Ctrl + E
## 유튜브 링크 걸기 $$youtube $$
## 코드 하이라이팅 ```html

``` ```css div {color: #fff;} ```
## 삼성전자운용 커스텀(23.08.29) - [1단계 삼성전자운용 레이아웃](https://codepen.io/bks0204/pen/qBLbwQj) - [2단계 삼성전자운용 예제 미완성분](https://codepen.io/bks0204/pen/RwErzxa)
### 모작순서수업진행과정 ## 텍스트 커스텀 - [1단계 1440*70 원하는 노란색 hax컬러를 가진 탑바](https://codepen.io/bks0204/pen/RwErdVr) ## 텍스트 커스텀 - [2단계 body, ul, li, a 노멀라이즈](https://codepen.io/bks0204/pen/zYyrbEe)
## 텍스트 커스텀 - [3단계(flex) : 아래이미지와 동일하게 형태만들기](https://codepen.io/bks0204/pen/BavjbeJ) - [3단계(calc) : 아래 이미지와 동일하게 형태를 잡아주기](https://codepen.io/bks0204/pen/MWZyowO) - [3단계(float) : 아래 이미지와 동일하게 형태를 잡아주기](https://codepen.io/bks0204/pen/WNLwOrR)
## 텍스트 커스텀 (23.08.30) - [4단계 로고넣고 적절한 사이즈로 조절, 어울리는 색상으로 변경하기](https://codepen.io/bks0204/pen/bGOpRBg) - [5단계 문제 : 아래와 같은 형식으로 폰트어썸 아이콘을 배치(아이콘 모양은 자유)](https://codepen.io/bks0204/pen/bGOpRBg) - [6단계 문제 : 아래와 이미지와 같이 nav바 리스트 구조 마크업](https://codepen.io/bks0204/pen/KKbzqQQ) - [7단계 문제 : li태그를 한줄에 같이 배치](https://codepen.io/bks0204/pen/jOXqwpZ?editors=1100) - [8단계 문제 : 조건에 맞춰 이미지와 동일한 형태로 구현](https://codepen.io/bks0204/pen/oNJxwag)
## 텍스트 커스텀 (23.08.31) - [9단계 : li안에 텍스트 가로세로 정렬](https://codepen.io/bks0204/pen/jOXqRXR?editors=1100) - [10단계 : 아이콘 색상을 배경색과 어울리게 한번에 커스텀](https://codepen.io/bks0204/pen/ZEVWNEG) - [10단계 : 아이콘 색상을 배경색과 어울리게 각각 커스텀](https://codepen.io/bks0204/pen/OJrNYVa) - [11단계 : icon-box안에 있는 아이콘을 세로중앙정렬 가로우측정렬](https://codepen.io/bks0204/pen/xxmVNgr) - [12단계 absolute없이 이미지위에 글자 배치](https://codepen.io/bks0204/pen/ZEVWNyO) ## 텍스트 커스텀 - [hax컬러 확인 링크 바로가기]( https://www.google.com/search?q=color+picker&oq=color+pi&aqs=chrome.0.0i433i512j69i57j0i512l8.11315j0j15&sourceid=chrome&ie=UTF-8) 텍스트 노란색 형광펜
## 텍스트 커스텀 - [ 이미지 업로드 링크 바로가기 ](https://postimages.org/ko/) 텍스트 연두색 형광펜
## 모작 ### 씨벤티지 - 관련 사이트 : [공식 홈페이지 이동]( https://www.seavantage.com/kr) - 1단계 : [씨벤티지 탑바 모작 0819완](https://codepen.io/kimhyeji324/pen/yLGeMNW) ### 문화포털 - 관련 사이트 : [공식 홈페이지 이동](https://www.culture.go.kr/index.do) - 1단계 : [문화포털 탑바 모작 0822 완](https://codepen.io/kimhyeji324/pen/yLGeMNW) - 2단계 : [문화 포털 게시판 리스트 그리드 잡기](https://codepen.io/kimhyeji324/pen/yLGeMNW) - 2단계 실패 : [43번줄 줄바꿈 실패](https://codepen.io/kimhyeji324/pen/yLGeMNW) - 2단계 재도전 : [성공](https://codepen.io/kimhyeji324/pen/yLGeMNW) - 3단계 : [문화 포털 푸터 제작](https://codepen.io/kimhyeji324/pen/yLGeMNW)