-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
2056 lines (2032 loc) · 96.5 KB
/
index.html
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
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
565
566
567
568
569
570
571
572
573
574
575
576
577
578
579
580
581
582
583
584
585
586
587
588
589
590
591
592
593
594
595
596
597
598
599
600
601
602
603
604
605
606
607
608
609
610
611
612
613
614
615
616
617
618
619
620
621
622
623
624
625
626
627
628
629
630
631
632
633
634
635
636
637
638
639
640
641
642
643
644
645
646
647
648
649
650
651
652
653
654
655
656
657
658
659
660
661
662
663
664
665
666
667
668
669
670
671
672
673
674
675
676
677
678
679
680
681
682
683
684
685
686
687
688
689
690
691
692
693
694
695
696
697
698
699
700
701
702
703
704
705
706
707
708
709
710
711
712
713
714
715
716
717
718
719
720
721
722
723
724
725
726
727
728
729
730
731
732
733
734
735
736
737
738
739
740
741
742
743
744
745
746
747
748
749
750
751
752
753
754
755
756
757
758
759
760
761
762
763
764
765
766
767
768
769
770
771
772
773
774
775
776
777
778
779
780
781
782
783
784
785
786
787
788
789
790
791
792
793
794
795
796
797
798
799
800
801
802
803
804
805
806
807
808
809
810
811
812
813
814
815
816
817
818
819
820
821
822
823
824
825
826
827
828
829
830
831
832
833
834
835
836
837
838
839
840
841
842
843
844
845
846
847
848
849
850
851
852
853
854
855
856
857
858
859
860
861
862
863
864
865
866
867
868
869
870
871
872
873
874
875
876
877
878
879
880
881
882
883
884
885
886
887
888
889
890
891
892
893
894
895
896
897
898
899
900
901
902
903
904
905
906
907
908
909
910
911
912
913
914
915
916
917
918
919
920
921
922
923
924
925
926
927
928
929
930
931
932
933
934
935
936
937
938
939
940
941
942
943
944
945
946
947
948
949
950
951
952
953
954
955
956
957
958
959
960
961
962
963
964
965
966
967
968
969
970
971
972
973
974
975
976
977
978
979
980
981
982
983
984
985
986
987
988
989
990
991
992
993
994
995
996
997
998
999
1000
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<!-- <meta
http-equiv="Content-Security-Policy"
content="upgrade-insecure-requests"
/> -->
<link rel="stylesheet" href="./css/default.css" />
<!-- <link rel="stylesheet" href="./css/main.css" /> -->
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Jua" />
<link rel="stylesheet" href="./book.css" />
<title>Main</title>
<!-- <style>
.img {
position: relative;
max-width: 80%;
height: auto;
display: block;
margin: 0 auto;
}
</style> -->
</head>
<body>
<div id="container">
<div class="section" id="section0">
<div class="cover" style="display: flex">
<div>
<img
class="cover_object"
id="cover_object1"
src="./image/cover_object_left.png"
style="width: 90%; margin-left: 15%"
/>
</div>
<div>
<img id="cover_first" src="./image/cover_new.png" alt="cover img" />
</div>
<div>
<img
class="cover_object"
id="cover_object2"
src="./image/cover_object_right.png"
style="width: 90%"
/>
</div>
</div>
</div>
<div class="section" id="section1">
<div class="wrapper">
<!-- <div>
<img
class="cover_object"
id="cover_object1"
src="./image/cover_object_left.png"
style="width: 90%; margin-left: 15%"
/>
</div> -->
<div class="aspect">
<div class="aspect-inner">
<div class="flipbook" id="flipbook">
<div class="page cover" style="display: flex">
<div>
<img
id="cover"
src="./image/cover_new_flip.png"
alt="cover img"
style="object-fit: fit"
/>
</div>
<!-- <div>
<img
class="cover_object"
id="cover_object2"
src="./image/cover_object_right.png"
style="width: 90%"
/>
</div> -->
</div>
<div
class="page"
style="
background-image: url(./image/img_diary_left.png);
background-size: cover;
"
>
<div class="div_diary">
<img
id="road_img"
src="./image/road_img.png"
style="object-fit: cover"
/>
<div class="pg_num">-1-</div>
</div>
</div>
<div
class="page"
style="
background-image: url(./image/img_diary_right.png);
background-size: cover;
"
>
<div class="div_diary">
<div class="topic" id="road_title">
<span class="keyword"> "신촌 차 없는 거리"</span>
</div>
<div class="description_text">
<div class="road_content" id="road_content_top">
2014년 1월 서대문구 신촌동 연세로 및 명물거리 일대의
연세로 550m구간과 명물거리 450m구간이 서울시의 첫번째
대중교통전용지구로 선정되어 운영을 시작했다.
대중교통전용지구란 승용차를 포함해 일반 차량의 진입을
금지시키고 노면전차, 경전철, 버스 등 대중교통수단의 통행과
보행자의 보행활동만 허용된 지구를 말한다. 연세로에
대중교통전용지구사업이 조성된 이후 더욱 확장되어 모든
일반차량의 통행과 노상 주정차는 일체 금지되고 매주 금요일
14시부터 일요일 22시는 연세로를 경유하는 모든 노선의
버스를 우회운행하여 보행자 전용 공간으로 활용되고 있다.
<span class="bold">연세로는 주말 동안 ‘차 없는 거리’ 라는 보행자 중심의
도로가 되어 각종 축제, 공연, 행사 등의 다양한 콘텐츠를
제공하여 신촌거리문화를 발전시켰다. 시민들이 자발적으로
나서는 다양한 버스킹 공연부터 매해 열리는 물총축제,
맥주축제 등은 이제 연세로의 특징이 되었다.</span>
</div>
<div class="road_content" id="road_content_bottom">
그러나 2022년 10월 인근 지역 상권 침체와 우회 차량의 골목
통행 증가에 따른 보행자 위험이라는 이유로 연세로의 주말
‘차 없는 거리’가 폐지되어 이제 주말에도 평일과 같이
대중교통전용지구로 운영되어 버스와 긴급차량이 상시 통행이
가능해졌다. 서대문구는 앞으로 대규모 축제 등의 행사가
있을때만 차 없는 거리로 운영할 계획이라고 알려 매주 ‘차
없는 거리’로 자유롭게 도로를 이용하는 시민들의 모습을 더
이상 보기 힘들어졌다. <span class="highlight_2">‘8년간의 추억, 신촌 차없는 거리
다이어리’는 지난 8년간 ‘차 없는 거리’로 운영되었던
연세로의 모습을 기억하고자 제작되었다.</span>
</div>
</div>
<div class="pg_num">-2-</div>
</div>
</div>
<div
class="page"
style="
background-image: url(./image/img_diary_left.png);
background-size: cover;
"
>
<div class="div_diary">
<div class="topic">
# <span class="keyword">신촌로</span>의 가지각색
<span class="highlight">축제</span>
이야기
</div>
<div class="picture">
<div
class="picture_top picture_top_left"
style="position: relative"
>
<div class="pic">
<img
class="img"
id="img1"
src="./image/festival/festival_1.png"
/>
</div>
<div class="pic">
<img
class="img"
id="img2"
src="./image/festival/festival_2.png"
/>
</div>
<div class="pic">
<img
class="img"
id="img3"
src="./image/festival/festival_3.png"
/>
</div>
</div>
<div
class="picture_bottom picture_bottom_left"
style="position: relative"
>
<div class="pic">
<img
class="img"
id="img6"
src="./image/festival/festival_6.png"
/>
</div>
<div class="pic">
<img
class="img"
id="img7"
src="./image/festival/festival_7.png"
/>
</div>
</div>
<div class="hover-text">
<div
class="finger-icon"
style="position: relative;">
<img class="hover" id="finger-icon-img"
src="./image/icon_finger.png" style="width: 3vw; margin-top: 3vh;"/>
</div>
<div class="hover-info">
<p>
사진 위에 마우스 커서를 올려보세요!
</p>
</div>
</div>
</div>
<div class="pg_num">-3-</div>
</div>
</div>
<div
class="page"
style="
background-image: url(./image/img_diary_right.png);
background-size: cover;
"
>
<div class="div_diary">
<div class="picture">
<div
class="picture_top picture_top_right"
style="position: relative"
>
<div class="pic">
<img
class="img"
id="img4"
src="./image/festival/festival_4.png"
/>
</div>
<div class="pic">
<img
class="img"
id="img5"
src="./image/festival/festival_5.png"
/>
</div>
</div>
<div
class="picture_bottom picture_bottom_right"
style="position: relative"
>
<div class="pic">
<img
class="img"
id="img8"
src="./image/festival/festival_8.png"
/>
</div>
<div class="pic">
<img
class="img"
id="img9"
src="./image/festival/festival_9.png"
/>
</div>
<div class="pic">
<img
class="img"
id="img10"
src="./image/festival/festival_10.png"
/>
</div>
<!-- <div>
<img class="hover" id="finger-icon-img"
src="./image/icon_finger.png"/>
</div> -->
</div>
<div class="next">
<div
class="next-icon"
style="position: relative;">
<img class="next-img" id="next-img"
src="./image/next_page.png" style="width: 5vw;"/>
</div>
</div>
</div>
<div class="pg_num">-4-</div>
</div>
</div>
<div
class="page"
style="
background-image: url(./image/img_diary_left.png);
background-size: cover;
"
>
<div class="div_diary">
<div class="key_img">
<img
class="img"
id="img7"
src="./image/festival/festival_7.png"
/>
</div>
<div class="pg_num">-5-</div>
</div>
</div>
<div
class="page"
style="
background-image: url(./image/img_diary_right.png);
background-size: cover;
"
>
<div class="div_diary">
<div class="description">
<div class="title">
<왕국 탈환> 테마의 2019
<span class="title_span">신촌 물총 축제</span>
</div>
<div class="description_text">
<p class="paragraph">
여름 하면 생각나는 키워드 중 하나는 시원하게 쏟아지는
물이 아닐까? 차와 버스가 지나다녀야 할 것 같은 큰
도로에서 사람들이 함께 모여 물을 뿌리고 맞으며 흠뻑 몸을
적시고 있다는 사실은 직접 눈으로 보지 않는다면 믿기 힘들
수도 있다. 하지만 2013부터 시작된 신촌 물총 축제에 직접
방문한 사람이라면 이 축제가 얼마나 신나고, 크고,
화려했는지 기억할 것이다.
</p>
<p class="paragraph">
2016년부터는 서울 브랜드 축제로 선정되어 서울시의
대표적인 여름 축제로 자리 잡기도 한 신촌 물총 축제는
매년 새롭게 달라지는 테마에 맞게 다양한 축제 이벤트가
진행됐다. 매년 7월 중, 2일 동안에는 연세로의 한복판에
설치된
<span class="bold"
>큰 워터 슬라이드에서 미끄럼틀을 타는 사람들과,
남녀노소 구분 없이 서로 물총을 겨누며 물총 싸움을 하는
사람들, 키즈존에서 그들만의 리그를 즐기는 어린이들 등
물놀이로 더운 여름을 날려버리려는 사람들</span
>
로 가득했다.
</p>
<p class="paragraph">
<span class="high_light"
>각자의 걱정 근심을 잊고 한데 모여 어린아이처럼 즐겁게
놀고 있는 모습을 보면 나도 모르게 시원해지는 기분을
느낄 수 있었을 것이다.</span
>
</p>
</div>
</div>
<div class="pg_num">-6-</div>
</div>
</div>
<div
class="page"
style="
background-image: url(./image/img_diary_left.png);
background-size: cover;
"
>
<div class="div_diary">
<div class="key_img">
<img
class="img"
id="img7"
src="./image/festival/festival_3.png"
/>
</div>
<div class="pg_num">-7-</div>
</div>
</div>
<div
class="page"
style="
background-image: url(./image/img_diary_right.png);
background-size: cover;
"
>
<div class="div_diary">
<div class="description">
<div class="title">
2019 "<span class="title_span">신촌 맥주 축제</span
>"에서..
</div>
<div class="description_text">
<p class="paragraph">
무더운 여름철 더위를 쫓아내려 부채질하다 보면 시원한
맥주 한잔이 간절히 생각날 때가 있을 것이다.
<span class="high_light"
>몇 년간 9월 신촌로에는 시원한 맥주를 수많은 사람과
함께 즐길 수 있는 신촌 맥주 축제가 있었다.</span
>
매년 같은 내용의 축제가 지루할까 테마도 새롭게
바뀌었는데, 2015년에는 독일의 ‘옥토버페스트’, 2017년에는
‘수제맥주축제’, 2019년에는 음악과 맥주, 책이 어우러진
‘북맥축제’를 콘셉으로
<span class="bold">매년 새롭고 다양한 맥주축제</span>가
사람들을 기다린다.
</p>
<p class="paragraph">
단순히 맥주를 마시기만 하는 축제라고 생각하면 큰
오산이다. 축제 기간 동안 오후 6시부터 9시까지는 연세로
스타 광장에 있는 메인무대에서 즐거운 공연도 열렸다. 이
기간에 신촌 연세로를 방문했다면 낮에는 내가 좋아하는
작가의
<span class="bold"><북 콘서트></span>를 듣고, 조금
시원해지는 오후에는 거리를 돌아다니며 여러 종류의 맥주를
체험하고 설명을 듣는
<span class="bold"><비어도슨트></span>에 참여하고,
저녁에는 여러 밴드의 공연을 듣는 완벽한 일정으로 하루를
보낼 수 있었을 것이다. 혹시
<span class="bold"><북 콘서트></span>나
<span class="bold"><비어도슨트></span>에 흥미가 없는
사람이라면 책과 맥주를 함께 즐기는
<span class="bold"><책맥 모임></span> 강연을 듣거나
<span class="bold"><신촌동 미음약국></span>에서 나만의
맥주 컨설팅을 받는 경험을 하기도 했다.
</p>
<p class="paragraph">
한여름을 시원하게 해줄 맥주 축제에서 수많은 사람들이
각자의 더위를 날려버렸길!
</p>
</div>
</div>
<div class="pg_num">-8-</div>
</div>
</div>
<div
class="page"
style="
background-image: url(./image/img_diary_left.png);
background-size: cover;
"
>
<div class="div_diary">
<div class="key_img">
<img
class="img"
id="img7"
src="./image/festival/festival_9.png"
/>
</div>
<div class="pg_num">-9-</div>
</div>
</div>
<div
class="page"
style="
background-image: url(./image/img_diary_right.png);
background-size: cover;
"
>
<div class="div_diary">
<div class="description">
<div class="title">
2018 "<span class="title_span"
>신촌 크리스마스 거리축제</span
>"
</div>
<div class="description_text">
<p class="paragraph">
모두의 마음이 들뜨는 12월이 되면 신촌 전철역부터 연세대
앞까지 약 500m의 연세로는 화려한 경관 조명과 장식으로
꾸며졌다. 12월 23일부터 25일까지 열리는
<span class="high_light"
>신촌 크리스마스 거리축제는 크리스마스 기간 신촌의
주인공이었다.</span
>
</p>
<p class="paragraph">
‘선물’이라는 콘셉트로 꾸며진 거리에서 사람들은 가족, 친구,
연인들과 함께 신촌의 연세로에서 한바탕 선물 같은 하루를
보냈다. 크리스마스 분위기를 물씬 즐길 수 있는
<span class="bold"
>포토존에서 사진을 찍는 친구들, 아이들과 함께 인형극을
보러 온 가족들, 마켓에서 직접 만든 물건들을 파는
상인들</span
>로 거리가 온통 북적였다.
</p>
<p class="paragraph">
크리스마스 이브인 24일에는 마음 따뜻한 이벤트도 일어났는데,
약 1000명 가량의 자원봉사자들이 산타로 분장해 소외 계층
어린이들에게 선물을 전달하는 ‘몰래산타 대작전’이다.
자원봉사자들은 모두 한곳에 모여 산타 모자를 동시에 하늘로
던져 출정을 외치고 소외된 곳에 있는 어린이들에게 따뜻한
마음을 전달하러 출발했다.
</p>
<p class="paragraph">
<span class="high_light"
>반짝이는 거리를 보며 눈이 즐거울 뿐만 아니라 포토존,
인형극, 이벤트로 마음까지 따뜻해지는 크리스마스 거리
축제에서 포근한 연말 추억</span
>을 만들어가는 경험을 했길 바란다.
</p>
</div>
</div>
<div class="pg_num">-10-</div>
</div>
</div>
<div
class="page"
style="
background-image: url(./image/img_diary_left.png);
background-size: cover;
"
>
<div class="div_diary">
<div class="topic">
# <span class="highlight">버스킹</span>의 성지, '<span
class="keyword"
>신촌로</span
>'
</div>
<div class="picture">
<div
class="picture_top picture_top_left"
style="position: relative"
>
<div class="pic">
<img
class="img"
id="img11"
src="./image/busking/busking_1.png"
/>
</div>
<div class="pic">
<img
class="img"
id="img12"
src="./image/busking/busking_2.png"
/>
</div>
<div class="pic">
<img
class="img"
id="img13"
src="./image/busking/busking_3.png"
/>
</div>
</div>
<div
class="picture_bottom picture_bottom_left"
style="position: relative"
>
<div class="pic">
<img
class="img"
id="img16"
src="./image/busking/busking_6.png"
/>
</div>
<div class="pic">
<img
class="img"
id="img17"
src="./image/busking/busking_7.png"
/>
</div>
</div>
<div class="hover-text">
<div
class="finger-icon"
style="position: relative;">
<img class="hover" id="finger-icon-img"
src="./image/icon_finger.png" style="width: 3vw; margin-top: 3vh;"/>
</div>
<div class="hover-info">
<p>
사진 위에 마우스 커서를 올려보세요!
</p>
</div>
</div>
</div>
<div class="pg_num">-11-</div>
</div>
</div>
<div
class="page"
style="
background-image: url(./image/img_diary_right.png);
background-size: cover;
"
>
<div class="div_diary">
<div class="picture">
<div
class="picture_top picture_top_right"
style="position: relative"
>
<div class="pic">
<img
class="img"
id="img14"
src="./image/busking/busking_4.png"
/>
</div>
<div class="pic">
<img
class="img"
id="img15"
src="./image/busking/busking_5.png"
/>
</div>
</div>
<div
class="picture_bottom picture_bottom_right"
style="position: relative"
>
<div class="pic">
<img
class="img"
id="img18"
src="./image/busking/busking_8.png"
/>
</div>
<div class="pic">
<img
class="img"
id="img19"
src="./image/busking/busking_9.png"
/>
</div>
<div class="pic">
<img
class="img"
id="img20"
src="./image/busking/busking_10.png"
/>
</div>
</div>
<div class="next">
<div
class="next-icon"
style="position: relative;">
<img class="next-img" id="next-img"
src="./image/next_page.png" style="width: 5vw;"/>
</div>
</div>
</div>
<div class="pg_num">-12-</div>
</div>
</div>
<div
class="page"
style="
background-image: url(./image/img_diary_left.png);
background-size: cover;
"
>
<div class="div_diary">
<div class="key_img">
<img
class="img"
id="img7"
src="./image/busking/busking_6.png"
/>
</div>
<div class="pg_num">-13-</div>
</div>
</div>
<div
class="page"
style="
background-image: url(./image/img_diary_right.png);
background-size: cover;
"
>
<div class="div_diary">
<div class="description">
<div class="title">
2017 신촌로에 깜짝 나타난
<span class="title_span">비투비</span>!
</div>
<div class="description_text">
<p class="paragraph">
JYP엔터테인먼트의 아이돌 그룹 스트레이 키즈, 가수 이정과
4인조 밴드 네덜란드 튤립농장, 개성파 뮤지션 김보경과 문샤인,
그리고 데쉬, 이름만 대면 많은 사람들이 아는 실력파 아이돌
비투비까지. 음악 스타일도, 주 무대도 모두 다른 이들의
공통점은 무엇일까? 바로
<span class="bold"
>신촌 연세로 한복판에서 ‘신촌 버스킹’을 했다</span
>는 점이다.
</p>
<p class="paragraph">
조명도,음향시설도, 심지어 팬들의 규모도 방송국이나 공연장보다 한참 모자랄 수밖에 없는 거리에서 셀 수 없이 많은 아티스트들이 <span class="high_light”> ‘신촌 버스킹’에서 자신을 알리고, 팬들과 소통하고, 노래로 사람들의 귀를 즐겁게 해왔다. </span> 누구나 신촌 거리를 지나다니기만 하면 뮤지션들의 감미로운 노래를 들을 수 있고 누구나 앞에 나가서 공연을 할 수도 있다. 이런 <span class="bold">자유로움과 가까움</span>이 사람들이 버스킹을 사랑하는 이유가 아니었을까? 차 없는 거리라는 지역 특성과 버스킹의 이러한 장점이 만나 생긴 연세로의 버스킹 문화는 이 공간을 더욱 ‘젊음’의 거리로 만드는데 한 몫 했다. 연세로를 거닐었던 경험이 있는 사람이라면 누구든 한 번쯤 스치듯 노래를 들은 경험이 있을 것이다. 같은 공간에서 같은 노래를 들었다는 것만으로도 같은 추억을 공유할 수 있다. 지금 당신 옆에 있는 누군가 옛날 신촌 연세로의 어딘가에서 같은 노래를 듣지 않았을까 생각해볼 수도 있을 것이다.
</p>
</div>
</div>
<div class="pg_num">-14-</div>
</div>
</div>
<div
class="page"
style="
background-image: url(./image/img_diary_left.png);
background-size: cover;
"
>
<div class="div_diary">
<div class="key_img">
<img
class="img"
id="img7"
src="./image/busking/busking_1.png"
/>
</div>
<div class="pg_num">-15-</div>
</div>
</div>
<div
class="page"
style="
background-image: url(./image/img_diary_right.png);
background-size: cover;
"
>
<div class="div_diary">
<div class="description">
<div class="title">
2022 연세로에서, 버스킹 프로그램 '<span class="tilte_span"
>더 리슨</span
>'
</div>
<div class="description_text">
<p class="paragraph">
“가을로 떠난 7인의 음악여행! 명품 목소리로 뭉친 ‘성대 미남’ 허각, 신용재, 김원주, 임한별, 손동운, 주호, 김희재가 활력이 넘치는 예술관광 대표도시 광주 곳곳에서 펼치는 버스킹 리얼리티” 2022년 9월 방영된 한 예능 프로그램의 설명이다. 한마디로 노래 잘하는 가수들이 광주로 버스킹을 떠나는 예능인데 이들은 광주로 떠나기에 앞서 ‘<span class="bold">버스킹의 성지</span>’라는 서울 신촌에서 먼저 무대를 펼쳤다. 유튜브에 ‘더 리슨 신촌 버스킹’을 검색하면 이들이 신촌 거리에 놀러 온 많은 사람들 앞에서 <span class="bold">노래를 부르고, 관객들이 따라 부르고, 함께 손을 흔들며 즐기는 모습</span>들을 생생하게 볼 수 있다.
</p>
<p class="paragraph">
<span class="high_light">연세로가 시작된 후부터 계속되어온 신촌의 신나는 버스킹 문화의 모습이 TV 프로그램에 그대로 나타난 것이다.</span> 이 외에도 ‘신촌 버스킹’, ‘연세로 버스킹’ 등의 키워드를 여러 SNS에 검색하면 수많은 직캠과 방송 영상이 나온다. 버스킹을 주제로 한 예능 프로그램의 한 꼭지로 나올 만큼 신촌 버스킹 문화가 많은 사람들의 추억이고 경험이고 즐거움이었다는 의미가 아닐까? 신촌 연세로를 추억하고 싶다면 <span class="high_light">생생한 버스킹의 현장</span>을 검색해 그날의 즐거움과 설렘을 되살리는 것도 좋은 방법일 것이다.
</p>
</div>
</div>
<div class="pg_num">-16-</div>
</div>
</div>
<div
class="page"
style="
background-image: url(./image/img_diary_left.png);
background-size: cover;
"
>
<div class="div_diary">
<div class="key_img">
<img
class="img"
id="img7"
src="./image/busking/busking_8.png"
/>
</div>
<div class="pg_num">-17-</div>
</div>
</div>
<div
class="page"
style="
background-image: url(./image/img_diary_right.png);
background-size: cover;
"
>
<div class="div_diary">
<div class="description">
<div class="title">
2022 겨울 연세로에서,
<span class="title_span">신촌 버스킹</span>을 보며..
</div>
<div class="description_text">
<p class="paragraph">
살인적인 추위였다. <br />이미 해는 지고 <br />기온은
떨어지고 <br />바람은 불고....<br />
열정 하나만으로 추위를 이기며<br />음악을 들려준 더
페인트(THE PAINT)입니다. <br />설마....하는데 음악은
시작되었습니다....^^ <br />둘은 커플이라고 소개합니다.
<br />햇살이 조금만이라도 살아있었다면 <br />보는 이의
마음이 조금이나마 편했을 듯 싶습니다.<br />꽁꽁 동여맨
옷깃에서 안도감을 느낍니다. <br />그들의 뒷모습은 참 행복해
보였습니다. <br />두 분... 행복하세요~~ <br />-신촌 버스킹을 보며 어느 한 블로거가 남긴 글-
</p>
</div>
</div>
<div class="pg_num">-18-</div>
</div>
</div>
<div
class="page"
style="
background-image: url(./image/img_diary_left.png);
background-size: cover;
"
>
<div class="div_diary">
<div class="topic">
# 함께 걷는 <span class="highlight">거리</span>,
<span class="keyword">신촌로</span>
</div>
<div class="picture">
<div
class="picture_top picture_top_left"
style="position: relative"
>
<div class="pic">
<img
class="img"
id="img21"
src="./image/street/street_1.png"
/>
</div>
<div class="pic">
<img
class="img"
id="img22"
src="./image/street/street_2.png"
/>
</div>
<div class="pic">
<img
class="img"
id="img23"
src="./image/street/street_3.png"
/>
</div>
</div>
<div
class="picture_bottom picture_bottom_left"
style="position: relative"
>
<div class="pic">
<img
class="img"
id="img26"
src="./image/street/street_6.png"
/>
</div>
<div class="pic">
<img
class="img"
id="img27"
src="./image/street/street_7.png"
/>
</div>
</div>
<div class="hover-text">
<div
class="finger-icon"
style="position: relative;">
<img class="hover" id="finger-icon-img"
src="./image/icon_finger.png" style="width: 3vw; margin-top: 3vh;"/>
</div>
<div class="hover-info">
<p>
사진 위에 마우스 커서를 올려보세요!
</p>
</div>
</div>
</div>
<div class="pg_num">-19-</div>
</div>
</div>
<div
class="page"
style="
background-image: url(./image/img_diary_right.png);
background-size: cover;
"
>
<div class="div_diary">
<div class="picture">
<div
class="picture_top picture_top_right"
style="position: relative"
>
<div class="pic">
<img
class="img"
id="img24"
src="./image/street/street_4.png"
/>
</div>
<div class="pic">
<img
class="img"
id="img25"
src="./image/street/street_5.png"
/>
</div>
</div>
<div
class="picture_bottom picture_bottom_right"
style="position: relative"
>
<div class="pic">
<img
class="img"
id="img28"
src="./image/street/street_8.png"
/>
</div>
<div class="pic">
<img
class="img"
id="img29"
src="./image/street/street_9.png"
/>
</div>
<div class="pic">
<img
class="img"
id="img30"
src="./image/street/street_10.png"
/>
</div>
</div>
<div class="next">
<div
class="next-icon"
style="position: relative;">
<img class="next-img" id="next-img"
src="./image/next_page.png" style="width: 5vw;"/>
</div>
</div>
</div>
<div class="pg_num">-20-</div>
</div>
</div>
<div
class="page"
style="
background-image: url(./image/img_diary_left.png);
background-size: cover;
"
>
<div class="div_diary">
<div class="key_img">
<img
class="img"
id="img7"
src="./image/street/street_1.png"
/>
</div>
<div class="pg_num">-21-</div>
</div>
</div>
<div
class="page"
style="
background-image: url(./image/img_diary_right.png);
background-size: cover;
"
>
<div class="div_diary">
<div class="description">
<div class="title">
2017 <span class="title_span">봄의 신촌로</span>에서,
벚꽃구경을 즐기다!
</div>
<div class="description_text">
<p class="paragraph">
봄이 오면 연세로는 친구, 연인, 가족과 함께 벚꽃 구경을 하러 모이는 사람들로 가득했다. 블로그, 유튜브, 인스타그램 등 SNS에 <span class="bold">#연세로, #봄, #신촌</span>을 키워드로 검색하면 많은 사람이 거리를 거닐며 꽃이 흐드러진 풍경을 즐기는 사진이 아직도 올라와 있는 것을 볼 수 있다.
</p>
<p class="paragraph">
이런 수많은 개인들의 사진과 글들은 특별한 행사나 축제가 없어도 <span class="bold">언제든, 누구든 놀러 오고 즐길 수 있는 공간</span>이었다는 점을 나타낸다. 특히 근처 대학에 다니는 대학생들이 중간고사 기간에 잠깐 짬을 내서 가까운 장소에서 벚꽃 구경을 할 수 있는 곳이기도 했다. 신촌오거리에서 연세대까지 뻗어있는 약 500m 길이의 도로를 따라 벚꽃이 만개한 아름다운 모습과 차가 없는 도로를 걸어 다니며 꽃구경을 실컷 할 수 있다는 점 때문에 근처 대학에 다니는 학생뿐 아니라 지역 주민들도 벚꽃 구경을 하러 오는 서대문구의 ‘벚꽃 놀이명소’로 손꼽혔다.
</p>
<p class="paragraph">
봄의 신촌 연세로는 학생, 주민, 어린이 등 <span class="high_light">남녀노소가 안전하고 자유롭게 봄의 풍경을 즐길 수 있는 공원 같은</span> 역할을 해왔다.
</p>
</div>
</div>
<div class="pg_num">-22-</div>
</div>
</div>
<div
class="page"
style="
background-image: url(./image/img_diary_left.png);
background-size: cover;
"
>
<div class="div_diary">
<div class="key_img">
<img
class="img"
id="img7"
src="./image/street/street_3.png"
/>
</div>
<div class="pg_num">-23-</div>
</div>
</div>
<div
class="page"
style="
background-image: url(./image/img_diary_right.png);
background-size: cover;
"
>