Notice
Recent Posts
Recent Comments
Link
| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 1 | 2 | 3 | 4 | 5 | 6 | 7 |
| 8 | 9 | 10 | 11 | 12 | 13 | 14 |
| 15 | 16 | 17 | 18 | 19 | 20 | 21 |
| 22 | 23 | 24 | 25 | 26 | 27 | 28 |
Tags
- 에러해결
- 카카오맵
- Firebase
- 리덕스
- CS스터디
- 미니프로젝트
- WIL
- til
- 항해99
- javascript
- 에어비엔비
- 실전프로젝트
- 네트워크
- 인스타그램
- 알고리즘
- Ref
- 리액트
- 프론트엔드
- 자바스크립트
- python
- CS
- AWS
- 개발자
- DoM
- 파이어베이스
- Git
- 프로그래머스
- react
- frontend
- 클론코딩
Archives
- Today
- Total
목록clonecoding (1)
개발스터디일지
https://www.airbnb.co.kr/ 바닐라 자바스크립트로 에어비엔비 웹사이트 클론코딩을 진행했다. 에어비엔비를 선택한 이유 동적인 상단바가 간단해보이지만 간단하지 않을 것 같아서 도전!! 결론 생각보다 훨씬 더 많은 경우의 수가 존재한다.... 1 . html / css 로 정적인 부분들을 퍼블리싱했다. 2 . css / javascript로 메인메뉴를 클릭하면 각각에 해당하는 서브메뉴가 뜨도록 했다. 3 . 서브메뉴 클릭시 선택가능한 옵션창이 뜨도록 했다. (이 부분에서 한번에 실행되어야하는 부분은 아래 4가지 였다.) 3-1 . 각 서브메뉴를 클릭시 해당하는 옵션창 활성화 3-2 . 해당 서브메뉴 아래로 그림자가 생기면서 활성화 3-3 . 다른 서브메뉴와 옵션창은 비활성화 3-4 . 빨간 ..
프론트엔드/Javascript
2022. 4. 14. 22:37