$$config title: 네비바 제작 15분 keywords: - 25분 ~ 45분 $$ # 네비바 제작 ## 최중원님 - 종료시간 : 45분 / 36분 - 5분 : [열기](https://codepen.io/choi-jungwon/pen/zYjOvYG) - 풀이 : [확인](https://codepen.io/kimhyeji324/pen/MWGgpMQ?editors=1100) - 10분 : [열기](https://codepen.io/choi-jungwon/pen/vYjBNLe) - 풀이 : [확인](https://codepen.io/kimhyeji324/pen/ZEozKzo) - 추가 자료 : [ul태그가 inline-block을 사용 해야하는 경우](https://codepen.io/kimhyeji324/pen/qBYWmVB?editors=1100)
## 최원천님 - 종료시간 : 45분 / 35분 - 5분 : [열기](https://codepen.io/woncheon/pen/BaxBoaV) - 10분 : [열기](https://codepen.io/woncheon/pen/dyebYGW?editors=1100) - 풀이 : [확인](https://codepen.io/kimhyeji324/pen/BaxBROm?editors=1100)
## 진영택님 - 종료시간 : 45분 / 40분 - 5분 : [열기](https://codepen.io/jinyeongtaek12/pen/LYmPpYb) - 10분 : [열기](https://codepen.io/jinyeongtaek12/pen/OJZLyME) - 15분 : [열기](https://codepen.io/jinyeongtaek12/pen/bGMbVpm) - 풀이 : [확인](https://codepen.io/kimhyeji324/pen/qBYWmgO?editors=1100)
## 한유리님 - 종료시간 : 40분 - 5분 : [그리드](https://codepen.io/circleoflife112/pen/abGovbd) - 10분 : [가운데정렬+호버](https://codepen.io/circleoflife112/pen/LYmPpGx) - 15분 : [정리](https://codepen.io/circleoflife112/pen/YzLKyWr) - 풀이 : [확인](https://codepen.io/kimhyeji324/pen/VwxZbNm?editors=1100)
## 장유리님 - 종료시간 : 40분 - 5분 : [열기](https://codepen.io/jeaneuri/pen/dyebYyv?editors=1100) - 10분 : [열기](https://codepen.io/jeaneuri/pen/poVzjoB) - 15분 : [열기](https://codepen.io/jeaneuri/pen/oNdvjLW) - 풀이 : [확인](https://codepen.io/kimhyeji324/pen/poVzwvY?editors=1100)
## 김소연님 - 종료시간 : 45분 - 5분 : [열기](https://codepen.io/kimsoyeon820/pen/ExLYVxV) - 풀이 : [확인](https://codepen.io/kimhyeji324/pen/zYjOdQL?editors=1100) - 10분 : [열기](https://codepen.io/kimsoyeon820/pen/rNvBOaN?editors=1100) - 풀이 : [확인](https://codepen.io/kimhyeji324/pen/yLjBomp?editors=1100) - 15분 : [열기](https://codepen.io/kimsoyeon820/pen/XWqrmjm?editors=1100) - 풀이 : [확인](https://codepen.io/kimhyeji324/pen/bGMbopW?editors=1100) - 추가 자료 : 수업페이지 81강, 82강 - 추가 자료 : [선택자](https://codepen.io/kimhyeji324/pen/WNJeERQ?editors=1100) - 추가 자료 : [그리드](https://codepen.io/kimhyeji324/pen/vYjBJdM) - 추가 자료 : [hover 수정-1](https://codepen.io/kimhyeji324/pen/PoeYaOp) - 마우스를 올렸을때 a형태가 작은것을 볼 수 있다. - 추가 자료 : [hover 수정-2](https://codepen.io/kimhyeji324/pen/bGMbopW?editors=1100) - a에 inline-block을 적용 후 padding이 정상작동하는 것을 알 수 있다.
## 이도현님 - 종료시간 : 45분 - 5분 : [열기](https://codepen.io/leedohyun524/pen/xxjKwxV?editors=1100) - 10분 : [열기](https://codepen.io/leedohyun524/pen/GRdKpoQ) - 15분 : [열기](https://codepen.io/leedohyun524/pen/zYjOvKr) - 풀이 : [확인](https://codepen.io/kimhyeji324/pen/poVzKWV?editors=1100) - 추가 자료 : [hover 수정-1](https://codepen.io/kimhyeji324/pen/rNvBKwQ?editors=1100) - 마우스를 올렸을때 a형태가 작은것을 볼 수 있다. - 추가 자료 : [hover 수정-2](https://codepen.io/kimhyeji324/pen/poVzKWV?editors=1100) - a에 inline-block을 적용 후 padding이 정상작동하는 것을 알 수 있다.
## 유보람님 - 종료시간 : 45분 - 5분 : [열기](https://codepen.io/zxs4564/pen/vYjBNYJ?editors=1100) - 풀이 : [확인](https://codepen.io/kimhyeji324/pen/zYjOaVO?editors=1100) - 10분 : [열기](https://codepen.io/zxs4564/pen/YzLKywx?editors=1100) - 풀이 : [확인](https://codepen.io/kimhyeji324/pen/QWrLBLV?editors=1100) - 15분 : [열기](https://codepen.io/zxs4564/pen/JjvPYbb?editors=1100) - 풀이 : [확인](https://codepen.io/kimhyeji324/pen/wvjwxaj?editors=0100) - 최종 풀이 : [확인](https://codepen.io/kimhyeji324/pen/dyebjYN?editors=1100)
## 한주원님 - 종료시간 : 45분 - 5분 : [열기](https://codepen.io/mangodingo/pen/YzLKyzQ) - 풀이 : [확인](https://codepen.io/kimhyeji324/pen/KKRPBNE?editors=1100) - 10분 : [열기](https://codepen.io/mangodingo/pen/VwxZvPM) - 풀이 : [확인](https://codepen.io/kimhyeji324/pen/LYmPBWx?editors=1100) - 15분 : [열기](https://codepen.io/mangodingo/pen/mdLberX) - 최종 풀이 : [확인](https://codepen.io/kimhyeji324/pen/zYjOLaB) - 추가 자료 : [hover 수정-1](https://codepen.io/kimhyeji324/pen/qBYWyom?editors=1100) - 마우스를 올렸을때 a형태가 작은것을 볼 수 있다. - 추가 자료 : [hover 수정-2](https://codepen.io/kimhyeji324/pen/zYjOLaB) - a에 inline-block을 적용 후 padding이 정상작동하는 것을 알 수 있다.
## 김다은님 - 종료시간 : 45분 - 5분 : [열기](https://codepen.io/kimdaeun12/pen/gOzYaOv?editors=1100) - 10분 : [열기](https://codepen.io/kimdaeun12/pen/bGMbVBQ?editors=1100) - 15분 : [열기](https://codepen.io/kimdaeun12/pen/qBYWOqR?editors=0100) - 최종 풀이 : [확인](https://codepen.io/kimhyeji324/pen/mdLbGzN?editors=1100) - 추가 자료 : [레이아웃이 깨지는 원인](https://codepen.io/kimhyeji324/pen/ExLYeVv?editors=0100) - 추가 자료 : [레이아웃이 깨지는 원인 제거](https://codepen.io/kimhyeji324/pen/gOzYdMy?editors=1100) - 추가 자료 : [a 노멀라이즈](https://codepen.io/kimhyeji324/pen/QWrLVrK?editors=1100) - 추가 자료 : [요소 높이 조절](https://codepen.io/kimhyeji324/pen/yLjBxqb?editors=1100) - 추가 자료 : [hover](https://codepen.io/kimhyeji324/pen/ZEozMMX) - 추가 자료 : [border-radius](https://codepen.io/kimhyeji324/pen/mdLbGzN?editors=1100)
## 김소망님 - 종료시간 : 45분 - 5분 : x - 10분 : x - 15분 : [열기](https://codepen.io/somang812/pen/rNvBOjO) - 풀이 : [확인](https://codepen.io/khjsbs324/pen/OJZLeqr?editors=1100) - 추가 자료 : [body, ul, li, a 노멀라이즈](https://codepen.io/kimhyeji324/pen/jOxNvdB?editors=1100) - body 노멀라이즈 - 개념 : [열기](https://codepen.io/kimhyeji324/pen/jOzJEbe) - 예시 : [열기](https://codepen.io/kimhyeji324/pen/MWVxYyR?editors=1100) - ul,li 노멀라이즈 - 개념 : [열기](https://codepen.io/kimhyeji324/pen/QWmobVE) - 예시 : [열기](https://codepen.io/kimhyeji324/pen/mdxoJKY?editors=1100) - a 노멀라이즈 - 개념 : [열기](https://codepen.io/kimhyeji324/pen/yLKwyNZ) - 예시 : [열기](https://codepen.io/kimhyeji324/pen/GRxeRzW?editors=1100) - 예시 : [열기](https://codepen.io/kimhyeji324/pen/bGvZaPz) - 추가 자료 : [레이아웃이 깨지는 원인](https://codepen.io/kimhyeji324/pen/zYjOMOO?editors=1100) - 추가 자료 : [레이아웃 깨지는 원인 제거](https://codepen.io/kimhyeji324/pen/jOxNQNe?editors=1100) - 추가 자료 : [그리드와 중앙정렬](https://codepen.io/khjsbs324/pen/wvjwLER) - 수업페이지 81강,82강 참고 - 추가 자료 : [border-radius](https://codepen.io/khjsbs324/pen/mdLbZQK?editors=1100) - 추가 자료 : [hover-1](https://codepen.io/khjsbs324/pen/VwxZJgy?editors=1100) - 추가 자료 : [hover-2](https://codepen.io/khjsbs324/pen/OJZLeqr?editors=1100)
## 홍서우님

게시글 상세