Bworld 디자인클론코딩 반응형 웹 페이지 제작

프로젝트 소개

• 사이트 주소: https://onjeong721.github.io/Bworld/
• 원본 사이트: https://www.bworld.co.kr/main.do

참여

• 개인 100%

개발환경

기간

• 2024년 01월

웹페이지 화면

• PC

• 모바일
  

프로젝트 구조

📦Bworld
 ┣ 📂.git
 ┃ ┣ 📂hooks
 ┃ ┃ ┣ 📜applypatch-msg.sample
 ┃ ┃ ┣ 📜commit-msg.sample
 ┃ ┃ ┣ 📜fsmonitor-watchman.sample
 ┃ ┃ ┣ 📜post-update.sample
 ┃ ┃ ┣ 📜pre-applypatch.sample
 ┃ ┃ ┣ 📜pre-commit.sample
 ┃ ┃ ┣ 📜pre-merge-commit.sample
 ┃ ┃ ┣ 📜pre-push.sample
 ┃ ┃ ┣ 📜pre-rebase.sample
 ┃ ┃ ┣ 📜pre-receive.sample
 ┃ ┃ ┣ 📜prepare-commit-msg.sample
 ┃ ┃ ┣ 📜push-to-checkout.sample
 ┃ ┃ ┣ 📜sendemail-validate.sample
 ┃ ┃ ┗ 📜update.sample
 ┃ ┣ 📂info
 ┃ ┃ ┗ 📜exclude
 ┃ ┣ 📂logs
 ┃ ┃ ┣ 📂refs
 ┃ ┃ ┃ ┣ 📂heads
 ┃ ┃ ┃ ┃ ┗ 📜main
 ┃ ┃ ┃ ┗ 📂remotes
 ┃ ┃ ┃ ┃ ┗ 📂origin
 ┃ ┃ ┃ ┃ ┃ ┣ 📜HEAD
 ┃ ┃ ┃ ┃ ┃ ┗ 📜main
 ┃ ┃ ┗ 📜HEAD
 ┃ ┣ 📂objects
 ┃ ┃ ┣ 📂01
 ┃ ┃ ┃ ┣ 📜2f04082cbd2b3e8828600c3f063a2757656c10
 ┃ ┃ ┃ ┗ 📜a4a778194da6f6780305f8c0c8cc7cabf65263
 ┃ ┃ ┣ 📂05
 ┃ ┃ ┃ ┣ 📜30289fde46fb7082cf27962d46d2062cb5a152
 ┃ ┃ ┃ ┗ 📜5ce9bb021ebedbb517e87d37d6bb9eb9a992f7
 ┃ ┃ ┣ 📂07
 ┃ ┃ ┃ ┗ 📜5515ff7d077c4acefc89ff0b341d9ff2c0b353
 ┃ ┃ ┣ 📂09
 ┃ ┃ ┃ ┗ 📜a09cb9cde2cbd95668e1086166ef43c73f892f
 ┃ ┃ ┣ 📂10
 ┃ ┃ ┃ ┗ 📜e34d30fb41d40611984b2030bd9dd8ceb5f429
 ┃ ┃ ┣ 📂12
 ┃ ┃ ┃ ┗ 📜7f0d8799c15736b80698f5aa108eabffb57ce8
 ┃ ┃ ┣ 📂14
 ┃ ┃ ┃ ┗ 📜3d7560a6a6c2bd5702055ca224505093e89802
 ┃ ┃ ┣ 📂1a
 ┃ ┃ ┃ ┗ 📜9c25b93266eee965f6dde54d9a20784f66d5db
 ┃ ┃ ┣ 📂1d
 ┃ ┃ ┃ ┗ 📜89b5bb1195c44e1a5258d7bf1606008130767e
 ┃ ┃ ┣ 📂25
 ┃ ┃ ┃ ┗ 📜52b3a64c6ee53bf08d8f811294f55b91470ea8
 ┃ ┃ ┣ 📂2d
 ┃ ┃ ┃ ┗ 📜5670108af9a19f32769c906fabe0e33fe9f3b8
 ┃ ┃ ┣ 📂2f
 ┃ ┃ ┃ ┗ 📜e52a81c18e923bab01a9030d77f09295db7fa8
 ┃ ┃ ┣ 📂36
 ┃ ┃ ┃ ┗ 📜b77ef9e20faeef724af4199220d0234d594af8
 ┃ ┃ ┣ 📂38
 ┃ ┃ ┃ ┗ 📜e2777b5793cbd0cb647b5a303385f32191dedd
 ┃ ┃ ┣ 📂41
 ┃ ┃ ┃ ┗ 📜004673651a63615c28ad0d31b652b0b6f291f3
 ┃ ┃ ┣ 📂42
 ┃ ┃ ┃ ┗ 📜137e41c601121c8c32b7fee365a14b46c481d8
 ┃ ┃ ┣ 📂46
 ┃ ┃ ┃ ┗ 📜4d9d123f4b837c7343507b137d6892bfabc6af
 ┃ ┃ ┣ 📂4d
 ┃ ┃ ┃ ┗ 📜848ea19a42d715b834836be59b5c8618f54085
 ┃ ┃ ┣ 📂53
 ┃ ┃ ┃ ┗ 📜783746ae6c81971597d6379af6a0c48dc1b9ca
 ┃ ┃ ┣ 📂5a
 ┃ ┃ ┃ ┗ 📜c6f9fcb79f3b515251fe367d87ff437c91abf2
 ┃ ┃ ┣ 📂5d
 ┃ ┃ ┃ ┗ 📜9d8431787f765ed552de6dfb7a6b6c6514a3a5
 ┃ ┃ ┣ 📂68
 ┃ ┃ ┃ ┣ 📜0b0e7a76ee65c91b7652bab9a36218a93f6bfb
 ┃ ┃ ┃ ┗ 📜92eda5cce2015925d69c09c09a72e8018645bd
 ┃ ┃ ┣ 📂69
 ┃ ┃ ┃ ┗ 📜d6c127684b8e5487328fbe95d5806bf664d2f5
 ┃ ┃ ┣ 📂6b
 ┃ ┃ ┃ ┗ 📜b02267dd3a97b1bcad1d30235a23da26ddd6c3
 ┃ ┃ ┣ 📂76
 ┃ ┃ ┃ ┗ 📜b234983556dd340134ba50b3c532c0f938d94b
 ┃ ┃ ┣ 📂7c
 ┃ ┃ ┃ ┗ 📜b912126ca5889a972c1ea54b456e4e6a1ffab3
 ┃ ┃ ┣ 📂7f
 ┃ ┃ ┃ ┗ 📜9553f3bca6c9341258ae5520436632f76090c1
 ┃ ┃ ┣ 📂82
 ┃ ┃ ┃ ┣ 📜7828bfa3674b96fa4f458e821a70b0f617f7fa
 ┃ ┃ ┃ ┗ 📜ad4817f8dc4f27e46ddeb45f37ee3cbae18bc5
 ┃ ┃ ┣ 📂83
 ┃ ┃ ┃ ┗ 📜a7290a55806ed00843c2561132136884abc23a
 ┃ ┃ ┣ 📂85
 ┃ ┃ ┃ ┗ 📜baca0e7d2922a96be59d7fdb1ea21906650b3e
 ┃ ┃ ┣ 📂89
 ┃ ┃ ┃ ┗ 📜37ea52981df059e35a7585e4c394f7809cc6a7
 ┃ ┃ ┣ 📂92
 ┃ ┃ ┃ ┗ 📜e5352d99a5fd7a8c6982dd5b56901fef941a66
 ┃ ┃ ┣ 📂94
 ┃ ┃ ┃ ┗ 📜eeee624a8d812062362237294cd853c71f2747
 ┃ ┃ ┣ 📂95
 ┃ ┃ ┃ ┗ 📜58f4f5fd67ff8cb087605cd3171aa4dd7feb54
 ┃ ┃ ┣ 📂97
 ┃ ┃ ┃ ┗ 📜616562d480ca8563bc39030e8d75f15b95dfcb
 ┃ ┃ ┣ 📂9b
 ┃ ┃ ┃ ┗ 📜f8e150b618b7654d025b850c60b5959ff41f95
 ┃ ┃ ┣ 📂9d
 ┃ ┃ ┃ ┗ 📜2bcf50dd3a706aac29bab1b413cc0d64cbb5a5
 ┃ ┃ ┣ 📂a1
 ┃ ┃ ┃ ┗ 📜0c674050c859d05f479b1cbd754404d5e9a9ca
 ┃ ┃ ┣ 📂a3
 ┃ ┃ ┃ ┗ 📜882d16938eb1d4649bae3cf2403634bf546309
 ┃ ┃ ┣ 📂a4
 ┃ ┃ ┃ ┗ 📜0abe32d9c4b7dad0732d4ac4acf0c5bda1cb92
 ┃ ┃ ┣ 📂a7
 ┃ ┃ ┃ ┗ 📜4f7493e29a9bf17350ed0885a431dee3b1feee
 ┃ ┃ ┣ 📂aa
 ┃ ┃ ┃ ┗ 📜1eb1563b821bb134a349e4f082a2b98bbc4f82
 ┃ ┃ ┣ 📂ab
 ┃ ┃ ┃ ┗ 📜4d64ea3c0f50f62b6021c38bfc0715bcf7d13d
 ┃ ┃ ┣ 📂ad
 ┃ ┃ ┃ ┣ 📜37cc77020f0f0944769652c931ea16ab5577e8
 ┃ ┃ ┃ ┗ 📜48fdddfdb18d1dce08417edf77609ea005f6b4
 ┃ ┃ ┣ 📂af
 ┃ ┃ ┃ ┗ 📜58e130122f21248faf97c453d6936a87ecc906
 ┃ ┃ ┣ 📂b1
 ┃ ┃ ┃ ┗ 📜efb21220066aeac047186fe282b890be53edf5
 ┃ ┃ ┣ 📂bc
 ┃ ┃ ┃ ┗ 📜26586f9d4ee8450992ced9f9e324876d287843
 ┃ ┃ ┣ 📂bd
 ┃ ┃ ┃ ┗ 📜0024dd69dc70e070a3f3f32511bd65b9b55163
 ┃ ┃ ┣ 📂c3
 ┃ ┃ ┃ ┣ 📜7236d42fc5a27c5ba450936d2fce9e6fcbc29f
 ┃ ┃ ┃ ┗ 📜c32b760ea00bee1ac06eca543e5271ae042856
 ┃ ┃ ┣ 📂c4
 ┃ ┃ ┃ ┣ 📜3787191e93ad1c4bf1b3566a82285b16c238a3
 ┃ ┃ ┃ ┗ 📜a5d37c30975cced664dd6f4a7b27a93267fc83
 ┃ ┃ ┣ 📂c7
 ┃ ┃ ┃ ┗ 📜952fa57ad5050c4423ebfbf819f18043c8ad75
 ┃ ┃ ┣ 📂c8
 ┃ ┃ ┃ ┗ 📜091885fa46ffbb516efdab1a8c3574501939b1
 ┃ ┃ ┣ 📂c9
 ┃ ┃ ┃ ┗ 📜0a998edf7b460183aeb240e8716cb529f11791
 ┃ ┃ ┣ 📂d3
 ┃ ┃ ┃ ┗ 📜efa38852bf9bc599d1ad038975db785a7b662b
 ┃ ┃ ┣ 📂d7
 ┃ ┃ ┃ ┗ 📜5dd158e8da39708bdc4be36e11e1370f8053f3
 ┃ ┃ ┣ 📂dc
 ┃ ┃ ┃ ┗ 📜d63ccfe6014e758a4fe1fd29dc5514516f2c16
 ┃ ┃ ┣ 📂df
 ┃ ┃ ┃ ┗ 📜79da28580fd8ba78f7f628974e6410fabe82e8
 ┃ ┃ ┣ 📂e7
 ┃ ┃ ┃ ┣ 📜0a00a50f3b925e65a942b3e70bf2be547c1692
 ┃ ┃ ┃ ┗ 📜62b2ef6679d9f0e8b6c672ed87149398b045c7
 ┃ ┃ ┣ 📂e9
 ┃ ┃ ┃ ┗ 📜d045f0bb65e6ebe184800d1dd6e4b80cc181b6
 ┃ ┃ ┣ 📂ed
 ┃ ┃ ┃ ┗ 📜86f4722cf8afc26b5681c5d5e1fbdee236d108
 ┃ ┃ ┣ 📂f3
 ┃ ┃ ┃ ┗ 📜8fab589343500655bcd8cb9a17e01c1a9fc65a
 ┃ ┃ ┣ 📂f7
 ┃ ┃ ┃ ┗ 📜3e780c1b403482791163c31fe917967f3b834c
 ┃ ┃ ┣ 📂info
 ┃ ┃ ┗ 📂pack
 ┃ ┃ ┃ ┣ 📜pack-75f96b09680d31931d20463862e29fc9bfe66c25.idx
 ┃ ┃ ┃ ┣ 📜pack-75f96b09680d31931d20463862e29fc9bfe66c25.pack
 ┃ ┃ ┃ ┗ 📜pack-75f96b09680d31931d20463862e29fc9bfe66c25.rev
 ┃ ┣ 📂refs
 ┃ ┃ ┣ 📂heads
 ┃ ┃ ┃ ┗ 📜main
 ┃ ┃ ┣ 📂remotes
 ┃ ┃ ┃ ┗ 📂origin
 ┃ ┃ ┃ ┃ ┣ 📜HEAD
 ┃ ┃ ┃ ┃ ┗ 📜main
 ┃ ┃ ┗ 📂tags
 ┃ ┣ 📜COMMIT_EDITMSG
 ┃ ┣ 📜config
 ┃ ┣ 📜description
 ┃ ┣ 📜FETCH_HEAD
 ┃ ┣ 📜HEAD
 ┃ ┣ 📜index
 ┃ ┣ 📜ORIG_HEAD
 ┃ ┗ 📜packed-refs
 ┣ 📂css
 ┃ ┣ 📜banner.css
 ┃ ┣ 📜best.css
 ┃ ┣ 📜common.css
 ┃ ┣ 📜evnet.css
 ┃ ┣ 📜footer.css
 ┃ ┣ 📜go.css
 ┃ ┣ 📜header.css
 ┃ ┣ 📜notice.css
 ┃ ┣ 📜promotion.css
 ┃ ┣ 📜qna.css
 ┃ ┣ 📜reset.css
 ┃ ┣ 📜responsive.css
 ┃ ┣ 📜service.css
 ┃ ┗ 📜title.css
 ┣ 📂img
 ┃ ┣ 📜arrow.png
 ┃ ┣ 📜blog.svg
 ┃ ┣ 📜chatbot.gif
 ┃ ┣ 📜event1.png
 ┃ ┣ 📜event2.png
 ┃ ┣ 📜event3.png
 ┃ ┣ 📜event4.png
 ┃ ┣ 📜facebook.svg
 ┃ ┣ 📜favicon.png
 ┃ ┣ 📜footer-logo.png
 ┃ ┣ 📜footerLogo.png
 ┃ ┣ 📜go1.svg
 ┃ ┣ 📜go2.svg
 ┃ ┣ 📜go3.svg
 ┃ ┣ 📜go4.svg
 ┃ ┣ 📜go5.svg
 ┃ ┣ 📜insta.svg
 ┃ ┣ 📜katalk.svg
 ┃ ┣ 📜licenc1.png
 ┃ ┣ 📜licenc2.png
 ┃ ┣ 📜licenc3.png
 ┃ ┣ 📜licenc4.png
 ┃ ┣ 📜licenc5.png
 ┃ ┣ 📜licenc6.png
 ┃ ┣ 📜login.png
 ┃ ┣ 📜logo.ico
 ┃ ┣ 📜logo.png
 ┃ ┣ 📜naver.svg
 ┃ ┣ 📜naviL.svg
 ┃ ┣ 📜naviR.svg
 ┃ ┣ 📜promotion.png
 ┃ ┣ 📜promotion2.png
 ┃ ┣ 📜promotion3.png
 ┃ ┣ 📜promotion4.png
 ┃ ┣ 📜qna.png
 ┃ ┣ 📜qna1.png
 ┃ ┣ 📜qna2.png
 ┃ ┣ 📜qna3.png
 ┃ ┣ 📜qna4.png
 ┃ ┣ 📜qna5.png
 ┃ ┣ 📜search.png
 ┃ ┣ 📜service1.png
 ┃ ┣ 📜service2.png
 ┃ ┣ 📜service3.png
 ┃ ┣ 📜title.png
 ┃ ┣ 📜title1.png
 ┃ ┣ 📜title2.png
 ┃ ┣ 📜title3.png
 ┃ ┣ 📜title4.png
 ┃ ┣ 📜uparrow.png
 ┃ ┗ 📜youtube.svg
 ┣ 📂sass
 ┃ ┗ 📜footer.scss
 ┣ 📜index.html
 ┗ 📜README.md