$$config title: 공부LOG keywords: - IT - 공부LOG $$

2022-05-24

## 부분모작 : 현대 큐밍 - [https://www.hdquming.com/](https://www.hdquming.com/) - 모작대상 : 상단바, ### 코딩 - [1차 - 상단바 레이아웃 작업](https://codepen.io/sws1556/pen/bGLaKzP?editors=1100) - [2차 - 로고작업](https://codepen.io/sws1556/pen/bGLaKzP?editors=1100) - [3차 - 메뉴작업](https://codepen.io/sws1556/pen/ExQLXjP?editors=1000) - [4차 - 슬라이더 이미지 작업](https://codepen.io/sws1556/pen/bGLMOeN?editors=1010)

2022-06-03

## 부분모작 : SSG - [https://www.ssg.com/](https://www.ssg.com/) - 모작대상 : 컨텐츠 메뉴, ### 코딩 - [1차 - 타이틀 작업](https://codepen.io/sws1556/pen/wvyXJVW?editors=1000) - [2차 - 메뉴 작업](https://codepen.io/sws1556/pen/ExQRmYe?editors=1000) - [3차 - 컨텐츠 작업](https://codepen.io/sws1556/pen/GRQGmEq?editors=1100)

2022-06-08

##실무 팁 강의 -[실무 팁](https://slog.gg/p/2707)

2022-06-09

## 부분모작 : 잇츠스킨뷰티 - [https://www.itsskin.com/main/index.php](https://www.itsskin.com/main/index.php) - 모작대상 : 상단바 메뉴 ### 코딩 - [1차 - 상단 메뉴작업](https://codepen.io/sws1556/pen/GRQYQEL?editors=1100) ## 부분모작 : 잇츠스킨뷰티 컨텐츠 - [https://www.itsskin.com/main/index.php](https://www.itsskin.com/main/index.php) - 모작대상 : 컨텐츠 타이틀, 메뉴 ### 코딩 - [1차 - 타이틀](https://codepen.io/sws1556/pen/eYVPQgK?editors=1100) - [2차 -메뉴](https://codepen.io/sws1556/pen/PoQxRXb?editors=1100)

2022-06-15

## 부분모작 : 바늘이야기(로그인) - [https://banul.co.kr/shop/member.html?type=mynewmain](https://banul.co.kr/shop/member.html?type=mynewmain) - 모작대상 : 로그인 탭 ### 코딩 - [1차 - 로그인 input](https://codepen.io/sws1556/pen/zYRejKm) - [2차 - 로그인 input2](https://codepen.io/sws1556/pen/WNMPJZZ?editors=1100) - [3차 - 로그인 input3](https://codepen.io/sws1556/pen/MWQLGBq?editors=1100) - [4차 - 완](https://codepen.io/sws1556/pen/dydaKbX?editors=1100) ## 부분모작 : 바늘이야기(헤더) - [http://banul.co.kr/index.html](http://banul.co.kr/index.html) - 모작대상 : 헤더 ### 코딩 - [1차 - top nav](https://codepen.io/sws1556/pen/abqXQgj?editors=1100) - [2차 - logo-box](https://codepen.io/sws1556/pen/QWQYzWp?editors=1100) - [3차 - search](https://codepen.io/sws1556/pen/MWQLZZP?editors=1100) - [4차 - menu-nav](https://codepen.io/sws1556/pen/YzegyRB?editors=1100)

2022-06-16

## 부분모작 : 바늘이야기(슬라이더) - [http://banul.co.kr/index.html](http://banul.co.kr/index.html) - 모작대상 : 슬라이더, 컨텐츠 메뉴 ### 코딩 - [1차 - 슬라이더 이미지](https://codepen.io/sws1556/pen/NWyJNxM?editors=1100) ## 부분모작 : 바늘이야기(컨텐츠메뉴) - [1차 - 컨텐츠 메뉴 배치작업](https://codepen.io/sws1556/pen/KKQEgdm?editors=1100) - [2차 - 메뉴 이미지 타이틀작업](https://codepen.io/sws1556/pen/qBxvaqg?editors=1100) ## 부분모작 : 바늘이야기(신규패키지) - [http://banul.co.kr/index.html](http://banul.co.kr/index.html) - 모작대상 : 신규패키지 ### 코딩 - [1차 - 타이틀](https://codepen.io/sws1556/pen/vYdPgav?editors=1000) - [2차 - 컨텐츠 작업](https://codepen.io/sws1556/pen/xxYBqxJ?editors=1000) - [3차 - 컨텐츠 이미지](https://codepen.io/sws1556/pen/jOZJBrm?editors=1000) - [4차 - 컨텐츠 텍스트](https://codepen.io/sws1556/pen/VwQRpXw?editors=1000) - [5차 - 완](https://codepen.io/sws1556/pen/oNEVZVg?editors=1100)

2022-06-17

## 부분모작 : 바늘이야기(푸터) - [http://banul.co.kr/index.html](http://banul.co.kr/index.html) - 모작대상 : 푸터 ### 코딩 - [1차 - 박스나누기작업](https://codepen.io/sws1556/pen/OJQGLZQ) - [2차 - 첫번째 박스 타이틀](https://codepen.io/sws1556/pen/qBxwbZM?editors=1100) - [3차 - 첫번째 박스 텍스트](https://codepen.io/sws1556/pen/oNEObZJ?editors=1100) - [4차 - 두번째 박스 텍스트](https://codepen.io/sws1556/pen/mdXgPBW?editors=1100) - [5차 - 세번쨰 박스 텍스트](https://codepen.io/sws1556/pen/LYQvNeG?editors=1100) - [6차 - 완](https://codepen.io/sws1556/pen/GRQLZyE?editors=1000)

2022-06-19

## 부분모작 : 노트폴리오 매거진 - [https://magazine.notefolio.net/](https://magazine.notefolio.net/) - 모작대상 : 상단바 ### 코딩 - [1차 - 배경 설정](https://codepen.io/sws1556/pen/OJQGzpP) - [2차 - 레이아웃](https://codepen.io/sws1556/pen/jOZRYBV) - [3차 - 완](https://codepen.io/sws1556/pen/xxYeprJ?editors=1000) ## 부분모작 : 문고리닷컴(스와이퍼 슬라이드) - [https://www.moongori.com/main/index](https://www.moongori.com/main/index) - 모작대상 : 메인 슬라이드 ### 코딩 - [1차 - 슬라이드](https://codepen.io/sws1556/pen/zYRXLdB?editors=1100)

2022-06-20

## 부분모작 : 한국문화예술위원회 - [https://www.arko.or.kr/](https://www.arko.or.kr/) - 모작대상 : 상단바 ### 코딩 - [1차 - 레이아웃작업](https://codepen.io/sws1556/pen/qBxGNrq?editors=1000) - [2차 - 텍스트 배치](https://codepen.io/sws1556/pen/yLvWJMd?editors=1000) - [3차 - 완](https://codepen.io/sws1556/pen/poamOYP?editors=1100)

2022-06-22

## 부분모작 : 함께해요-행복한가 - [https://www.m-letter.or.kr/](https://www.m-letter.or.kr/) - 모작대상 : 상단바 ### 코딩 - [1차 - 레이아웃 작업, 텍스트 입력](https://codepen.io/sws1556/pen/xxYoZZr?editors=1100) - [2차 - 컨텐츠 배치작업](https://codepen.io/sws1556/pen/vYdqLxz?editors=1100) - [3차 - 2차메뉴 입력](https://codepen.io/sws1556/pen/RwQzrjE?editors=1100) - [4차 - 2차메뉴 완](https://codepen.io/sws1556/pen/RwQzaKw?editors=1100) - [5차 - 트랜지션](https://codepen.io/sws1556/pen/oNErxer?editors=1100)

2022-06-23

## 부분모작 : 이마트24 - [https://www.emart24.co.kr/](https://www.emart24.co.kr/) - 모작대상 : 행사 메뉴 ### 코딩 - [1차 - 타이틀 박스 레이아웃](https://codepen.io/sws1556/pen/oNErPWp?editors=1100) - [2차 - 컨텐츠 작업](https://codepen.io/sws1556/pen/ExQBebX?editors=1000) - [3차 - 행사 메뉴 완](https://codepen.io/sws1556/pen/qBxzMYx?editors=1000) - [4차 - 완](https://codepen.io/sws1556/pen/QWQXVZj?editors=1100) ## 부분모작 : 신성이엔지 - [https://www.shinsungeng.com/kor](https://www.shinsungeng.com/kor) - 모작대상 : 메뉴&슬라이드 ### 코딩 - [1차 - 메뉴 레이아웃작업](https://codepen.io/sws1556/pen/zYRVMoV?editors=1100) - [2차 - 스와이퍼 슬라이드작업](https://codepen.io/sws1556/pen/MWQMZMp?editors=1100) - [3차 - 테마색 변경](https://codepen.io/sws1556/pen/ExQBrKL) ## 부분모작 : 오뚜기 - [http://www.ottogi.co.kr/main/main.asp](http://www.ottogi.co.kr/main/main.asp) - 모작대상 : 탭메뉴 ### 코딩 - [1차 - 타이틀 작업](https://codepen.io/sws1556/pen/QWQeLjE) - [2차 - nav메뉴](https://codepen.io/sws1556/pen/JjpgPOw?editors=1100) - [3차 - 컨텐츠 메뉴 작업](https://codepen.io/sws1556/pen/eYVqOPK?editors=1100) - [4차 - 제이쿼리 사전작업](https://codepen.io/sws1556/pen/vYdoBoL) - [5차 - jq작업](https://codepen.io/sws1556/pen/XWZvWbO) - [6차 - 이미지, 텍스트 변경](https://codepen.io/sws1556/pen/abqebJo?editors=1010)

2022-06-24

## 부분모작 : 하림 - [https://www.harim.com/main/#page3](https://www.harim.com/main/#page3) - 모작대상 : 슬라이더 ### 코딩 - [1차 - 레이아웃, 타이틀, 텍스트작업](https://codepen.io/sws1556/pen/eYVqdav?editors=1000) - [2차 - 슬라이드 레이아웃](https://codepen.io/sws1556/pen/LYQwbGJ?editors=1100) - [3차 - 컨텐츠 내부작업](https://codepen.io/sws1556/pen/ExQqNmL?editors=1100) - [4차 - 슬라이드 세팅작업](https://codepen.io/sws1556/pen/rNJXWGJ) - [5차 - 최종 완](https://codepen.io/sws1556/pen/wvyVomW)

2022-06-25

## 부분모작 : 인스타그램 - [https://www.instagram.com/](https://www.instagram.com/) - 모작대상 : 메인페이지 ### 코딩 - [1차 - 페이지 레이아웃 작업](https://codepen.io/sws1556/pen/ZErgmWM) - [2차 - 아이폰 슬라이드(페이드)작업](https://codepen.io/sws1556/pen/rNJXqov?editors=1100) - [3차 - 로그인 박스 작업](https://codepen.io/sws1556/pen/oNEKaRr?editors=1100) - [4차 - 로그인 버튼 작업](https://codepen.io/sws1556/pen/oNEKaKr?editors=1000) - [5차 - 가입버튼 작업](https://codepen.io/sws1556/pen/mdXNQeP?editors=1100) - [6차 - 최종 완](https://codepen.io/sws1556/pen/JjpgeGq?editors=1000)

2022-06-27

## 부분모작 : 넥슨 - [https://www.nexon.com/Home/Game#mobileGame](https://www.nexon.com/Home/Game#mobileGame) - 모작대상 : 모바일게임 컨텐츠 ### 코딩 - [1차 - 타이틀 레이아웃작업](https://codepen.io/sws1556/pen/ZExzomb?editors=1100) - [2차 - 컨텐츠 박스 작업 ](https://codepen.io/sws1556/pen/OJvLEWe?editors=1100) - [3차 - 이미지 수정 작업](https://codepen.io/sws1556/pen/yLKBqqq?editors=1100) - [4차 - 텍스트 수정작업(완)](https://codepen.io/sws1556/pen/abYoaob?editors=1100)

2022-06-28

## 부분모작 : 해피칼리지 - [https://www.happycollege.ac/student/course](https://www.happycollege.ac/student/course) - 모작대상 : 나노디그리 ### 코딩 - [1차 - 섹션 레이아웃 작업](https://codepen.io/sws1556/pen/JjLjKyz) - [2차 - background 이미지 작업](https://codepen.io/sws1556/pen/vYRYKpO?editors=1100) - [3차 - 텍스트 작업](https://codepen.io/sws1556/pen/KKoKMxo?editors=1100) - [4차 - 완](https://codepen.io/sws1556/pen/LYdYZgP?editors=1100)

2022-06-29

## 부분모작 : 신세계아이앤씨 - [https://shinsegae-inc.com/main.do](https://shinsegae-inc.com/main.do) - 모작대상 : 비지니스 스크롤매직 ### 코딩 - [1차 - 타이틀](https://codepen.io/sws1556/pen/dymygPV?editors=1100) - [2차 - 메뉴](https://codepen.io/sws1556/pen/yLKLRrg?editors=1100) - [3차 - 반응형 수정](https://codepen.io/sws1556/pen/dymygxQ?editors=1100)

2022-06-30

## 부분모작 : 위닉스 - [https://www.winix.com/kr/?utm_source=naver&utm_medium=Brandsearch&utm_term=%EC%9C%84%EB%8B%89%EC%8A%A4%EC%A0%9C%EC%8A%B5%EA%B8%B0&utm_content=homelink&utm_campaign=dehumidifier](https://www.winix.com/kr/?utm_source=naver&utm_medium=Brandsearch&utm_term=%EC%9C%84%EB%8B%89%EC%8A%A4%EC%A0%9C%EC%8A%B5%EA%B8%B0&utm_content=homelink&utm_campaign=dehumidifier) - 모작대상 : 카테고리 ### 코딩 - [1차 - 레이아웃작업](https://codepen.io/sws1556/pen/ZExYzzE) - [2차 - 타이틀 작업](https://codepen.io/sws1556/pen/JjLoPPb) - [3차 - 메뉴박스 레이아웃 작업](https://codepen.io/sws1556/pen/KKowPdO?editors=1100) - [4차 - 완](https://codepen.io/sws1556/pen/rNdaBWe?editors=1000) ## 부분모작 : 야후 - [https://www.yahoo.com/](https://www.yahoo.com/) - 모작대상 : 상단 헤더 ### 코딩 - [1차 - 레이아웃](https://codepen.io/sws1556/pen/YzaPWWg?editors=1010) - [2차 - 로고 삽입](https://codepen.io/sws1556/pen/OJvPXRP?editors=1010) - [3차 - search bar 작업](https://codepen.io/sws1556/pen/ExEayXR?editors=1100) - [4차 - 완](https://codepen.io/sws1556/pen/poLvbOd?editors=1000) ## 부분모작 : 야후(메뉴) - [https://www.yahoo.com/](https://www.yahoo.com/) - 모작대상 : 헤더 메뉴 ### 코딩 - [1차 - 레이아웃 작업](https://codepen.io/sws1556/pen/ExEagLx?editors=1000) - [2차 - 메뉴 텍스트 작업](https://codepen.io/sws1556/pen/NWYPRLB?editors=1100) - [3차 - 제이쿼리 작업](https://codepen.io/sws1556/pen/rNdaMXa?editors=1100) - [4차 - 그림자, 애니메이션 작업](https://codepen.io/sws1556/pen/WNzboNP?editors=1100) - [5차 - 최종완](https://codepen.io/sws1556/pen/dymPOPR?editors=1100)

2022-07-02

## 부분모작 : 미원 - [https://www.miwon.co.kr/](https://www.miwon.co.kr/) - 모작대상 : 메뉴jq ### 코딩 - [1차 - 메뉴 레이아웃](https://codepen.io/sws1556/pen/gOepLdd) - [2차 히든메뉴 레이아웃](https://codepen.io/sws1556/pen/OJvVZrj?editors=1100) - [3차 -제이쿼리 작업](https://codepen.io/sws1556/pen/bGvdKej) - [4차 -완](https://codepen.io/sws1556/pen/abYOKWd?editors=1000)

2022-07-03

## 부분모작 : 데브시스터즈 채용 - [https://careers.devsisters.com/?category=1](https://careers.devsisters.com/?category=1) - 모작대상 : 채용 부분 탭메뉴 ### 코딩 - [1차 - 기본 링크 세팅](https://codepen.io/sws1556/pen/mdxJjBo) - [2차 - 타이틀 레이아웃 작업](https://codepen.io/sws1556/pen/zYWGLpP) - [3차 - 메뉴 작업](https://codepen.io/sws1556/pen/WNzvKqo) - [4차 - 서브메뉴 작업](https://codepen.io/sws1556/pen/oNqXPNO?editors=1100) - [5차 - 메뉴 jq작업](https://codepen.io/sws1556/pen/PoRqdZN?editors=0110) - [6차 - 서브메뉴 jq작업](https://codepen.io/sws1556/pen/eYMNLZr?editors=0110) - [7차 - 텍스트 수정](https://codepen.io/sws1556/pen/WNzvgoO?editors=1000) - [8차 - 완](https://codepen.io/sws1556/pen/zYWGJdy?editors=0110) ## 부분모작 : 해피칼리지 - [https://www.happycollege.ac/student/course](https://www.happycollege.ac/student/course) - 모작대상 : 클래스 메뉴 ### 코딩 - [1차 - 기본 링크 세팅](https://codepen.io/sws1556/pen/ExEjOoo) - [2차 - 타이틀](https://codepen.io/sws1556/pen/LYdVXdB?editors=1100) - [3차 - 메뉴작업](https://codepen.io/sws1556/pen/eYMNQLG?editors=1100) - [4차 - 이미지 삽입](https://codepen.io/sws1556/pen/MWVwzZv?editors=1100) - [5차 - 텍스트 삽입](https://codepen.io/sws1556/pen/VwXLVoO?editors=1100) - [6차 - 완](https://codepen.io/sws1556/pen/PoRqXqZ?editors=1100)

2022-07-04

## 부분모작 : 셀파 - [https://kid.tsherpa.co.kr/](https://kid.tsherpa.co.kr/) - 모작대상 : 상단바 ### 코딩 - [1차 - 기본 링크 세팅](https://codepen.io/sws1556/pen/NWYqeav) - [2차 - 헤더top left-menu](https://codepen.io/sws1556/pen/LYdVMJY) - [3차 - 헤더top 완](https://codepen.io/sws1556/pen/rNdVoPR?editors=1100) - [4차 - 헤더bottom 레이아웃](https://codepen.io/sws1556/pen/poLJqmx?editors=1100) - [5차 - 헤더bottom 배치](https://codepen.io/sws1556/pen/abYOXzb?editors=1100) - [6차 - 헤더bottom 완](https://codepen.io/sws1556/pen/oNqjYKG?editors=1100) - [7차 - 헤더 fixed](https://codepen.io/sws1556/pen/gOeagpB?editors=1100) ## 부분모작 : 셀파 - [https://kid.tsherpa.co.kr/](https://kid.tsherpa.co.kr/) - 모작대상 : 좌측고정바 ### 코딩 - [1차 - 사이드바 타이틀](https://codepen.io/sws1556/pen/VwXvPmx?editors=1100) - [2차 -사이드바 로그인박스](https://codepen.io/sws1556/pen/JjLYEJO?editors=1100) - [3차 - 사이드바 탭메뉴 텍스트](https://codepen.io/sws1556/pen/mdxeRaY?editors=1100) - [4차 - 사이드바 탭메뉴 완](https://codepen.io/sws1556/pen/NWYGdQN) - [5차 - 사이드바 링크박스](https://codepen.io/sws1556/pen/rNdOyed?editors=0100) - [6차 - 최종 완](https://codepen.io/sws1556/pen/eYMpvEK?editors=1100)

2022-07-05

## 부분모작 : WE호텔 제주 - [https://wehotel.co.kr/](https://wehotel.co.kr/) - 모작대상 : 상단 메뉴바 ### 코딩 - [1차 - 기본 링크 세팅](https://codepen.io/sws1556/pen/bGvVmQm) - [2차 - 상단 레이아웃 작업](https://codepen.io/sws1556/pen/VwXvVjQ?editors=1000) - [3차 - 로고이미지 삽입](https://codepen.io/sws1556/pen/LYdpXRz?editors=1000) - [4차 - 상단메뉴](https://codepen.io/sws1556/pen/VwXvVXB?editors=1000) - [5차 - 상단 헤더 완](https://codepen.io/sws1556/pen/yLKYQQa?editors=1100) - [6차 - 섹션 추가](https://codepen.io/sws1556/pen/xxWZxmp?editors=1100)

2022-07-06

## 부분모작 : 지에이코리아 - [http://www.gakorea.or.kr/](http://www.gakorea.or.kr/) - 모작대상 : 기관찾기 섹션 ### 코딩 - [1차 - 기본 링크세팅](https://codepen.io/sws1556/pen/YzawqJV) - [2차 - 배경 레이아웃 작업](https://codepen.io/sws1556/pen/QWmyNYz?editors=1000) - [3차 - 타이틀&텍스트 작업](https://codepen.io/sws1556/pen/gOePMYz?editors=1100) - [4차 - top-box 레이아웃 작업](https://codepen.io/sws1556/pen/YzawWqY?editors=1100) - [5차 - 라디오버튼 작업](https://codepen.io/sws1556/pen/WNzrxBv?editors=1000) - [6차 - 라디오버튼 jq작업(미완](https://codepen.io/sws1556/pen/XWEXjmz?editors=1010) - [7차 - serch 작업](https://codepen.io/sws1556/pen/BarjLQN?editors=1000) - [8차 - 완](https://codepen.io/sws1556/pen/ZExQpvv?editors=1000)

2022-07-07

## 부분모작 : 숲나들e -[https://www.foresttrip.go.kr/index_simple.jsp](https://www.foresttrip.go.kr/index_simple.jsp) - 모작대상 : (간소화)메인페이지 로고 ### 코딩 - [1차 - 기본 링크세팅](https://codepen.io/sws1556/pen/rNdxoam?editors=1000) - [2차 - 상단 헤더](https://codepen.io/sws1556/pen/MWVKZaJ?editors=1100) - [3차 - 메인섹션 레이아웃](https://codepen.io/sws1556/pen/zYWryqP?editors=1000) - [4차 - 로고삽입](https://codepen.io/sws1556/pen/YzawdGd?editors=1000) - [5차 - 텍스트 삽입](https://codepen.io/sws1556/pen/WNzrLjw?editors=1000) ## 부분모작 : 숲나들e -[https://www.foresttrip.go.kr/index_simple.jsp](https://www.foresttrip.go.kr/index_simple.jsp) - 모작대상 : (간소화)메인페이지 컨텐츠 박스 ### 코딩 - [1차 - 컨텐츠 박스 레이아웃](https://codepen.io/sws1556/pen/bGvEOap?editors=1100) - [2차 - 컨텐츠 박스 내부작업](https://codepen.io/sws1556/pen/qBobLew?editors=1100) - [3차 - 완](https://codepen.io/sws1556/pen/bGvEzYa?editors=1000) - [4차 - 배경색 수정](https://codepen.io/sws1556/pen/ExEProB?editors=1000)

2022-07-08

## 부분모작 : 수산중공업 -[https://www.soosanheavy.com/kr](https://www.soosanheavy.com/kr) - 모작대상 : 하단 탭 ### 코딩 - [1차 - 기본 링크세팅](https://codepen.io/sws1556/pen/PoRNbKW) - [2차 - 레이아웃 작업](https://codepen.io/sws1556/pen/zYWqoEb?editors=1000) - [3차 - left 박스 작업](https://codepen.io/sws1556/pen/zYWqoRX?editors=1100) - [4차 - right 박스 레이아웃 작업](https://codepen.io/sws1556/pen/QWmNGrm?editors=1000) - [5차 - right 박스 완](https://codepen.io/sws1556/pen/GRxZNPm?editors=1100) - [6차 - 배경색 수정](https://codepen.io/sws1556/pen/xxWVRMb?editors=1000) ## 부분모작 : 그린피스 -[https://supporter.ea.greenpeace.org/kr/s/donate?gclid=CjwKCAjwq5-WBhB7EiwAl-HEkkjV-Ji5yNAQG-BsjGszdqkyGeAKym-XNehCXsQ0Vz1xvnnRQt9WdBoCGdkQAvD_BwE](https://supporter.ea.greenpeace.org/kr/s/donate?gclid=CjwKCAjwq5-WBhB7EiwAl-HEkkjV-Ji5yNAQG-BsjGszdqkyGeAKym-XNehCXsQ0Vz1xvnnRQt9WdBoCGdkQAvD_BwE()) - 모작대상 : 메인 비주얼 탭메뉴 ### 코딩 - [1차 - 기본 링크세팅](https://codepen.io/sws1556/pen/mdxPwLL) - [2차 - 상단 헤더](https://codepen.io/sws1556/pen/bGvpRKz?editors=1100) - [3차 - 메인 비주얼 레이아웃 작업](https://codepen.io/sws1556/pen/bGvpRJy?editors=1100) - [4차 - 타이틀](https://codepen.io/sws1556/pen/QWmNMWW?editors=1100) - [5차 - 텍스트](https://codepen.io/sws1556/pen/eYMZEmB?editors=1100) - [6차 - 탭메뉴 작업](https://codepen.io/sws1556/pen/qBoZXNo) - [7차 - 탭메뉴 jq작업](https://codepen.io/sws1556/pen/BarKdLX) - [8차 - 컨텐츠 메뉴 작업](https://codepen.io/sws1556/pen/VwXazQq?editors=1100) - [9차 - 탭메뉴, 컨텐츠메뉴 jq 작업](https://codepen.io/sws1556/pen/Yzaqxvg?editors=1010)

2022-07-10

## 부분모작 : SK하이닉스 - [https://www.skhynix.com/](https://www.skhynix.com/) - 모작대상 : List-counter ### 코딩 - [1차 - 기본 링크세팅](https://codepen.io/sws1556/pen/mdxPwLL) - [2차 - 레이아웃작업](https://codepen.io/sws1556/pen/ExEyxvV?editors=1100) - [3차 - 텍스트 삽입](https://codepen.io/sws1556/pen/dymXyVv?editors=1000) - [4차 - 반응형 수정](https://codepen.io/sws1556/pen/yLKJLzW?editors=1100) ## 부분모작 : 홈플러스 -[https://front.homeplus.co.kr/](https://front.homeplus.co.kr/) - 모작대상 : 사이드 고정바 ### 코딩 - [1차 - 기본 링크세팅](https://codepen.io/sws1556/pen/OJvXyyO) - [2차 - 레이아웃 작업](https://codepen.io/sws1556/pen/JjLKYEG?editors=1100) - [3차 - 스크롤탑 버튼 레이아웃](https://codepen.io/sws1556/pen/WNzxQja) - [4차 - 스크롤탑 완](https://codepen.io/sws1556/pen/WNzxQOa) - [5차 - left-btn 작업](https://codepen.io/sws1556/pen/eYMzpGO?editors=1100) - [6차 - 로그인 박스 작업](https://codepen.io/sws1556/pen/abYZvEd?editors=1100) - [7차 - 배송박스 작업](https://codepen.io/sws1556/pen/KKoMdBL?editors=1100) - [8차 - 장바구니box작업](https://codepen.io/sws1556/pen/WNzxQam?editors=1100) - [9차 - 완](https://codepen.io/sws1556/pen/VwXjvqM?editors=1100)

2022-07-12

## 부분모작 : 랑벨 - [https://www.lanbelle.com/](https://www.lanbelle.com/) - 모작대상 : New&Best ### 코딩 - [1차 - 기본 링크세팅](https://codepen.io/sws1556/pen/OJvRVEX) - [2차 - 레이아웃 작업](https://codepen.io/sws1556/pen/xxWEGmB?editors=1100) - [3차 - 텍스트 삽입](https://codepen.io/sws1556/pen/KKogpOo?editors=1100) - [4차 - jq작업](https://codepen.io/sws1556/pen/BarLoKd?editors=1010) - [5차 - hidden-box 작업](https://codepen.io/sws1556/pen/YzaGyxp?editors=1100) - [6차 - opacity 작업](https://codepen.io/sws1556/pen/ZExpbXP?editors=1100)