diff --git a/404.html b/404.html index a1d5e430..38af86b4 100644 --- a/404.html +++ b/404.html @@ -6,7 +6,7 @@ 404 | bohyeon.dev - + @@ -21,7 +21,7 @@
- + \ No newline at end of file diff --git a/AoC/2022/day1.html b/AoC/2022/day1.html index a4538979..645751f2 100644 --- a/AoC/2022/day1.html +++ b/AoC/2022/day1.html @@ -6,7 +6,7 @@ day 1 | bohyeon.dev - + @@ -56,7 +56,7 @@ println!("{max_calory}"); }
- + \ No newline at end of file diff --git a/AoC/2022/day2.html b/AoC/2022/day2.html index 23475ecd..d94f2e91 100644 --- a/AoC/2022/day2.html +++ b/AoC/2022/day2.html @@ -6,7 +6,7 @@ day 2 | bohyeon.dev - + @@ -93,7 +93,7 @@ return 'Y' } }
- + \ No newline at end of file diff --git a/AoC/2022/day3.html b/AoC/2022/day3.html index 5f38d4d4..ae36fcf5 100644 --- a/AoC/2022/day3.html +++ b/AoC/2022/day3.html @@ -6,7 +6,7 @@ day 3 | bohyeon.dev - + @@ -48,7 +48,7 @@ $('pre').textContent.match(/([a-zA-Z]*?\n){3}/g).map(s => s.trim().split('\n').reduce((a, c) => { return c.match(new RegExp(`[${a}]`, 'g')).join('') })).map(s => s[0]).map(getScore).reduce((a, b) => a + b)
- + \ No newline at end of file diff --git a/AoC/2022/day4.html b/AoC/2022/day4.html index 9025a57d..eda5193b 100644 --- a/AoC/2022/day4.html +++ b/AoC/2022/day4.html @@ -6,7 +6,7 @@ day 1 | bohyeon.dev - + @@ -49,7 +49,7 @@ } $('pre').textContent.trim().split('\n').filter(_ => _).map(getIfOverlapped).filter(_ => _).length
- + \ No newline at end of file diff --git a/AoC/2022/day5.html b/AoC/2022/day5.html index 3a571ebe..7797b4c5 100644 --- a/AoC/2022/day5.html +++ b/AoC/2022/day5.html @@ -6,7 +6,7 @@ day 5 | bohyeon.dev - + @@ -150,7 +150,7 @@ instances.map(s => s.pop()).join('')
- + \ No newline at end of file diff --git a/AoC/2022/day6.html b/AoC/2022/day6.html index 875acc4e..5e191470 100644 --- a/AoC/2022/day6.html +++ b/AoC/2022/day6.html @@ -6,7 +6,7 @@ day 6 | bohyeon.dev - + @@ -60,7 +60,7 @@ } main($('pre').textContent);
- + \ No newline at end of file diff --git a/AoC/2022/index.html b/AoC/2022/index.html index 824789d9..fde09aef 100644 --- a/AoC/2022/index.html +++ b/AoC/2022/index.html @@ -6,7 +6,7 @@ Advent of Code 2022 | bohyeon.dev - + @@ -24,7 +24,7 @@
bohyeon.dev

Appearance

Advent of Code 2022 ​

- + \ No newline at end of file diff --git a/archive.html b/archive.html index be4caa51..e5dc3c9d 100644 --- a/archive.html +++ b/archive.html @@ -6,7 +6,7 @@ 🏛 보관소 | bohyeon.dev - + @@ -24,7 +24,7 @@
bohyeon.dev

Appearance

🏛 보관소 ​

개발 소식지 ​

스터디 ​

공간 ​

글, 기사 ​

Tech ​

Web ​

Metaverse, Blockchain, Cryptocurrency, NFT, ... ​

Science ​

Etc (미분류 포함) ​

강의 ​

서비스 ​

미분류 ​

Color ​

Illustration ​

Editor ​

Headless CMS ​

No Code, Low Code ​

Data ​

AI ​

Startups ​

- + \ No newline at end of file diff --git a/assets/reading.md.DV0PFjsp.js b/assets/reading.md.DcIx9hsp.js similarity index 97% rename from assets/reading.md.DV0PFjsp.js rename to assets/reading.md.DcIx9hsp.js index 32e7a36c..ff4398ac 100644 --- a/assets/reading.md.DV0PFjsp.js +++ b/assets/reading.md.DcIx9hsp.js @@ -1 +1 @@ -import{_ as A,D as B,c as r,b as l,w as C,ak as F,o as s,F as i,E as d,k,p as g,l as D,j as p,a as q,e as V,t as f,M as _}from"./chunks/framework.8eP_U0YV.js";const x=JSON.parse(`{"books":[{"name":"모래알만 한 진실이라도","startedAt":"2020-05","endAt":"2022-06","progressValue":100,"authors":"박완서","contents":"박완서 에세이 결정판 『모래알만 한 진실이라도』가 ‘윤슬 에디션’으로 새로이 독자들을 찾아왔다. 그가 남긴 에세이 660여 편을 모두 살피고 그중 베스트 35편을 선별한 『모래알만 한 진실이라도』는 작품 선정에만 몇 개월이 소요된 만큼 박완서 에세이의 정수라고 칭하기에 손색이 없다. 초판 한정으로 독자들을 만나는 ‘윤슬 에디션’은 빛과 물의 반짝이는 순간을 포착해 화폭에 담아내는 영국 아티스트 고든 헌트의 작품을 표지 그림으로 사용했다. 시공간을","datetime":"2022-06-30T00:00:00.000+09:00","isbn":"8933871551 9788933871553","price":17000,"publisher":"세계사","sale_price":15300,"status":"정상판매","thumbnail":"https://search1.kakaocdn.net/thumb/R120x174.q85/?fname=http%3A%2F%2Ft1.daumcdn.net%2Flbook%2Fimage%2F5556823%3Ftimestamp%3D20230923162059","title":"모래알만 한 진실이라도","translators":[],"url":"https://search.daum.net/search?w=bookpage&bookId=5556823&q=%EB%AA%A8%EB%9E%98%EC%95%8C%EB%A7%8C+%ED%95%9C+%EC%A7%84%EC%8B%A4%EC%9D%B4%EB%9D%BC%EB%8F%84"},{"name":"한 권으로 읽는 컴퓨터 구조와 프로그래밍","startedAt":"2020-10","progressValue":18,"inProgress":false,"authors":"조너선 스타인하트","contents":"프로그래머가 되려는 개발자는 물론, 비전공자도 재미있게 읽을 수 있는 컴퓨터공학 핵심 강의! 하드웨어의 토대가 되는 기초 전자회로, 게이트부터 시작해서 메모리, CPU, I/O, 컴퓨터 아키텍처 전반을 설명하고, 그 위에서 소프트웨어를 작성하는 방법을 웹과 C 프로그램으로 직접 만들어보며, 보안, 인공지능, 알고리즘 등의 내용에 이르기까지 개발자라면 반드시 알아야 할 커튼 뒤에 감춰진 컴퓨터 구조와 프로그래밍에 대한 거의 모든 것을 다루는 컴퓨터공학 개론서","datetime":"2021-04-08T00:00:00.000+09:00","isbn":"1189909286 9791189909284","price":35000,"publisher":"책만","sale_price":31500,"status":"정상판매","thumbnail":"https://search1.kakaocdn.net/thumb/R120x174.q85/?fname=http%3A%2F%2Ft1.daumcdn.net%2Flbook%2Fimage%2F5634224%3Ftimestamp%3D20240614144508","title":"한 권으로 읽는 컴퓨터 구조와 프로그래밍","translators":["오현석"],"url":"https://search.daum.net/search?w=bookpage&bookId=5634224&q=%ED%95%9C+%EA%B6%8C%EC%9C%BC%EB%A1%9C+%EC%9D%BD%EB%8A%94+%EC%BB%B4%ED%93%A8%ED%84%B0+%EA%B5%AC%EC%A1%B0%EC%99%80+%ED%94%84%EB%A1%9C%EA%B7%B8%EB%9E%98%EB%B0%8D"},{"name":"일 잘하는 사람은 단순하게 합니다","startedAt":"2020-09","progressValue":29,"inProgress":false,"authors":"박소연","contents":"토론이, 요가 수업이, 전시회 관람이 아무리 만족스러운들 그 삶이 행복하다고 말하긴 어려울 것이다. 일 하는 사람에게는 퇴근 후의 시간을 즐겁게 보내는 계획만큼이나, 퇴근 전의 시간을 똑똑하게 쓰는 지혜도 중요하다. 이 책은 일 잘하는 사람들, 특히 효율적으로 일하면서 인생도 즐길 줄 아는 사람들의 노하우와 특별한 습관들을 담았다. “그래서 일을 잘하려면 대체 어떻게 해야 하나요?” 일하는 사람들의 멘토 박소연 저자가 들려주는 일 잘하는 사람들의 기획, 말","datetime":"2024-09-10T00:00:00.000+09:00","isbn":"1140710656 9791140710652","price":18000,"publisher":"더퀘스트","sale_price":16200,"status":"정상판매","thumbnail":"https://search1.kakaocdn.net/thumb/R120x174.q85/?fname=http%3A%2F%2Ft1.daumcdn.net%2Flbook%2Fimage%2F6717354%3Ftimestamp%3D20240929154353","title":"일 잘하는 사람은 단순하게 합니다","translators":[],"url":"https://search.daum.net/search?w=bookpage&bookId=6717354&q=%EC%9D%BC+%EC%9E%98%ED%95%98%EB%8A%94+%EC%82%AC%EB%9E%8C%EC%9D%80+%EB%8B%A8%EC%88%9C%ED%95%98%EA%B2%8C+%ED%95%A9%EB%8B%88%EB%8B%A4"},{"name":"불안의 책","startedAt":"2020-11","progressValue":28,"logs":[{"date":"2023-03-24","progressValue":13},{"date":"2024-05-19","progressValue":28}],"authors":"페르난두 페소아","contents":"『불안의 책』은 페소아가 생전에 완성한 작품이 아니라 사후 연구가들이 유고 더미에서 찾아낸 미완성 원고를 엮은 책이다. 작품을 구성하는 481개의 텍스트 속에는 페소아가 일평생 추구했던 내면의 성찰과 감각적 사유가 깊이 배어 있다.","datetime":"2015-09-18T00:00:00.000+09:00","isbn":"8954625762 9788954625760","price":18000,"publisher":"문학동네","sale_price":16200,"status":"정상판매","thumbnail":"https://search1.kakaocdn.net/thumb/R120x174.q85/?fname=http%3A%2F%2Ft1.daumcdn.net%2Flbook%2Fimage%2F691734%3Ftimestamp%3D20240531114031","title":"불안의 책","translators":["오진영"],"url":"https://search.daum.net/search?w=bookpage&bookId=691734&q=%EB%B6%88%EC%95%88%EC%9D%98+%EC%B1%85"},{"name":"리얼리티 버블","startedAt":"2021-01","progressValue":8,"inProgress":false,"authors":"지야 통","contents":"『리얼리티 버블』은 캐나다의 과학 저널리스트이자 방송인인 지야 통의 첫 책이다. 통은 17년간의 방송 경력을 통해 과학에 대한 사랑을 키워 왔다. 인터뷰어로서 그녀는 생각할 수 있는 모든 전문가들을 만났고, 다른 사람들의 눈을 통해 세계를 보는 법을 배웠다. 이 책은 바로 그 ‘보는’ 방법에 관한 이야기이다. 또 과학이라는 새로운 눈으로 본 우리 세계의 진실들에 관한 이야기이기도 하다. 통은 우리가 ‘거품 속에서 현실을 대한다’고 지적한다. 보이지 않는","datetime":"2021-01-25T00:00:00.000+09:00","isbn":"1196999236 9791196999230","price":17600,"publisher":"코쿤북스","sale_price":15840,"status":"정상판매","thumbnail":"https://search1.kakaocdn.net/thumb/R120x174.q85/?fname=http%3A%2F%2Ft1.daumcdn.net%2Flbook%2Fimage%2F5579889%3Ftimestamp%3D20240323164412","title":"리얼리티 버블","translators":["장호연"],"url":"https://search.daum.net/search?w=bookpage&bookId=5579889&q=%EB%A6%AC%EC%96%BC%EB%A6%AC%ED%8B%B0+%EB%B2%84%EB%B8%94"},{"name":"쌤 코끼리 그려주세요","startedAt":"2020-12","progressValue":100,"authors":"","thumbnail":"https://placehold.co/120x174","url":"https://google.com/search?q=쌤 코끼리 그려주세요"},{"name":"편집자는 편집을 하지 않는다 7","startedAt":"2020-12","progressValue":100,"authors":"","thumbnail":"https://placehold.co/120x174","url":"https://google.com/search?q=편집자는 편집을 하지 않는다 7"},{"name":"자기 앞의 생","startedAt":"2021-01","progressValue":100,"authors":"로맹 가리(에밀 아자르)","contents":"열네 살 소년 모모가 들려주는 신비롭고 경이로운 생의 비밀을 담은 에밀 아자르의 소설 『자기 앞의 생』. 1980년 의문의 권총 자살로 생을 마감한 프랑스 작가 로맹 가리가 에밀 아자르라는 필명으로 출간한 두 번째 소설이다. 어린 소년 모모의 슬프지만 아름다운 성장 이야기를 담고 있다. 악동 같지만 순수한 어린 주인공 모모를 통해 이 세상 누구도 눈길을 주지 않는 밑바닥 삶을 살아가는 불행한 사람들의 슬픔과 고독과 사랑을 그리고 있다. 저자는","datetime":"2013-01-24T00:00:00.000+09:00","isbn":"8982816631 9788982816635","price":16000,"publisher":"문학동네","sale_price":11700,"status":"정상판매","thumbnail":"https://search1.kakaocdn.net/thumb/R120x174.q85/?fname=http%3A%2F%2Ft1.daumcdn.net%2Flbook%2Fimage%2F1153955%3Ftimestamp%3D20241009114625","title":"자기 앞의 생","translators":["용경식"],"url":"https://search.daum.net/search?w=bookpage&bookId=1153955&q=%EC%9E%90%EA%B8%B0+%EC%95%9E%EC%9D%98+%EC%83%9D"},{"name":"함께자라기","startedAt":"2020-07","progressValue":100,"authors":"김창준","contents":"‘함께’는 협력을 말하고, ‘자라기’는 학습을 말합니다. 무엇이건 실제 바깥세상(야생)에 임팩트를 남기려면 혼자 힘으로만 되는 게 없습니다. 함께 해야 합니다. 주변 사람들과 함께. 매일 부대끼는 동료들과 함께. 스스로 변하고 싶지만 계속 실패하는 사람, 조직을 개선하기 위한 시도를 하다가 오히려 데어본 사람, 불확실한 상황에서 합리적인 판단을 해야 하는 사람, 한 분야에서 전문성을 키워야 하는 사람에게 전문성을 키울 수 있는 제대로 된 방법을 알려줍니다","datetime":"2018-11-30T00:00:00.000+09:00","isbn":"8966262333 9788966262335","price":13000,"publisher":"인사이트","sale_price":11700,"status":"정상판매","thumbnail":"https://search1.kakaocdn.net/thumb/R120x174.q85/?fname=http%3A%2F%2Ft1.daumcdn.net%2Flbook%2Fimage%2F4833808%3Ftimestamp%3D20240618125701","title":"함께 자라기","translators":[],"url":"https://search.daum.net/search?w=bookpage&bookId=4833808&q=%ED%95%A8%EA%BB%98+%EC%9E%90%EB%9D%BC%EA%B8%B0"},{"name":"눈물을 마시는 새","startedAt":"2021-12","endAt":"2021-01","progressValue":97,"authors":"이영도","contents":"하퍼 콜린스, 아셰트, 펭귄 랜덤하우스, 그루포 플라네타 등 세계 메이저 출판사들의 선택을 받으며 세계 14개국에 수출 확정된 한국 판타지 문학의 전설 이영도 작가의 『눈물을 마시는 새』 일러스트 특별 한정판이 출간되었다. 이번 판본은 『장길산』 , 『붉은 말』 등 한국적 미를 붓과 먹으로 표현해 온 백성민 화백이 7개월여 동안 그린 『눈물을 마시는 새』 삽화 34점이 별지 방식으로 수록되었으며, 이와 함께 『눈물을 마시는 새』 작품 속 장면 중 6","datetime":"2023-05-17T00:00:00.000+09:00","isbn":"1170522688 9791170522683","price":60000,"publisher":"황금가지","sale_price":54000,"status":"정상판매","thumbnail":"https://search1.kakaocdn.net/thumb/R120x174.q85/?fname=http%3A%2F%2Ft1.daumcdn.net%2Flbook%2Fimage%2F6355388%3Ftimestamp%3D20240730191002","title":"눈물을 마시는 새(하)","translators":[],"url":"https://search.daum.net/search?w=bookpage&bookId=6355388&q=%EB%88%88%EB%AC%BC%EC%9D%84+%EB%A7%88%EC%8B%9C%EB%8A%94+%EC%83%88%28%ED%95%98%29"},{"name":"실격당한 자들을 위한 변론","startedAt":"2022-01","progressValue":100,"authors":"김원영","contents":"1급 지체장애인인 변호사 김원영이 우리 사회에서 잘못된 삶, 실격당한 인생이라 낙인찍힌 이들의 삶을 변론하는 『실격당한 자들을 위한 변론』. 저자는 소수자들이 삶에서 만나는 연극적인 순간들, 즉 차별과 배제, 수치와 모욕 앞에서 아무렇지 않은 듯 노련하게 맞받아치고 우아하게 대응하는 태도가 놓인 딜레마에서 논의를 시작한다. 저자는 거짓된 연극을 집어치우라고 하기보다는 사회학자 어빙 고프먼과 인류학자 김현경의 논의를 빌려와 사람과 사람이 주고받는 연극","datetime":"2018-06-15T00:00:00.000+09:00","isbn":"1160943737 9791160943733","price":16000,"publisher":"사계절","sale_price":14400,"status":"정상판매","thumbnail":"https://search1.kakaocdn.net/thumb/R120x174.q85/?fname=http%3A%2F%2Ft1.daumcdn.net%2Flbook%2Fimage%2F1598802%3Ftimestamp%3D20240511113126","title":"실격당한 자들을 위한 변론","translators":[],"url":"https://search.daum.net/search?w=bookpage&bookId=1598802&q=%EC%8B%A4%EA%B2%A9%EB%8B%B9%ED%95%9C+%EC%9E%90%EB%93%A4%EC%9D%84+%EC%9C%84%ED%95%9C+%EB%B3%80%EB%A1%A0"},{"name":"산책과 연애","startedAt":"2022-01","progressValue":100,"authors":"유진목","contents":"유진목, 그리고 ‘산책’과 ‘연애’ “평소 산책이라는 것을 하지 않는 사람이 ‘산책과 연애’라는 주제로 책을 쓰기로 한 것은 연애를 하는 동안에 유독 혼자서 산책했던 시간들이 떠올랐기 때문이다. 나는 연애를 할 때마다 그들을 죽이지 않으려고 필사적으로 걸었다.” _본문 중에서 우리가 낮에 산책을 하는 이유가 나무 그늘에서 사랑을 줍기 위해서이고, 우리가 밤에 연애를 하는 이유가 완전하지 않은 당신을 겨우 사랑하기 위해서라면, 시인이『산책과","datetime":"2020-09-15T00:00:00.000+09:00","isbn":"1190999013 9791190999014","price":15000,"publisher":"시간의흐름","sale_price":13500,"status":"정상판매","thumbnail":"https://search1.kakaocdn.net/thumb/R120x174.q85/?fname=http%3A%2F%2Ft1.daumcdn.net%2Flbook%2Fimage%2F5477651%3Ftimestamp%3D20241009150936","title":"산책과 연애","translators":[],"url":"https://search.daum.net/search?w=bookpage&bookId=5477651&q=%EC%82%B0%EC%B1%85%EA%B3%BC+%EC%97%B0%EC%95%A0"},{"name":"신호와 소음","startedAt":"2022-02","progressValue":24.623803009575923,"inProgress":false,"authors":"네이트 실버","contents":"『신호와 소음』은 2012년 치러진 미국 대통령 선거 결과를 정확하게 예측한 통계학자 네이트 실버가 자신의 통계학과 예측 철학을 담아낸 책이다. 통계학을 기반으로 어떻게 잘못된 정보(소음)을 거르고 진짜 의미 있는 정보(신호)를 찾을 것인지에 대해 다룬다. 정치, 경제, 스포츠, 기후, 전쟁, 테러, 전염병, 도박 등 다양한 분야에 걸쳐 ‘미래’를 제대로 예측하는 방법에 대해서 설명한다. 책은 크게 두 부분으로 나뉘는데, 1부와 2부에서는 예측 문제","datetime":"2014-07-11T00:00:00.000+09:00","isbn":"8966187587 9788966187584","price":28000,"publisher":"더퀘스트","sale_price":25200,"status":"정상판매","thumbnail":"https://search1.kakaocdn.net/thumb/R120x174.q85/?fname=http%3A%2F%2Ft1.daumcdn.net%2Flbook%2Fimage%2F924116%3Ftimestamp%3D20230412165944","title":"신호와 소음","translators":["이경식"],"url":"https://search.daum.net/search?w=bookpage&bookId=924116&q=%EC%8B%A0%ED%98%B8%EC%99%80+%EC%86%8C%EC%9D%8C"},{"name":"멀고도 가까운","startedAt":"2022-03","endAt":"2022-04","progressValue":34.86486486486486,"inProgress":false,"authors":"리베카 솔닛","contents":"『멀고도 가까운』은 ‘맨스플레인’이라는 단어로 21세기에도 만연한 젠더 불평등의 핵심을 명쾌하게 요약하며 명성을 얻은 바 있는 리베카 솔닛의 에세이다. 지난해 한국에서 출간되면서 숱한 화제를 일으킨 《남자들은 자꾸 나를 가르치려 든다》 외에도 《걷기의 역사》, 《이 폐허를 응시하라》 등 작가의 다양한 관심과 면모를 보여주는 책들이 국내에 소개되어 있는데, 이 책은 그런 다양한 면모를 가장 통합적으로 보여준다. 저자는 읽기와 쓰기, 고독과 연대, 병과","datetime":"2016-02-11T00:00:00.000+09:00","isbn":"8983717734 9788983717733","price":17000,"publisher":"반비","sale_price":15300,"status":"정상판매","thumbnail":"https://search1.kakaocdn.net/thumb/R120x174.q85/?fname=http%3A%2F%2Ft1.daumcdn.net%2Flbook%2Fimage%2F1165228%3Ftimestamp%3D20240515112714","title":"멀고도 가까운","translators":["김현우"],"url":"https://search.daum.net/search?w=bookpage&bookId=1165228&q=%EB%A9%80%EA%B3%A0%EB%8F%84+%EA%B0%80%EA%B9%8C%EC%9A%B4"},{"name":"세상을 바꾸는 행동경제학","startedAt":"2022-03","progressValue":11,"inProgress":false,"authors":"마이클 샌더스, 수잔나 흄","contents":"사람들의 선택을 유도하는 심리적 장치를 연구하여 정책을 제안하는 세계 최고 수준의 행동경제학 연구 조직인 영국 정부 행동통찰팀의 노하우를 집대성하다! 〈넛지〉의 저자 캐스 선스타인을 비롯한 저명한 행동경제학자들이 앞다투어 추천한 책! 당신도 모르게 당신의 선택과 행동을 조종하는 행동경제학의 비밀! 심리학적 원리를 바탕으로 사람들의 행동을 유도하는 영국 ‘행동통찰팀’의 특별한 문제해결법을 공개한다. -사람들은 왜 한가한 식당보다는 손님이","datetime":"2021-01-22T00:00:00.000+09:00","isbn":"1188314653 9791188314652","price":23000,"publisher":"비즈니스랩","sale_price":20700,"status":"정상판매","thumbnail":"https://search1.kakaocdn.net/thumb/R120x174.q85/?fname=http%3A%2F%2Ft1.daumcdn.net%2Flbook%2Fimage%2F5579953%3Ftimestamp%3D20230510140425","title":"세상을 바꾸는 행동경제학","translators":["안세라"],"url":"https://search.daum.net/search?w=bookpage&bookId=5579953&q=%EC%84%B8%EC%83%81%EC%9D%84+%EB%B0%94%EA%BE%B8%EB%8A%94+%ED%96%89%EB%8F%99%EA%B2%BD%EC%A0%9C%ED%95%99"},{"name":"쥐","startedAt":"2022-03","progressValue":100,"authors":"아트 슈피겔만","contents":"만화책 유일 퓰리처상 수상작 『쥐 : 한 생존자의 이야기』. 새로운 표현 양식을 설계하고 실험적인 기법으로 《쥐》를 탈고하기까지 아트 슈피겔만은 14년이라는 긴 세월을 소요했다. 그리고 그렇게 해서 슈피겔만은 만화라는 대중문화를 예술적 표현 양식의 하나로 끌어올린 ‘그래픽 노블’의 창시자가 되었다. 유태인 출신이면서 동시에 유태인으로서 자신의 정체성을 온몸으로 거부하는 작가 슈피겔만은 독일의 구겐하임상, 미국의 퓰리처상, 전미도서비평가협회상을","datetime":"2019-03-08T00:00:00.000+09:00","isbn":"8955824939 9788955824933","price":21000,"publisher":"아름드리미디어","sale_price":18900,"status":"정상판매","thumbnail":"https://search1.kakaocdn.net/thumb/R120x174.q85/?fname=http%3A%2F%2Ft1.daumcdn.net%2Flbook%2Fimage%2F4904822%3Ftimestamp%3D20240620125312","title":"쥐(합본판)","translators":["권희섭"],"url":"https://search.daum.net/search?w=bookpage&bookId=4904822&q=%EC%A5%90%28%ED%95%A9%EB%B3%B8%ED%8C%90%29"},{"name":"아무튼, 메모","startedAt":"2022-03","progressValue":100,"authors":"정혜윤","contents":"_ 『아무튼, 메모』 “메모같이 사소한 일에 무슨 의미가 있을까?” 이런 질문에 CBS 라디오 PD 정혜윤은 되묻는다. 우리는 항상 사소한 것들의 도움 및 방해를 받고 있지 않냐고. 강아지가 꼬리만 흔들어도 웃을 수 있지 않냐고, 미세먼지만 심해도 우울하지 않냐고, 소음만 심해도 떠나고 싶지 않냐고. 그리고 덧붙인다. 몇 문장을 옮겨 적고 큰 소리로 외우는 것은 전혀 사소한 일이 아니라고. ‘사소한 일’이란 말을 언젠가는 ‘자그마한 기적’이라고 부르고 싶어","datetime":"2020-03-15T00:00:00.000+09:00","isbn":"1186602511 9791186602515","price":12000,"publisher":"위고","sale_price":10800,"status":"정상판매","thumbnail":"https://search1.kakaocdn.net/thumb/R120x174.q85/?fname=http%3A%2F%2Ft1.daumcdn.net%2Flbook%2Fimage%2F5267084%3Ftimestamp%3D20240122203320","title":"아무튼, 메모","translators":[],"url":"https://search.daum.net/search?w=bookpage&bookId=5267084&q=%EC%95%84%EB%AC%B4%ED%8A%BC%2C+%EB%A9%94%EB%AA%A8"},{"name":"거의 모든 것의 역사","startedAt":"2022-04","progressValue":10.800744878957168,"inProgress":false,"authors":"빌 브라이슨","contents":"2003년 출간된 이래 전 세계의 많은 독자들의 사랑을 받아온 빌 브라이슨의 『거의 모든 것의 역사(개역판)』 이번 개역판은 빠르게 발전하는 현대 과학의 새로운 지식을 반영하고 이전의 번역을 새롭게 다듬은 것이다. 이 책의 저자이자 ‘현존하는 가장 유머러스한 작가’라는 평을 듣는 빌 브라이슨은 3년에 걸쳐 과학에 관한 방대하고 집요한 정보 수집과 학습을 통해 결코 지루하지 않은 과학교양서를 탄생시켰다. 빌 브라이슨은 이 책에서 대폭발(빅뱅)에서","datetime":"2020-04-10T00:00:00.000+09:00","isbn":"8972917117 9788972917113","price":25000,"publisher":"까치","sale_price":22500,"status":"정상판매","thumbnail":"https://search1.kakaocdn.net/thumb/R120x174.q85/?fname=http%3A%2F%2Ft1.daumcdn.net%2Flbook%2Fimage%2F5346983%3Ftimestamp%3D20240305151815","title":"거의 모든 것의 역사(개역판)","translators":["이덕환"],"url":"https://search.daum.net/search?w=bookpage&bookId=5346983&q=%EA%B1%B0%EC%9D%98+%EB%AA%A8%EB%93%A0+%EA%B2%83%EC%9D%98+%EC%97%AD%EC%82%AC%28%EA%B0%9C%EC%97%AD%ED%8C%90%29"},{"name":"책 읽는 삶","startedAt":"2022-04","progressValue":78,"inProgress":false,"authors":"C. S. 루이스","contents":"알려지지 않은 에세이, 편지 등에서 ‘삶의 변화를 낳는 독서 행위’에 대한 글을 엄선한 책이 출간되었다. 영상물이 세상을 독식해 가는 요즘, 독서욕을 공유한 사람들의 관심을 끌 만한 재미있고 기발하고 지혜로운 글들을 선별해 엮은 《책 읽는 삶》. 당장 책장으로 달려가 책을 펼치고 싶게 만드는 책! “요즘 책과 옛날 책을 번갈아 읽어야 한다”, “동화, 아이들만의 책이 아니다”, “재미로 읽을 책을 고르는 것이 중요하다” 등 문학 읽기를 중심으로 독서 생활","datetime":"2021-07-14T00:00:00.000+09:00","isbn":"8953140277 9788953140271","price":10000,"publisher":"두란노서원","sale_price":9000,"status":"정상판매","thumbnail":"https://search1.kakaocdn.net/thumb/R120x174.q85/?fname=http%3A%2F%2Ft1.daumcdn.net%2Flbook%2Fimage%2F5792319%3Ftimestamp%3D20240808151547","title":"책 읽는 삶","translators":["윤종석"],"url":"https://search.daum.net/search?w=bookpage&bookId=5792319&q=%EC%B1%85+%EC%9D%BD%EB%8A%94+%EC%82%B6"},{"name":"작별인사","startedAt":"2022-05","progressValue":100,"authors":"김영하","contents":"김영하가 『살인자의 기억법』 이후 9 년 만에 내놓는 장편소설 『작별인사』는 그리 멀지 않은 미래를 배경으로, 별안간 삶이 송두리째 뒤흔들린 한 소년의 여정을 좇는다. 유명한 IT 기업의 연구원인 아버지와 쾌적하고 평화롭게 살아가던 철이는 어느날 갑자기 수용소로 끌려가 난생처음 날것의 감정으로 가득한 혼돈의 세계에 맞닥뜨리게 되면서 정신적, 신체적 위기에 직면한다. 동시에 자신처럼 사회에서 배제된 자들을 만나 처음으로 생생한 소속감을 느끼고 따뜻한","datetime":"2022-05-02T00:00:00.000+09:00","isbn":"1191114228 9791191114225","price":14000,"publisher":"복복서가","sale_price":12600,"status":"정상판매","thumbnail":"https://search1.kakaocdn.net/thumb/R120x174.q85/?fname=http%3A%2F%2Ft1.daumcdn.net%2Flbook%2Fimage%2F6056307%3Ftimestamp%3D20240613145729","title":"작별인사","translators":[],"url":"https://search.daum.net/search?w=bookpage&bookId=6056307&q=%EC%9E%91%EB%B3%84%EC%9D%B8%EC%82%AC"},{"name":"게으름에 대한 찬양","startedAt":"2022-05","progressValue":12,"inProgress":false,"authors":"버트런드 러셀","contents":"비판하며, 열심히 일해야 한다는 사회적 통념과 달리 인간의 진정한 자유와 주체성 확립을 위해서는 오히려 여가가 필요하다고 주장한다. 이 책은 정치적 대립 상황에서 간과되기 쉬운 사회 현안들을 여러 측면에서 바라보고 있다. <게으름에 대한 찬양>을 포함하여 <무용한 지식과 유용한 지식>, <건축에 대한 몇 가지 생각>, <현대판 마이더스>, <사회주의를 위한 변명> 등 15편의 글을 만나볼 수 있다","datetime":"2005-04-25T00:00:00.000+09:00","isbn":"8956025797 9788956025797","price":8800,"publisher":"사회평론","sale_price":7920,"status":"정상판매","thumbnail":"https://search1.kakaocdn.net/thumb/R120x174.q85/?fname=http%3A%2F%2Ft1.daumcdn.net%2Flbook%2Fimage%2F723098%3Ftimestamp%3D20240810113243","title":"게으름에 대한 찬양","translators":["송은경"],"url":"https://search.daum.net/search?w=bookpage&bookId=723098&q=%EA%B2%8C%EC%9C%BC%EB%A6%84%EC%97%90+%EB%8C%80%ED%95%9C+%EC%B0%AC%EC%96%91"},{"name":"쓰고 싶다 쓰고 싶지 않다","startedAt":"2022-05","progressValue":100,"authors":"전고운, 이석원, 이다혜, 이랑, 박정민, 김종관","contents":"삶의 이야기를 전하고, 많은 이들이 작가라는 이름을 갖게 되길 간절히 희망한다. 지금 시대를 살아가는 사람들에게 ‘쓰기’란 좀 더 자신을 잘 표현하기 위해 갖추어야 할 능력이 되었다. 다양한 표현의 시대, 이 책 『쓰고 싶다 쓰고 싶지 않다』 는 마음이 글로 표현되기까지의 뒷모습을 조명한다. 각자의 일과 삶에서 직접적으로든 간접적으로든 쓰기가 영향을 미치는 사람들인 전고운, 이석원, 이다혜, 이랑, 박정민, 김종관, 백세희, 한은형, 임대형 9인의 이야기","datetime":"2022-04-25T00:00:00.000+09:00","isbn":" 2090000114485","price":15000,"publisher":"유선사","sale_price":13500,"status":"예약판매","thumbnail":"https://search1.kakaocdn.net/thumb/R120x174.q85/?fname=http%3A%2F%2Ft1.daumcdn.net%2Flbook%2Fimage%2F6094876%3Ftimestamp%3D20240122203101","title":"쓰고 싶다 쓰고 싶지 않다 사인본 (교보문고 랜선 팬 사인회 전용 상품)","translators":[],"url":"https://search.daum.net/search?w=bookpage&bookId=6094876&q=%EC%93%B0%EA%B3%A0+%EC%8B%B6%EB%8B%A4+%EC%93%B0%EA%B3%A0+%EC%8B%B6%EC%A7%80+%EC%95%8A%EB%8B%A4+%EC%82%AC%EC%9D%B8%EB%B3%B8+%28%EA%B5%90%EB%B3%B4%EB%AC%B8%EA%B3%A0+%EB%9E%9C%EC%84%A0+%ED%8C%AC+%EC%82%AC%EC%9D%B8%ED%9A%8C+%EC%A0%84%EC%9A%A9+%EC%83%81%ED%92%88%29"},{"name":"오직 두사람","startedAt":"2022-06","progressValue":100,"authors":"김영하","contents":"《무슨 일이 일어났는지 아무도》 이후 7년 만에 펴낸 김영하의 소설집 『오직 두 사람』. 다채로운 스펙트럼으로 한국문학의 지평을 확장해온, 이른바 ‘김영하 스타일’이 총망라된 작품집이다. 무언가를 상실한 사람들, 그리고 상실 이후의 삶을 살아가는 이들의 이야기를 담은 일곱 편의 작품이 담겨 있다. 한 인간 내면의 복합적인 감정부터 다종다양한 관계의 모순, 더 나아가 소위 신의 뜻이라 비유되는 알 수 없는 상황에 처한 인간의 고뇌까지 담아낸 이야기를","datetime":"2017-05-25T00:00:00.000+09:00","isbn":"8954645615 9788954645614","price":13000,"publisher":"문학동네","sale_price":11700,"status":"정상판매","thumbnail":"https://search1.kakaocdn.net/thumb/R120x174.q85/?fname=http%3A%2F%2Ft1.daumcdn.net%2Flbook%2Fimage%2F693034%3Ftimestamp%3D20240512112018","title":"오직 두 사람","translators":[],"url":"https://search.daum.net/search?w=bookpage&bookId=693034&q=%EC%98%A4%EC%A7%81+%EB%91%90+%EC%82%AC%EB%9E%8C"},{"name":"읽지 않은 책에 대해 말하는 법","startedAt":"2022-06","progressValue":82.70042194092827,"inProgress":false,"authors":"피에르 바야르","contents":"〈읽지 않은 책에 대해 말하는 법〉은 비독서를 포함하는 새로운 독서 패러다임을 제시하는 책이다. 2007년에 프랑스에서 출간되어 대중과 평단과 언론의 찬사를 받은 책으로, 전통적으로 당연하게 여겨온 독서문화와 그에 대한 금기를 되짚어본다. '이런 책은 꼭 읽어야 한다'는 강박관념에서 벗어나, 독서의 목적과 방법에 대한 새로운 패러다임을 제시한다. 이 책은 읽지 않은 책에 대해서는 언급할 수 없다는 사회적 금기를 깨뜨리고, 읽지 않은 책에 대해서도","datetime":"2008-02-20T00:00:00.000+09:00","isbn":"8989348978 9788989348979","price":12000,"publisher":"여름언덕","sale_price":10800,"status":"정상판매","thumbnail":"https://search1.kakaocdn.net/thumb/R120x174.q85/?fname=http%3A%2F%2Ft1.daumcdn.net%2Flbook%2Fimage%2F1293577%3Ftimestamp%3D20241009114642","title":"읽지 않은 책에 대해 말하는 법","translators":["김병욱"],"url":"https://search.daum.net/search?w=bookpage&bookId=1293577&q=%EC%9D%BD%EC%A7%80+%EC%95%8A%EC%9D%80+%EC%B1%85%EC%97%90+%EB%8C%80%ED%95%B4+%EB%A7%90%ED%95%98%EB%8A%94+%EB%B2%95"},{"name":"깨끗한 존경","startedAt":"2022-06","progressValue":62.96296296296296,"inProgress":false,"authors":"이슬아","contents":"이슬아의 첫 번째 인터뷰집. 정혜윤, 김한민, 유진목, 김원영과의 긴 대화가 담겨 있다. 네 사람의 이야기를 보고 들은 뒤 감탄과 절망을 오가며 새로운 자신을 향해 나아간다. 2019년 〈일간 이슬아〉 시즌 2에 연재된 인터뷰 원고를 모아 다듬은 책이다.","datetime":"2019-11-13T00:00:00.000+09:00","isbn":"1196589143 9791196589141","price":15000,"publisher":"헤엄","sale_price":13500,"status":"정상판매","thumbnail":"https://search1.kakaocdn.net/thumb/R120x174.q85/?fname=http%3A%2F%2Ft1.daumcdn.net%2Flbook%2Fimage%2F5138233%3Ftimestamp%3D20240614132932","title":"깨끗한 존경","translators":[],"url":"https://search.daum.net/search?w=bookpage&bookId=5138233&q=%EA%B9%A8%EB%81%97%ED%95%9C+%EC%A1%B4%EA%B2%BD"},{"name":"H마트에서 울다","startedAt":"2022-07","progressValue":100,"authors":"미셸 자우너","contents":"인디 팝 밴드 재패니즈 브렉퍼스트의 보컬이자 2022 타임지 ‘가장 영향력 있는 100인’에 이름을 올린 한국계 미국인 미셸 자우너의 뭉클한 성장기를 담은 에세이 『H마트에서 울다』의 리커버판을 전 세계 최초로 선보인다. 2022년 한국어판 출간 이래 많은 독자들의 사랑을 받아온 이 책은 한인마트에서 잃어버린 한국인의 조각을 찾는 한 여성의 흥미로운 이야기로 전 세계인을 사로잡았다. K-푸드를 테마로 한 이번 리커버판은 엄마와 딸 사이에 음식으로","datetime":"2022-02-28T00:00:00.000+09:00","isbn":"8954683371 9788954683371","price":16000,"publisher":"문학동네","sale_price":14400,"status":"정상판매","thumbnail":"https://search1.kakaocdn.net/thumb/R120x174.q85/?fname=http%3A%2F%2Ft1.daumcdn.net%2Flbook%2Fimage%2F6015290%3Ftimestamp%3D20240531151609","title":"H마트에서 울다(리커버:K)","translators":["정혜윤"],"url":"https://search.daum.net/search?w=bookpage&bookId=6015290&q=H%EB%A7%88%ED%8A%B8%EC%97%90%EC%84%9C+%EC%9A%B8%EB%8B%A4%28%EB%A6%AC%EC%BB%A4%EB%B2%84%3AK%29"},{"name":"시드 마이어","startedAt":"2022-08","progressValue":13,"inProgress":false,"authors":"시드 마이어, 제니퍼 리 누넌","contents":"한번 시작하면 헤어나올 수 없는 마성의 게임 〈문명〉을 탄생시킨 전설적인 게임 디자이너 시드 마이어의 삶과 커리어, 그리고 게임 철학이 담긴 40년의 기억 턴제 게임의 대가이자 전설적인 개발자인 시드 마이어가자신의 삶과 커리어, 컴퓨터 게임 시장을 개척해 낸 시절부터 지금까지 만들어온 모든 게임에 얽힌 일화들과 게임 철학을 담았다. 학창 시절 재미로 만들었던 게임부터 대성공을 거둔 〈문명〉 시리즈에 이르기까지, 시드 마이어로부터 탄생했거나","datetime":"2021-06-25T00:00:00.000+09:00","isbn":"8931465408 9788931465402","price":19800,"publisher":"영진닷컴","sale_price":17820,"status":"정상판매","thumbnail":"https://search1.kakaocdn.net/thumb/R120x174.q85/?fname=http%3A%2F%2Ft1.daumcdn.net%2Flbook%2Fimage%2F5746878%3Ftimestamp%3D20240713151410","title":"시드 마이어","translators":["이미령"],"url":"https://search.daum.net/search?w=bookpage&bookId=5746878&q=%EC%8B%9C%EB%93%9C+%EB%A7%88%EC%9D%B4%EC%96%B4"},{"name":"가벼운 책임","startedAt":"2022-09","progressValue":76.76767676767676,"inProgress":false,"authors":"김신회","contents":"확실한 사랑이 있고 그 사랑은 당신을 구원할 것이다.” _오지은(작가, 뮤지션) 『보노보노처럼 살다니 다행이야』, 『심심과 열심』 등으로 꾸준히 우리 곁에서 발 맞춰 걸으며 깊은 공감을 이끌어낸 김신회 작가가 신작 에세이 『가벼운 책임』을 펴냈다. 작가는 세상 사는 데 요령이 없는 어른들에게 ‘틀린 길로 가도 괜찮아, 다른 걸 찾을 수 있을 테니까’라는 위로의 메시지를 전해왔다. 그런 그도 실낱같은 바람에 무수히 흔들리고, 인간관계 속에서 상처받고","datetime":"2021-03-22T00:00:00.000+09:00","isbn":"1130636054 9791130636054","price":14000,"publisher":"오티움","sale_price":12600,"status":"정상판매","thumbnail":"https://search1.kakaocdn.net/thumb/R120x174.q85/?fname=http%3A%2F%2Ft1.daumcdn.net%2Flbook%2Fimage%2F5624930%3Ftimestamp%3D20240824152703","title":"가벼운 책임","translators":[],"url":"https://search.daum.net/search?w=bookpage&bookId=5624930&q=%EA%B0%80%EB%B2%BC%EC%9A%B4+%EC%B1%85%EC%9E%84"},{"name":"누구나 자료구조와 알고리즘","startedAt":"2022-09","progressValue":66,"authors":"제이 웬그로우","contents":"잘 안다고 가정하고 있다. 쉽게 설명했다는 책도 전문 용어로 가득하다. 비전공자나 수학적 기초가 약한 독자는 전문 용어에 두려움을 느끼며 이 주제를 이해할 만큼 자신이 똑똑하지 않다고 느끼며 이 주제를 회피한다. 그러나 자료 구조와 알고리즘은 대부분 상식선에서 이해할 수 있다. 상식이 통하는 설명으로 자료 구조와 알고리즘을 이해해보자. 프로그래밍의 핵심 스킬을 이해한다 자료 구조와 알고리즘은 프로그래밍의 핵심 스킬이다. 더 빠른 코드, 더 효율적인","datetime":"2018-06-30T00:00:00.000+09:00","isbn":"1160505063 9791160505061","price":16000,"publisher":"길벗","sale_price":14400,"status":"정상판매","thumbnail":"https://search1.kakaocdn.net/thumb/R120x174.q85/?fname=http%3A%2F%2Ft1.daumcdn.net%2Flbook%2Fimage%2F1598317%3Ftimestamp%3D20220121133246","title":"누구나 자료 구조와 알고리즘","translators":["심지현"],"url":"https://search.daum.net/search?w=bookpage&bookId=1598317&q=%EB%88%84%EA%B5%AC%EB%82%98+%EC%9E%90%EB%A3%8C+%EA%B5%AC%EC%A1%B0%EC%99%80+%EC%95%8C%EA%B3%A0%EB%A6%AC%EC%A6%98"},{"name":"가벼운 마음","startedAt":"2022-10","endAt":"2022-10","progressValue":100,"authors":"크리스티앙 보뱅","contents":"짙은 어두움 속에서도 삶의 환희를 찬양하는 시인이 쓰는 소설은 어떤 모습일까. 〈가벼운 마음〉은 보뱅의 시적인 문장과 단어들이 가벼이 날아올라 춤추며 흐려진 영혼에 빛을 비추고, 우리 안에 오래 묻혀 잊혀졌던 것들을 깨워 다시 한번 삶의 환희로 우리를 초대하는 작품이다. 〈작은 파티 드레스〉 〈환희의 인간〉 〈그리움의 정원에서〉와 같은 산문에서 보여주었던 일상의 삶 속에서 발견하는 보석같은 순간들과 죽음마저도 넘어서는 사랑에 대한 찬가도 아름다웠지만, 소설","datetime":"2022-08-22T00:00:00.000+09:00","isbn":"1190533154 9791190533157","price":14000,"publisher":"1984BOOKS","sale_price":12600,"status":"정상판매","thumbnail":"https://search1.kakaocdn.net/thumb/R120x174.q85/?fname=http%3A%2F%2Ft1.daumcdn.net%2Flbook%2Fimage%2F6145338%3Ftimestamp%3D20240518160055","title":"가벼운 마음","translators":["김도연"],"url":"https://search.daum.net/search?w=bookpage&bookId=6145338&q=%EA%B0%80%EB%B2%BC%EC%9A%B4+%EB%A7%88%EC%9D%8C"},{"name":"나의 아름다운 할머니","startedAt":"2022-10","progressValue":39.09090909090909,"inProgress":false,"authors":"심윤경","contents":"제대로 사랑하고 표현하는 법을 가르쳐드립니다. “밥숟가락 뜨는 법도 잊어버린 할머니가 된 내가 의미 없이 환하게 웃고 있다면, 그때 나는 나만의 위대한 성취를 해내는 중이다.” 『나의 아름다운 정원』 『설이』 등으로 큰 사랑을 받아온 소설가 심윤경이 작가 활동 20년을 맞아 처음으로 에세이를 펴냈다. 작가는 자신의 소설들에 나온 좋은 어른들의 원형은 ‘할머니’였다고 말한다. 책에는 작가가 아이를 키우면서 깨달은 할머니의 사랑법에 대한 이야기로","datetime":"2022-08-19T00:00:00.000+09:00","isbn":"1160949646 9791160949643","price":13000,"publisher":"사계절","sale_price":11700,"status":"정상판매","thumbnail":"https://search1.kakaocdn.net/thumb/R120x174.q85/?fname=http%3A%2F%2Ft1.daumcdn.net%2Flbook%2Fimage%2F6142667%3Ftimestamp%3D20240725160939","title":"나의 아름다운 할머니","translators":[],"url":"https://search.daum.net/search?w=bookpage&bookId=6142667&q=%EB%82%98%EC%9D%98+%EC%95%84%EB%A6%84%EB%8B%A4%EC%9A%B4+%ED%95%A0%EB%A8%B8%EB%8B%88"},{"name":"시선으로부터","startedAt":"2022-10","progressValue":3.880597014925373,"inProgress":false,"authors":"정세랑","contents":"선사했던 정세랑. 작가의 동명 소설을 원작으로 제작되는 넷플릭스 드라마 〈보건교사 안은영〉(이경미 감독, 정유미 주연)과, SM에서 제작중인 케이팝 드라마 〈일루미네이션〉의 각본을 집필하며 활동 반경을 넓혀가고 있는 그가 장편소설 『시선으로부터,』로 돌아왔다. 『시선으로부터,』는 구상부터 완성까지 5년이 걸린 대작으로, 한국일보문학상을 수상한 『피프티 피플』 이후 4년 만에 내놓는 신작 장편소설이다. 『시선으로부터,』는 올해 3월 오픈한 웹진 〈주간 문학동네","datetime":"2020-06-05T00:00:00.000+09:00","isbn":"8954672213 9788954672214","price":14000,"publisher":"문학동네","sale_price":12600,"status":"정상판매","thumbnail":"https://search1.kakaocdn.net/thumb/R120x174.q85/?fname=http%3A%2F%2Ft1.daumcdn.net%2Flbook%2Fimage%2F5377431%3Ftimestamp%3D20240410145817","title":"시선으로부터,","translators":[],"url":"https://search.daum.net/search?w=bookpage&bookId=5377431&q=%EC%8B%9C%EC%84%A0%EC%9C%BC%EB%A1%9C%EB%B6%80%ED%84%B0%2C"},{"name":"재수사1","startedAt":"2022-11","endAt":"2022-11","progressValue":100,"authors":"장강명","contents":"우리의 소원은 전쟁》 《한국이 싫어서》……. 날카로운 지성과 거침없는 상상력, 속도감 있는 문장으로 발표하는 작품마다 우리 삶과 연관된 가장 사실적인 순간을 포착해온, 그야말로 장르불문의 올라운더 소설가 장강명의 신작 장편소설 《재수사》가 은행나무출판사에서 출간된다. 6년 만의 장편소설이다. 강력범죄수사대 소속 형사 연지혜가 22년 전 발생한 신촌 여대생 살인사건을 재수사하며 벌어지는 일을 다룬 이 소설은, 치밀한 취재로 만들어낸 생생한 현장감, 서사를","datetime":"2022-08-22T00:00:00.000+09:00","isbn":"1167372018 9791167372017","price":16000,"publisher":"은행나무","sale_price":14400,"status":"정상판매","thumbnail":"https://search1.kakaocdn.net/thumb/R120x174.q85/?fname=http%3A%2F%2Ft1.daumcdn.net%2Flbook%2Fimage%2F6140619%3Ftimestamp%3D20230128142017","title":"재수사 1","translators":[],"url":"https://search.daum.net/search?w=bookpage&bookId=6140619&q=%EC%9E%AC%EC%88%98%EC%82%AC+1"},{"name":"재수사2","startedAt":"2022-11","endAt":"2022-11","progressValue":100,"authors":"장강명","contents":"우리의 소원은 전쟁》 《한국이 싫어서》……. 날카로운 지성과 거침없는 상상력, 속도감 있는 문장으로 발표하는 작품마다 우리 삶과 연관된 가장 사실적인 순간을 포착해온, 그야말로 장르불문의 올라운더 소설가 장강명의 신작 장편소설 《재수사》가 은행나무출판사에서 출간된다. 6년 만의 장편소설이다. 강력범죄수사대 소속 형사 연지혜가 22년 전 발생한 신촌 여대생 살인사건을 재수사하며 벌어지는 일을 다룬 이 소설은, 치밀한 취재로 만들어낸 생생한 현장감, 서사를","datetime":"2022-08-22T00:00:00.000+09:00","isbn":"1167372026 9791167372024","price":16000,"publisher":"은행나무","sale_price":14400,"status":"정상판매","thumbnail":"https://search1.kakaocdn.net/thumb/R120x174.q85/?fname=http%3A%2F%2Ft1.daumcdn.net%2Flbook%2Fimage%2F6141049%3Ftimestamp%3D20230727155726","title":"재수사 2","translators":[],"url":"https://search.daum.net/search?w=bookpage&bookId=6141049&q=%EC%9E%AC%EC%88%98%EC%82%AC+2"},{"name":"당신 인생의 이야기","startedAt":"2022-12","progressValue":100,"authors":"테드 창","contents":"과학소설 작가 테드 창의 SF 소설집 『당신 인생의 이야기』. 단 한 권의 작품집으로 ‘전 세대를 통틀어 가장 위대한 과학 단편소설 작가 중의 한 명’이라는 명성을 얻은 테드 창의 소설집이다. 과학이 줄 수 있는 최고의 지적 상상력과 소설이 줄 수 있는 최고의 철학적 사유를 선사하는 이 책은 기막힌 상상력을 품고 있으면서도 읽고 나면 엄청난 감동이 밀려오는 여덟 편의 단편을 수록했다. 천상의 시작점으로 이어지는 탑을 건설하는 고대 바빌로니아인에","datetime":"2016-10-19T00:00:00.000+09:00","isbn":"8956057842 9788956057842","price":17000,"publisher":"엘리","sale_price":15300,"status":"정상판매","thumbnail":"https://search1.kakaocdn.net/thumb/R120x174.q85/?fname=http%3A%2F%2Ft1.daumcdn.net%2Flbook%2Fimage%2F724138%3Ftimestamp%3D20240904113753","title":"당신 인생의 이야기","translators":["김상훈(강수백)"],"url":"https://search.daum.net/search?w=bookpage&bookId=724138&q=%EB%8B%B9%EC%8B%A0+%EC%9D%B8%EC%83%9D%EC%9D%98+%EC%9D%B4%EC%95%BC%EA%B8%B0"},{"name":"이토록 평범한 미래","startedAt":"2023-01","progressValue":100,"authors":"김연수","contents":"작가 김연수가 짧지 않은 침묵을 깨고 신작 소설집 『이토록 평범한 미래』를 출간한다. 『사월의 미, 칠월의 솔』(2013) 이후 9년 만에 펴내는 여섯번째 소설집이다. 그전까지 2~4년 간격으로 꾸준히 소설집을 펴내며 ‘다작 작가’로 알려져온 그에게 지난 9년은 “바뀌어야 한다는 내적인 욕구”가 강하게 작동하는 동시에 “외적으로도 바뀔 수밖에 없는 일들이 벌어진”(특별 소책자 『어텐션 북』 수록 인터뷰에서) 시간이었다. 안팎으로 변화를 추동하는 일","datetime":"2022-10-07T00:00:00.000+09:00","isbn":"8954680003 9788954680004","price":14000,"publisher":"문학동네","sale_price":12600,"status":"정상판매","thumbnail":"https://search1.kakaocdn.net/thumb/R120x174.q85/?fname=http%3A%2F%2Ft1.daumcdn.net%2Flbook%2Fimage%2F6170593%3Ftimestamp%3D20240601150456","title":"이토록 평범한 미래","translators":[],"url":"https://search.daum.net/search?w=bookpage&bookId=6170593&q=%EC%9D%B4%ED%86%A0%EB%A1%9D+%ED%8F%89%EB%B2%94%ED%95%9C+%EB%AF%B8%EB%9E%98"},{"name":"호밀밭의 파수꾼","startedAt":"2023-03","progressValue":100,"authors":"제롬 데이비드 샐린저","contents":"2023년 새로 출간하는 『호밀밭의 파수꾼』은 옮긴이 정영목 교수가 주인공 홀든 콜필드의 개성을 한층 더 생생히 표현하기 위해 원작의 문체와 문형에 가장 가까운 한국어 문장을 고심하며 저작권자의 자문과 검수를 거쳐 완성한 텍스트이다. 뿐만 아니라, 2020년대 한국 독자들의 생생한 문화적 문학적 감수성에도 부합하는 동시에 원작의 문장들이 갖는 리듬과 호흡, 맥락과 의미까지 고스란히 살리기 위한 어휘의 선별은 물론, 쉼표와 말줄임표 등 문장 부호의","datetime":"2023-01-17T00:00:00.000+09:00","isbn":"8937460475 9788937460470","price":12000,"publisher":"민음사","sale_price":10800,"status":"정상판매","thumbnail":"https://search1.kakaocdn.net/thumb/R120x174.q85/?fname=http%3A%2F%2Ft1.daumcdn.net%2Flbook%2Fimage%2F540813%3Ftimestamp%3D20240617112523","title":"호밀밭의 파수꾼","translators":["정영목"],"url":"https://search.daum.net/search?w=bookpage&bookId=540813&q=%ED%98%B8%EB%B0%80%EB%B0%AD%EC%9D%98+%ED%8C%8C%EC%88%98%EA%BE%BC"},{"name":"스토너","startedAt":"2023-05","endAt":"2023-08","progressValue":100,"authors":"존 윌리엄스","contents":"1965년 미국에서 발표된 후 오랜 시간 독자들에게 잊혀졌던 작품이 유럽 출판계와 평론가, 독자들의 열렬한 반응을 이끌어내며 베스트셀러가 되었다. 50년의 시차를 뛰어넘어 미국과 유럽 그리고 전 세계의 마음을 사로잡은 작품, 『스토너』의 이야기다. 농부의 아들로 태어나 문학을 사랑했으며 묵묵히 자신의 길을 가고자 했던 윌리엄 스토너. 세상의 기준에서 실패자와 다른 없는 삶을 산 한 남자의 이야기가 발표된 지 50년이 지난 지금 다시 주목 받은 이유는","datetime":"2015-01-02T00:00:00.000+09:00","isbn":"8925554992 9788925554990","price":16800,"publisher":"알에이치코리아","sale_price":15120,"status":"정상판매","thumbnail":"https://search1.kakaocdn.net/thumb/R120x174.q85/?fname=http%3A%2F%2Ft1.daumcdn.net%2Flbook%2Fimage%2F415420%3Ftimestamp%3D20240627152349","title":"스토너","translators":["김승욱"],"url":"https://search.daum.net/search?w=bookpage&bookId=415420&q=%EC%8A%A4%ED%86%A0%EB%84%88"},{"name":"가난의 문법","startedAt":"2023-05","progressValue":53,"inProgress":false,"authors":"소준철","contents":"『가난의 문법』은 한국출판문화산업진흥원 2020 우수출판콘텐츠 선정작. 도시연구자 소준철이 2015년부터 2019년까지 연구한 결과를 책으로 묶었다. 저자는 재활용품을 수집하는 여성 도시 노인의 생애사적 특징과 재활용품 수집이라는 일을 통해 가난을 들여다본다. 그들은 어떠한 가난의 경로를 거쳐왔는가? 분기점에서 한 어떤 선택이 그들을 가난으로 이끌었는가? 그들이 살아온 삶, 재활용품 수집을 시작한 이유, 수집 과정에서 일어나는 다양한 경쟁, 노인들","datetime":"2020-11-30T00:00:00.000+09:00","isbn":"1156758513 9791156758518","price":16000,"publisher":"푸른숲","sale_price":14400,"status":"정상판매","thumbnail":"https://search1.kakaocdn.net/thumb/R120x174.q85/?fname=http%3A%2F%2Ft1.daumcdn.net%2Flbook%2Fimage%2F5532650%3Ftimestamp%3D20240425155006","title":"가난의 문법","translators":[],"url":"https://search.daum.net/search?w=bookpage&bookId=5532650&q=%EA%B0%80%EB%82%9C%EC%9D%98+%EB%AC%B8%EB%B2%95"},{"name":"너무나 많은 여름이","startedAt":"2023-06","endAt":"2023-07","progressValue":100,"authors":"김연수","contents":"김연수의 ‘다음’ 걸음 지난해 소설집 『이토록 평범한 미래』를 출간한 후, 김연수는 여러 번, 그사이 “바뀌어야 한다는 내적인 욕구”가 강하게 작동하는 동시에 “외적으로도 바뀔 수밖에 없는 일들이 벌어”졌다고 언급한다. 신간 『너무나 많은 여름이』는 그 시기를 건넌 뒤 쓰여진 짧은 소설들로, 변화에 대한 내적인 욕구와 외적인 요구가 옮겨놓은, 김연수의 ‘그다음’ 첫걸음인 셈이다. 작가는 이 소설들을 여러 서점과 도서관에서 “얼굴과 얼굴을 마주”하고 독자들","datetime":"2023-06-26T00:00:00.000+09:00","isbn":"1196722013 9791196722012","price":16000,"publisher":"레제","sale_price":14400,"status":"정상판매","thumbnail":"https://search1.kakaocdn.net/thumb/R120x174.q85/?fname=http%3A%2F%2Ft1.daumcdn.net%2Flbook%2Fimage%2F6377248%3Ftimestamp%3D20240504160754","title":"너무나 많은 여름이","translators":[],"url":"https://search.daum.net/search?w=bookpage&bookId=6377248&q=%EB%84%88%EB%AC%B4%EB%82%98+%EB%A7%8E%EC%9D%80+%EC%97%AC%EB%A6%84%EC%9D%B4"},{"name":"리팩터링","startedAt":"2023-08","endAt":"2023-10","progressValue":100,"authors":"마틴 파울러","contents":"지난 20년간 전 세계 프로그래머에게 리팩터링의 교본이었던 이 책의 1판은, 기존 코드의 디자인을 개선하고 소프트웨어 유지 관리 능력을 향상시켰으며 기존 코드를 이해하기 쉽게 만드는 데 도움을 주었습니다. 간절히 기다려온 이번 개정판에는 프로그래밍 환경의 중요한 변화가 대거 반영되었습니다. 새로운 리팩터링 카탈로그를 자바스크립트 코드로 제시합니다. 리팩터링 원칙부터 클래스 없이 리팩터링하는 방법과 데이터 조직화, 조건부 로직 간소화 방법을 다룹니다. 또한","datetime":"2020-04-01T00:00:00.000+09:00","isbn":"1162242744 9791162242742","price":35000,"publisher":"한빛미디어","sale_price":31500,"status":"정상판매","thumbnail":"https://search1.kakaocdn.net/thumb/R120x174.q85/?fname=http%3A%2F%2Ft1.daumcdn.net%2Flbook%2Fimage%2F5326912%3Ftimestamp%3D20240904154033","title":"리팩터링","translators":["개앞맵시(이복연)"],"url":"https://search.daum.net/search?w=bookpage&bookId=5326912&q=%EB%A6%AC%ED%8C%A9%ED%84%B0%EB%A7%81"},{"name":"무의미의 축제","startedAt":"2023-10","endAt":"2023-10","progressValue":100,"authors":"밀란 쿤데라","contents":"「참을 수 없는 존재의 가벼움」 「농담」 「불멸」 「소설의 기술」로 등으로 유럽을 넘어 전세계 독자들의 사랑을 받은 거장 밀란 쿤데라의 마지막 소설 「무의미의 축제」가 한국어판 출간 10주년을 기념하여 리커버 에디션으로 출간되었다. 2000년, 「향수」가 스페인에서 출간된 이후 14년 후에 발표한 이 마지막 소설은 쿤데라 문학의 정점을 이룬다. 알랭, 칼리방, 샤를, 라몽, 네 주인공을 중심으로 다양한 이야기가 촘촘히 엮여 진행되는 이 소설은, 새로이 에로티시즘","datetime":"2024-06-24T00:00:00.000+09:00","isbn":"8937456745 9788937456749","price":15000,"publisher":"민음사","sale_price":13500,"status":"정상판매","thumbnail":"https://search1.kakaocdn.net/thumb/R120x174.q85/?fname=http%3A%2F%2Ft1.daumcdn.net%2Flbook%2Fimage%2F6671947%3Ftimestamp%3D20240711154305","title":"무의미의 축제","translators":["방미경"],"url":"https://search.daum.net/search?w=bookpage&bookId=6671947&q=%EB%AC%B4%EC%9D%98%EB%AF%B8%EC%9D%98+%EC%B6%95%EC%A0%9C"},{"name":"아무튼, 계속","startedAt":"2023-10","endAt":"2023-10","progressValue":100,"authors":"김교석","contents":"‘나를 만든 세계, 내가 만든 세계’ 아무튼 시리즈의 일곱 번째 책은 『아무튼, 계속』이다. 세상은 빠르게 변하고 얼리어답터가 아니면 뒤처질 것 같은 느낌에 괜히 마음이 급해지기도 하지만 그래도 우리 모두는 자신의 삶 속에서 계속되는 무언가를 하나씩은 붙들고 살지 않을까? 『아무튼, 계속』은 무언가를 ‘계속’ 하는 사람의 이야기이다. 전 『필름 2.0』 기자였고 현재 TV 칼럼니스트로 활동 중인 저자는 성장과 변화와 발전에서 행복을 느끼기보다는 모든 순간","datetime":"2017-12-12T00:00:00.000+09:00","isbn":"1186602341 9791186602348","price":12000,"publisher":"위고","sale_price":10800,"status":"정상판매","thumbnail":"https://search1.kakaocdn.net/thumb/R120x174.q85/?fname=http%3A%2F%2Ft1.daumcdn.net%2Flbook%2Fimage%2F1635624%3Ftimestamp%3D20240806112338","title":"아무튼, 계속","translators":[],"url":"https://search.daum.net/search?w=bookpage&bookId=1635624&q=%EC%95%84%EB%AC%B4%ED%8A%BC%2C+%EA%B3%84%EC%86%8D"},{"name":"모순","startedAt":"2023-10","endAt":"2023-12","progressValue":100,"authors":"양귀자","contents":"양귀자 소설의 힘을 보여준 베스트셀러 『모순』. 1998년에 초판이 출간된 이후 132쇄를 찍으며 여전히 많은 사랑을 받고 있는 작품을, 오래도록 소장할 수 있는 양장본으로 새롭게 선보인다. 스물다섯 살 미혼여성 안진진을 통해 모순으로 가득한 우리의 인생을 들여다본다. 작가 특유의 섬세한 문장들로 여러 인물들의 삶을 생생하게 그려내고 있다. 시장에서 내복을 팔고 있는 억척스런 어머니와 행방불명 상태로 떠돌다 가끔씩 귀가하는 아버지, 조폭의 보스가","datetime":"2013-04-01T00:00:00.000+09:00","isbn":"8998441012 9788998441012","price":13000,"publisher":"쓰다","sale_price":11700,"status":"정상판매","thumbnail":"https://search1.kakaocdn.net/thumb/R120x174.q85/?fname=http%3A%2F%2Ft1.daumcdn.net%2Flbook%2Fimage%2F1500252%3Ftimestamp%3D20240802114042","title":"모순","translators":[],"url":"https://search.daum.net/search?w=bookpage&bookId=1500252&q=%EB%AA%A8%EC%88%9C"},{"name":"0원으로 사는 삶","startedAt":"2023-12","inProgress":false,"progressValue":60,"authors":"박정미","contents":"브리스틀의 자전거 수리 전문 카페 ‘롤 포 더 소울’, 중부 우스터를 지나 런던에 돌아왔다. 노동력 교환 커뮤니티에 장기간 머물 수도 있었지만, 저자는 단순한 생존에서 나아가 자신만의 삶의 방식을 찾기로 한다. 도시에서도 0원살이를 이어가기로 한 이유도 여기에 있다. 보트, 카라반에 사는 모바일 리빙부터 버려진 창고나 공장을 거처로 삼는 웨어하우스 리빙, 빈 건물을 점거하는 스퀏팅까지. 대안 주거 공간에서 생활하는 사람들은 삶의 방식과 거주 방법 자체를 변화시키고자","datetime":"2022-10-28T00:00:00.000+09:00","isbn":"1159259119 9791159259111","price":19500,"publisher":"들녘","sale_price":17550,"status":"정상판매","thumbnail":"https://search1.kakaocdn.net/thumb/R120x174.q85/?fname=http%3A%2F%2Ft1.daumcdn.net%2Flbook%2Fimage%2F6204610%3Ftimestamp%3D20240725161830","title":"0원으로 사는 삶","translators":[],"url":"https://search.daum.net/search?w=bookpage&bookId=6204610&q=0%EC%9B%90%EC%9C%BC%EB%A1%9C+%EC%82%AC%EB%8A%94+%EC%82%B6"},{"name":"소크라테스 익스프레스","startedAt":"2023-12","endAt":"2024-03","progressValue":100,"authors":"에릭 와이너","contents":"《소크라테스 익스프레스》는 마르쿠스 아우렐리우스부터 몽테뉴까지 역사상 가장 위대한 철학자들을 만나러 떠나는 여행기이자, 그들의 삶과 작품 속의 지혜가 우리 인생을 개선하는 데 어떻게 도움이 되는지 답을 찾아가는 책이다. 매력적인 글솜씨로 “빌 브라이슨의 유머와 알랭 드 보통의 통찰력이 만났다”는 평가를 받는 에릭 와이너가 이 여행의 동반자로 나선다.","datetime":"2021-04-28T00:00:00.000+09:00","isbn":"1190030926 9791190030922","price":18000,"publisher":"어크로스","sale_price":16200,"status":"정상판매","thumbnail":"https://search1.kakaocdn.net/thumb/R120x174.q85/?fname=http%3A%2F%2Ft1.daumcdn.net%2Flbook%2Fimage%2F5652026%3Ftimestamp%3D20231124145436","title":"소크라테스 익스프레스","translators":["김하현"],"url":"https://search.daum.net/search?w=bookpage&bookId=5652026&q=%EC%86%8C%ED%81%AC%EB%9D%BC%ED%85%8C%EC%8A%A4+%EC%9D%B5%EC%8A%A4%ED%94%84%EB%A0%88%EC%8A%A4"},{"name":"잘 그리기 금지","startedAt":"2023-12","progressValue":100,"authors":"사이토 나오키","contents":"‘그림을 잘 그리고 싶다.’ ‘그림으로 sns에서 유명세와 인기를 얻고 싶다.’ ‘그림을 그려서 돈을 벌고 싶다.’ 일러스트레이터, 만화가, 웹툰 작가, 애니메이터를 꿈꾸거나 현재 직업으로 삼고 있는 분들, 그림을 그리는 분들이라면 이렇게 생각하는 사람들이 많을 겁니다. 이런 바람에도 그림이 잘 그려지지도 않고, 기껏 그려서 sns에 올려도 반응은 잠잠하고, 일은 들어오지를 않고, 급기야 그림 그리는 게 즐겁지 않게 느껴진다면 이 책을 읽어보세요. 이","datetime":"2022-01-10T00:00:00.000+09:00","isbn":"897929347X 9788979293470","price":16500,"publisher":"잉크잼","sale_price":14850,"status":"정상판매","thumbnail":"https://search1.kakaocdn.net/thumb/R120x174.q85/?fname=http%3A%2F%2Ft1.daumcdn.net%2Flbook%2Fimage%2F5924812%3Ftimestamp%3D20240828160344","title":"잘 그리기 금지","translators":["박수현"],"url":"https://search.daum.net/search?w=bookpage&bookId=5924812&q=%EC%9E%98+%EA%B7%B8%EB%A6%AC%EA%B8%B0+%EA%B8%88%EC%A7%80"},{"name":"개발자 원칙","startedAt":"2024-01","progressValue":100,"authors":"박성철, 강대명, 공용준, 김정, 박미정, 박종천","contents":"2022년 연말을 강타한 베스트셀러 《개발자 원칙》이 확장판으로 더 강력해져 돌아왔습니다. “나도 테크 리더가 될 수 있을까? 어떻게 선배 개발자들처럼 성장할 수 있을까? 3년 10년 후에도 개발자로 살아갈 수 있을까? 팀워크는 도대체 어떻게 맞춰야 하는 걸까?” 개발자로 살아가면서 하루에도 천 번을 되묻는 물음에 컬리, 레몬트리, 카카오, 코드스쿼드, 당근마켓, 몰로코, 데이블, 인프런, 패스트캠퍼스 전현직 테크 리더 9명이 답합니다. 지금까지 만나","datetime":"2024-09-01T00:00:00.000+09:00","isbn":"1191905942 9791191905946","price":24000,"publisher":"골든래빗(주)","sale_price":21600,"status":"정상판매","thumbnail":"https://search1.kakaocdn.net/thumb/R120x174.q85/?fname=http%3A%2F%2Ft1.daumcdn.net%2Flbook%2Fimage%2F6706967%3Ftimestamp%3D20240827163934","title":"개발자 원칙(확장판)","translators":[],"url":"https://search.daum.net/search?w=bookpage&bookId=6706967&q=%EA%B0%9C%EB%B0%9C%EC%9E%90+%EC%9B%90%EC%B9%99%28%ED%99%95%EC%9E%A5%ED%8C%90%29"},{"name":"소프트 스킬","startedAt":"2024-01","progressValue":77.4526678141136,"inProgress":false,"logs":[{"date":"2024-03-24","progressValue":40},{"date":"2024-04-14","progressValue":59.036144578313255},{"date":"2024-04-24","progressValue":62.99483648881239},{"date":"2024-05-02","progressValue":77.4526678141136}],"authors":"존 손메즈","contents":"저자 존 손메즈가 이 책을 쓴 이유는 개발자로 사는 데 도움이 되는 정보와 조언을 집약적으로 담은 안내서를 만들고 싶어서다. 자신이 33세에 은퇴하기까지 성공과 실패를 통해 배운 것, 여러 사람을 만나면서 보고 들으며 배운 것을 전달하고 공유하기 위해서다. 개발자의 인생을 리부트할 조언들로 꽉 차있다.","datetime":"2015-11-27T00:00:00.000+09:00","isbn":"1186659882 9791186659885","price":25000,"publisher":"길벗","sale_price":22500,"status":"정상판매","thumbnail":"https://search1.kakaocdn.net/thumb/R120x174.q85/?fname=http%3A%2F%2Ft1.daumcdn.net%2Flbook%2Fimage%2F1630490%3Ftimestamp%3D20221107235212","title":"소프트 스킬","translators":["이미령"],"url":"https://search.daum.net/search?w=bookpage&bookId=1630490&q=%EC%86%8C%ED%94%84%ED%8A%B8+%EC%8A%A4%ED%82%AC"},{"name":"일곱 해의 마지막","startedAt":"2024-02","endAt":"2024-03","progressValue":100,"authors":"김연수","contents":"활동의 궤적을 곧 한국소설의 중요한 흐름 가운데 하나로 만들어내며 한국문학의 판도를 뒤바꾼 작가 김연수의 신작 장편소설. 삼십 년 가까이 작가생활을 하는 동안 김연수는 에너지와 불안으로 가득한 청춘의 눈빛을 가장 가까이에서 기록하는 한편으로 사랑의 본질에 대해 끊임없이 탐구하며 그만의 지적인 사랑학 개론을 펼쳐왔다. 그리고 그와 동시에 방대한 역사적 자료를 바탕으로 객관적인 사실로는 가닿을 수 없는 빈틈에서 개인의 진실을 발견해내는 작업을 해오기도 했다","datetime":"2020-07-01T00:00:00.000+09:00","isbn":" 2090000077704","price":13500,"publisher":"문학동네","sale_price":12150,"status":"예약판매","thumbnail":"https://search1.kakaocdn.net/thumb/R120x174.q85/?fname=http%3A%2F%2Ft1.daumcdn.net%2Flbook%2Fimage%2F5396980%3Ftimestamp%3D20221108003642","title":"일곱 해의 마지막(작가 사인 미포함)","translators":[],"url":"https://search.daum.net/search?w=bookpage&bookId=5396980&q=%EC%9D%BC%EA%B3%B1+%ED%95%B4%EC%9D%98+%EB%A7%88%EC%A7%80%EB%A7%89%28%EC%9E%91%EA%B0%80+%EC%82%AC%EC%9D%B8+%EB%AF%B8%ED%8F%AC%ED%95%A8%29"},{"name":"세상을 어떻게 이해할 것인가","startedAt":"2024-03","progressValue":27.24014336917563,"logs":[{"date":"2024-03-24","progressValue":10},{"date":"2024-04-14","progressValue":27.24014336917563}],"authors":"프리드리히 니체","contents":"가운데 결코 놓쳐서는 안 될 대목들을 특별히 가려 뽑아, 니체 사상의 가이드라인이 될 수 있도록 하였다. 이는 훗날 니체의 저서를 본격적으로 읽어야 할 사람들의 포괄적인 이해를 돕기 위해서이다. 또한 제목처럼 ‘세상을 어떻게 이해할 것인가’ 하는 니체의 철학적 고민을 보여 줌으로써, 독자들이 니체의 철학을 삶 속에서 이해하고, 자신이 삶의 방식을 선택할 수 있도록 인도해주는 책이다. 따라서 그의 깊이 있는 사상을 형이상학적인 철학 문제로만 도외시하지","datetime":"2019-01-15T00:00:00.000+09:00","isbn":"8962261030 9788962261035","price":11000,"publisher":"해누리기획","sale_price":9900,"status":"정상판매","thumbnail":"https://search1.kakaocdn.net/thumb/R120x174.q85/?fname=http%3A%2F%2Ft1.daumcdn.net%2Flbook%2Fimage%2F4863491%3Ftimestamp%3D20240815130958","title":"세상을 어떻게 이해할 것인가","translators":["이동진"],"url":"https://search.daum.net/search?w=bookpage&bookId=4863491&q=%EC%84%B8%EC%83%81%EC%9D%84+%EC%96%B4%EB%96%BB%EA%B2%8C+%EC%9D%B4%ED%95%B4%ED%95%A0+%EA%B2%83%EC%9D%B8%EA%B0%80"},{"name":"우리 본성의 선한 천사","startedAt":"2024-03","progressValue":26.949152542372882,"logs":[{"date":"2024-03-24","progressValue":5},{"date":"2024-04-14","progressValue":10.677966101694915},{"date":"2024-04-24","progressValue":19.152542372881356},{"date":"2024-04-28","progressValue":24.40677966101695},{"date":"2024-05-02","progressValue":26.949152542372882}],"authors":"스티븐 핑커","contents":"인간은 폭력성과 어떻게 싸워 왔는가『우리 본성의 선한 천사』. 우리 안에 공존하는 ‘천사’와 ‘악마’, 인류는 어떻게 내면의 선한 천사들로 악한 본성들을 억누르고 점차 덜 폭력적인 세계, 점차 더 인도적인 세상을 진화시켜 왔는가? 현 시대 최고의 지성, 가장 영향력 있는 과학자로 손꼽히는 인지 과학자이자 진화 심리학자인 스티븐 핑커가 우리 사회를 지배하고 있는 ‘폭력을 둘러싼 통념들’에 대해 낱낱이 파헤쳤다. 저자는 고귀한 야만인, 오늘보다 나은","datetime":"2014-08-25T00:00:00.000+09:00","isbn":"8983716894 9788983716897","price":60000,"publisher":"사이언스북스","sale_price":54000,"status":"정상판매","thumbnail":"https://search1.kakaocdn.net/thumb/R120x174.q85/?fname=http%3A%2F%2Ft1.daumcdn.net%2Flbook%2Fimage%2F1165757%3Ftimestamp%3D20241002115207","title":"우리 본성의 선한 천사","translators":["김명남"],"url":"https://search.daum.net/search?w=bookpage&bookId=1165757&q=%EC%9A%B0%EB%A6%AC+%EB%B3%B8%EC%84%B1%EC%9D%98+%EC%84%A0%ED%95%9C+%EC%B2%9C%EC%82%AC"},{"name":"그렇게 작가가 된다","startedAt":"2024-03","progressValue":41.49377593360996,"logs":[{"date":"2024-03-24","progressValue":19.08713692946058},{"date":"2024-04-14","progressValue":21.57676348547718},{"date":"2024-04-28","progressValue":41.49377593360996}],"authors":"하랑","contents":"〈그렇게 작가가 된다〉는 영화 속 작가들이 현실 속 예비 작가들에게 건네는 ‘글과 책 쓰기’에 관한 조언을 담은 에세이다. ‘영화 속 작가의 입을 통해 책 쓰기의 과정을 보여준다'는 독특한 콘셉트는 지금까지 볼 수 없었다는 것 하나만으로도 이 책을 읽어봐야 할 충분한 이유가 된다. 영화 속 작가들이 건네는 말들을 따라가다 보면 어느새 한 권의 책이 출판되는 전 과정을 흥미롭게 들여다볼 수 있을 것이다. 또한 영화 속 작가들의 말들에 보태어 풀어낸 저자","datetime":"2022-05-30T00:00:00.000+09:00","isbn":"1197821473 9791197821479","price":14800,"publisher":"아델북스","sale_price":13320,"status":"정상판매","thumbnail":"https://search1.kakaocdn.net/thumb/R120x174.q85/?fname=http%3A%2F%2Ft1.daumcdn.net%2Flbook%2Fimage%2F6071383%3Ftimestamp%3D20240322163613","title":"그렇게 작가가 된다","translators":[],"url":"https://search.daum.net/search?w=bookpage&bookId=6071383&q=%EA%B7%B8%EB%A0%87%EA%B2%8C+%EC%9E%91%EA%B0%80%EA%B0%80+%EB%90%9C%EB%8B%A4"},{"name":"10개의 시점으로 보는 영화감상법","startedAt":"2024-03","endAt":"2024-04","progressValue":100,"logs":[{"date":"2024-03-24","progressValue":35.44303797468354},{"date":"2024-04-14","progressValue":81.85654008438819},{"date":"2024-04-24","progressValue":100}],"authors":"전찬일, 라이너","contents":"또 그만큼의 재미가 있을 것이다. 그리고 또 한 겹을 벗겨낼 수도 있고, 보는 사람에 따라 많은 껍질을 벗겨내고 그만큼의 다양한 재미를 찾을 수도 있을 것이다. 그래서 영화를 종합 예술이라 부르지 않는가. 이 중 어떠한 방식으로 영화의 재미를 느낄 것인가 하는 것은 전적으로 관객의 선택이다. 그러나 이 책은 이왕이면 최대한 많은 영화의 껍질을 벗겨내기를 권유한다. 그리고 그러기 위한 10개의 도구를 준비해 독자의 손에 쥐어준다. 전찬일 라이너는 매불쇼가","datetime":"2024-04-01T00:00:00.000+09:00","isbn":"1170790259 9791170790259","price":17000,"publisher":"oldstairs","sale_price":15300,"status":"정상판매","thumbnail":"https://search1.kakaocdn.net/thumb/R120x174.q85/?fname=http%3A%2F%2Ft1.daumcdn.net%2Flbook%2Fimage%2F6587250%3Ftimestamp%3D20240508154849","title":"10개의 시점으로 보는 영화감상법","translators":[],"url":"https://search.daum.net/search?w=bookpage&bookId=6587250&q=10%EA%B0%9C%EC%9D%98+%EC%8B%9C%EC%A0%90%EC%9C%BC%EB%A1%9C+%EB%B3%B4%EB%8A%94+%EC%98%81%ED%99%94%EA%B0%90%EC%83%81%EB%B2%95"},{"name":"슬픈 세상의 기쁜 말","startedAt":"2024-03","progressValue":100,"logs":[{"date":"2024-04-04","progressValue":20},{"date":"2024-04-14","progressValue":48.669201520912544},{"date":"2024-04-17","progressValue":76.04562737642586}],"authors":"정혜윤","contents":"“나는 다른 것은 몰라도 인간이 인간일 때 얼마나 우아할 수 있는지는 알고 있다. 그래서 인간이 지금과 다르게 존재하는 것이 얼마든지 가능하다는 것을 말하고 싶었다.” 남도 외딴 항구의 어부, 뒤늦게 글자를 깨우친 할머니, 시장 야채장수 언니,?9·11테러 생존자, 콜럼바인 총기 사건 희생자… 인간의 기억 속에 영원히 좋은 것으로 남을, 조용히 빛을 발하는 사람들의 이야기","datetime":"2021-08-05T00:00:00.000+09:00","isbn":"1186602643 9791186602645","price":16000,"publisher":"위고","sale_price":14400,"status":"정상판매","thumbnail":"https://search1.kakaocdn.net/thumb/R120x174.q85/?fname=http%3A%2F%2Ft1.daumcdn.net%2Flbook%2Fimage%2F5808014%3Ftimestamp%3D20240811135620","title":"슬픈 세상의 기쁜 말","translators":[],"url":"https://search.daum.net/search?w=bookpage&bookId=5808014&q=%EC%8A%AC%ED%94%88+%EC%84%B8%EC%83%81%EC%9D%98+%EA%B8%B0%EC%81%9C+%EB%A7%90"},{"name":"원숭이도 이해하는 자본론","startedAt":"2024-04","endAt":"2024-07","progressValue":100,"logs":[{"date":"2024-05-19","progressValue":30.914826498422716},{"date":"2024-07-02","progressValue":96.84542586750788}],"authors":"임승수","contents":"《새로 쓴 원숭이도 이해하는 자본론》은 자본주의 구조의 비밀과 한계 그리고 자본주의 사회의 빈부 격차의 원인을 근원적으로 밝혀주고자 한 책이다. 책은 마르크스 《자본론》의 고갱이를 충실하게, 무엇보다 이해하기 쉽도록 집필되었다. 사회형태를 구분하는 기준, 상품과 가치, 노동가치론와 노동시간, 화폐와 자본의 차이, 이윤의 출처, 잉여가치와 상품의 가치, 필요노동과 잉여노동, 잉여가치의 창출, 성과급제의 비밀, 단순재생산과 확대재생산, 자본의 유기적 구성","datetime":"2016-09-01T00:00:00.000+09:00","isbn":"895940618X 9788959406180","price":18000,"publisher":"시대의창","sale_price":16200,"status":"정상판매","thumbnail":"https://search1.kakaocdn.net/thumb/R120x174.q85/?fname=http%3A%2F%2Ft1.daumcdn.net%2Flbook%2Fimage%2F802786%3Ftimestamp%3D20240703112524","title":"원숭이도 이해하는 자본론","translators":[],"url":"https://search.daum.net/search?w=bookpage&bookId=802786&q=%EC%9B%90%EC%88%AD%EC%9D%B4%EB%8F%84+%EC%9D%B4%ED%95%B4%ED%95%98%EB%8A%94+%EC%9E%90%EB%B3%B8%EB%A1%A0"},{"name":"1페이지 한국사 365","startedAt":"2024-04","progressValue":9.315068493150685,"logs":[{"date":"2024-05-19","progressValue":4.10958904109589},{"date":"2024-07-02","progressValue":9.315068493150685}],"authors":"심용환","contents":"《읽기만 하면 내 것이 되는 1페이지 한국사 365》는 매일 1페이지씩, 365개의 주제를 읽으며 한국사에 대해 쉽고 재미있게 이해할 수 있는 책이다. 월요일부터 일요일까지 사건, 인물, 장소, 유적·유물, 문화, 학문·철학, 명문장 총 일곱 분야의 지식을 다루고 있어 한국사의 주요 장면을 빠짐없이 살펴볼 수 있다. 관심 있는 내용부터 읽어도 좋고 처음부터 차례대로 읽어도 좋다. 재미있게 읽기만 하면 지식이 쌓이고, 대화가 풀리고, 세계가 확장되는 경험","datetime":"2020-06-17T00:00:00.000+09:00","isbn":"1197035257 9791197035258","price":16500,"publisher":"비에이블","sale_price":14850,"status":"정상판매","thumbnail":"https://search1.kakaocdn.net/thumb/R120x174.q85/?fname=http%3A%2F%2Ft1.daumcdn.net%2Flbook%2Fimage%2F5384529%3Ftimestamp%3D20240803144553","title":"읽기만 하면 내 것이 되는 1페이지 한국사 365","translators":[],"url":"https://search.daum.net/search?w=bookpage&bookId=5384529&q=%EC%9D%BD%EA%B8%B0%EB%A7%8C+%ED%95%98%EB%A9%B4+%EB%82%B4+%EA%B2%83%EC%9D%B4+%EB%90%98%EB%8A%94+1%ED%8E%98%EC%9D%B4%EC%A7%80+%ED%95%9C%EA%B5%AD%EC%82%AC+365"},{"name":"구글 엔지니어는 이렇게 일한다","startedAt":"2024-06","progressValue":20,"logs":[{"date":"2024-07-02","progressValue":20}],"authors":"타이터스 윈터스, 톰 맨쉬렉, 하이럼 라이트","contents":"소프트웨어 엔지니어의 역할은 점점 더 확장될 것입니다. 이제 더 이상 소프트웨어 엔지니어링은 단순히 조직을 효과적으로 운영하는 방법에 그치지 않을 것입니다. 이 책에서는 여러분이 궁금해하고, 반드시 알아야 할 프로그램을 효과적으로 짜는 방법은 물론, 코드베이스를 지속 가능하고 건실하게 만들어주는 엔지니어링 관행까지 모두 소개합니다. 이 책 한 권이면 소프트웨어 엔지니어링 프로세스를 완벽하게 익히고 좋은 제품을 남들보다 빠르게 구현할 수 있게 됩니다. 또한 20","datetime":"2022-05-10T00:00:00.000+09:00","isbn":"116224562X 9791162245620","price":45000,"publisher":"한빛미디어","sale_price":40500,"status":"정상판매","thumbnail":"https://search1.kakaocdn.net/thumb/R120x174.q85/?fname=http%3A%2F%2Ft1.daumcdn.net%2Flbook%2Fimage%2F6066564%3Ftimestamp%3D20240525153958","title":"구글 엔지니어는 이렇게 일한다","translators":["개앞맵시(이복연)"],"url":"https://search.daum.net/search?w=bookpage&bookId=6066564&q=%EA%B5%AC%EA%B8%80+%EC%97%94%EC%A7%80%EB%8B%88%EC%96%B4%EB%8A%94+%EC%9D%B4%EB%A0%87%EA%B2%8C+%EC%9D%BC%ED%95%9C%EB%8B%A4"},{"name":"지지 않는다는 말","startedAt":"2024-06","endAt":"2024-07","progressValue":100,"logs":[{"date":"2024-07-02","progressValue":63.230240549828174}],"authors":"김연수","contents":"<원더보이>, <네가 누구든 얼마나 외롭든>의 저자 김연수의 산문집『지지 않는다는 말』. 이 책은 저자가 지금까지 만나온 사랑, 구름, 바람, 나무, 빗방울 그리고 달리면서 쓴 소설과 읽은 책들에 관한 이야기와 저자의 자전적 이야기까지 오롯이 담고 있다. 매일 1시간씩 달리게 되면 인생을 압축적으로 맛보게 된다는 것, 저자에게 달리기는 자신이 속한 세계를 이해하는 하나의 방법이라는 것 등 저자의 세계에 영향을 준 달리기에 대한 다양","datetime":"2012-07-16T00:00:00.000+09:00","isbn":"8992783612 9788992783613","price":12000,"publisher":"마음의숲","sale_price":-1,"status":"","thumbnail":"https://search1.kakaocdn.net/thumb/R120x174.q85/?fname=http%3A%2F%2Ft1.daumcdn.net%2Flbook%2Fimage%2F1377096%3Ftimestamp%3D20220922042237","title":"지지 않는다는 말","translators":[],"url":"https://search.daum.net/search?w=bookpage&bookId=1377096&q=%EC%A7%80%EC%A7%80+%EC%95%8A%EB%8A%94%EB%8B%A4%EB%8A%94+%EB%A7%90"},{"name":"세계의 끝 여자친구","startedAt":"2024-06","endAt":"2024-07","progressValue":100,"logs":[{"date":"2024-07-02","progressValue":28.888888888888886}],"authors":"김연수","contents":"이상문학상 수상작가 김연수의 네 번째 소설집『세계의 끝 여자친구』. 여섯 권의 장편소설과 세 권의 소설집을 통해 '삶'을 갈망해온 작가 김연수. 이번 소설집에는 2005년 봄부터 2009년 여름까지 쓴 아홉 편의 이야기가 담겨 있다. 밀도 높고 아름다운 문장, 우아하면서도 재치 있는 유머, 그 안에 자연스럽게 녹아든 진지한 문제의식이 여전히 돋보인다. 그동안 '나'의 이야기를 찾아 자신의 안으로 향했던 작가의 시선은 이제 서서히 '우리'를 향해, '세계","datetime":"2012-07-23T00:00:00.000+09:00","isbn":"8954608825 9788954608824","price":15500,"publisher":"문학동네","sale_price":13950,"status":"정상판매","thumbnail":"https://search1.kakaocdn.net/thumb/R120x174.q85/?fname=http%3A%2F%2Ft1.daumcdn.net%2Flbook%2Fimage%2F690170%3Ftimestamp%3D20240807112613","title":"세계의 끝 여자친구","translators":[],"url":"https://search.daum.net/search?w=bookpage&bookId=690170&q=%EC%84%B8%EA%B3%84%EC%9D%98+%EB%81%9D+%EC%97%AC%EC%9E%90%EC%B9%9C%EA%B5%AC"},{"name":"서사의 위기","startedAt":"2024-07","progressValue":60,"inProgress":false,"authors":"한병철","contents":"뜨겁게 달궜던 재독 철학자 한병철이, 이번에는 빠르게 나타났다 사라지는 이슈만 좇느라 정작 자기의 생각으로부터 멀어져 버린 스토리 중독 사회를 고발한다. 『피로사회』 이후 10여 년 만에 새로운 화두를 던지는 이 책의 핵심 키워드는 ‘서사’와 ‘스토리’다. 나만의 생각과 맥락이 서사라면, 반짝하고 사라져 버리는 뉴스와 정보들은 스토리다. 한병철은 우리가 억압도, 저항도 없는 스마트한 지배체계에서 자기 삶을 SNS에 게시하며 정보화하도록 조종당하고 있다고 지적","datetime":"2023-09-15T00:00:00.000+09:00","isbn":"1130646092 9791130646091","price":16800,"publisher":"다산초당","sale_price":15120,"status":"정상판매","thumbnail":"https://search1.kakaocdn.net/thumb/R120x174.q85/?fname=http%3A%2F%2Ft1.daumcdn.net%2Flbook%2Fimage%2F6431840%3Ftimestamp%3D20240629152709","title":"서사의 위기","translators":["최지수"],"url":"https://search.daum.net/search?w=bookpage&bookId=6431840&q=%EC%84%9C%EC%82%AC%EC%9D%98+%EC%9C%84%EA%B8%B0"},{"name":"나의 문화유산 답사기 일본편 1","startedAt":"2024-07","endAt":"2024-07","progressValue":60,"inProgress":false,"authors":"유홍준","contents":"『나의 문화유산답사기 일본편』 제1권 《규슈》. 《나의 문화유산답사기》로 한국의 문화기행서로 많은 사랑을 받은 유홍준 교수의 저작이다. '일본 속의 한국문화', '일본문화의 정수'를 찾기 위해 '일본편'을 소개한다. 가깝고도 먼 나라 한국과 일본. 이 책은 한일 관계에서 주요한 주제였던 과거사 문제를 문화사적으로 접근해보려는 저자의 노력으로 한일 양국이 문화적으로 영향을 주고받은 흔적을 일본문화 속에서 찾는 데에서 시작한다. 1권 규슈 편에서는 일본","datetime":"2013-07-29T00:00:00.000+09:00","isbn":"8936472305 9788936472306","price":16500,"publisher":"창비","sale_price":14850,"status":"정상판매","thumbnail":"https://search1.kakaocdn.net/thumb/R120x174.q85/?fname=http%3A%2F%2Ft1.daumcdn.net%2Flbook%2Fimage%2F533819%3Ftimestamp%3D20231124164422","title":"나의 문화유산답사기 일본편 1: 규슈","translators":[],"url":"https://search.daum.net/search?w=bookpage&bookId=533819&q=%EB%82%98%EC%9D%98+%EB%AC%B8%ED%99%94%EC%9C%A0%EC%82%B0%EB%8B%B5%EC%82%AC%EA%B8%B0+%EC%9D%BC%EB%B3%B8%ED%8E%B8+1%3A+%EA%B7%9C%EC%8A%88"},{"name":"나의 문화유산 답사기 일본편 2","startedAt":"2024-07","endAt":"2024-08","progressValue":40,"inProgress":false,"authors":"유홍준","contents":"『나의 문화유산답사기 일본편』. 제2권 《아스카 나라》. 《나의 문화유산답사기》로 한국의 문화기행서로 많은 사랑을 받은 유홍준 교수의 저작이다. '일본 속의 한국문화', '일본문화의 정수'를 찾기 위해 '일본편'을 소개한다. 가깝고도 먼 나라 한국과 일본. 이 책은 한일 관계에서 주요한 주제였던 과거사 문제를 문화사적으로 접근해보려는 저자의 노력으로 한일 양국이 문화적으로 영향을 주고받은 흔적을 일본문화 속에서 찾는 데에서 시작한다. 2권 아스카 나라","datetime":"2013-07-25T00:00:00.000+09:00","isbn":"8936472313 9788936472313","price":16500,"publisher":"창비","sale_price":14850,"status":"정상판매","thumbnail":"https://search1.kakaocdn.net/thumb/R120x174.q85/?fname=http%3A%2F%2Ft1.daumcdn.net%2Flbook%2Fimage%2F533823%3Ftimestamp%3D20231124145401","title":"나의 문화유산답사기 일본편 2: 아스카 나라","translators":[],"url":"https://search.daum.net/search?w=bookpage&bookId=533823&q=%EB%82%98%EC%9D%98+%EB%AC%B8%ED%99%94%EC%9C%A0%EC%82%B0%EB%8B%B5%EC%82%AC%EA%B8%B0+%EC%9D%BC%EB%B3%B8%ED%8E%B8+2%3A+%EC%95%84%EC%8A%A4%EC%B9%B4+%EB%82%98%EB%9D%BC"},{"name":"나의 문화유산 답사기 일본편 3","startedAt":"2024-07","endAt":"2024-08","progressValue":30,"inProgress":false,"authors":"유홍준","contents":"답사 일번지’를 시작으로 2012년 제7권 제주편 ‘돌하르방 어디 감수광’까지 20년 동안 330만 독자의 사랑을 받아왔고 한국 인문서 최초의 밀리언셀러로 기록된 유홍준의 『나의 문화유산답사기』가 이번에는 ‘일본 속의 한국문화’와 ‘일본문화의 정수’를 찾아 일본으로 떠난다. ‘답사기’ 일본편은 그동안 한일 관계의 주요한 주제였던 과거사 문제를 문화사적으로 접근해보고자 하는 의도에서 출발해 한국이 일본에 문화적으로 영향을 전해준 흔적을 찾고 그 바탕 위","datetime":"2020-09-20T00:00:00.000+09:00","isbn":"8936478001 9788936478001","price":18000,"publisher":"창비","sale_price":16200,"status":"정상판매","thumbnail":"https://search1.kakaocdn.net/thumb/R120x174.q85/?fname=http%3A%2F%2Ft1.daumcdn.net%2Flbook%2Fimage%2F5480242%3Ftimestamp%3D20240508145440","title":"나의 문화유산답사기 일본편 3: 교토의 역사","translators":[],"url":"https://search.daum.net/search?w=bookpage&bookId=5480242&q=%EB%82%98%EC%9D%98+%EB%AC%B8%ED%99%94%EC%9C%A0%EC%82%B0%EB%8B%B5%EC%82%AC%EA%B8%B0+%EC%9D%BC%EB%B3%B8%ED%8E%B8+3%3A+%EA%B5%90%ED%86%A0%EC%9D%98+%EC%97%AD%EC%82%AC"},{"name":"이야기 일본사","startedAt":"2024-07","endAt":"2024-07","progressValue":15,"inProgress":false,"authors":"우리미래역사체험학습 강사진","contents":"외우는 역사가 아닌 이해하는 역사를 담아낸 「이야기 역사」 제12권 『한 권으로 풀어 쓴 이야기 일본사』. 지리적으로는 아주 가깝고 문화적으로는 많이 닮은 일본의 역사 중 주요 사건을 엄선하여 그가 지닌 의미를 이야기 형식으로 엮었다. 사무라이 정신을 탄생시킨 무사정권 시대를 거쳐 근대화에 성공한 일본이 제2차 세계 대전에서 패한 이후 경제 대국으로 성장하기까지 따라간다. 일본의 상징인 천황의 유래 등 다양한 역사 지식을 담고 있다. 과거사 문제로","datetime":"2011-07-20T00:00:00.000+09:00","isbn":"8972233056 9788972233053","price":14000,"publisher":"청솔","sale_price":12600,"status":"정상판매","thumbnail":"https://search1.kakaocdn.net/thumb/R120x174.q85/?fname=http%3A%2F%2Ft1.daumcdn.net%2Flbook%2Fimage%2F997790%3Ftimestamp%3D20240921114209","title":"이야기 일본사","translators":[],"url":"https://search.daum.net/search?w=bookpage&bookId=997790&q=%EC%9D%B4%EC%95%BC%EA%B8%B0+%EC%9D%BC%EB%B3%B8%EC%82%AC"},{"name":"일본사 여행","startedAt":"2024-07","endAt":"2024-08","progressValue":20,"inProgress":false,"authors":"하종문","contents":"박물관이나 미술관에 가서 이름난 전시회를 둘러보고 나오면, 워낙 많은 것을 본 탓인지 간혹 무엇을 보았는지 혼동스러울 때가 있다. 이것저것 다 보았는데 머릿속에 남는 게 없다면 얼마나 허탈한가? 역사책도 마찬가지다. 어느 특정한 시대를 다루는 역사책이 아니고 고대부터 현대에 이르는 통사라면 수많은 사건과 인물, 개념과 용어는 한 번에 명확하게 잡히기 힘들다. 이 책은 그러한 역사 공부의 맹점(?)을 극복하고자 시대의 이미지를 포착하는 구조적 서술","datetime":"2014-05-12T00:00:00.000+09:00","isbn":"8976962842 9788976962843","price":19800,"publisher":"역사비평사","sale_price":17820,"status":"정상판매","thumbnail":"https://search1.kakaocdn.net/thumb/R120x174.q85/?fname=http%3A%2F%2Ft1.daumcdn.net%2Flbook%2Fimage%2F1078423%3Ftimestamp%3D20220930212814","title":"일본사 여행","translators":[],"url":"https://search.daum.net/search?w=bookpage&bookId=1078423&q=%EC%9D%BC%EB%B3%B8%EC%82%AC+%EC%97%AC%ED%96%89"},{"name":"이즈의 무희 천 마리 학 호수","startedAt":"2024-07","endAt":"2024-07","progressValue":10,"authors":"가와바타 야스나리","contents":"가와바타 야스나리의 초기와 원숙기의 대표작들 『이즈의 무희ㆍ천 마리 학ㆍ호수』. 50년 만에 부활한 정통 세계문학 시리즈 「을유세계문학전집」의 39번째 책이다. 인간의 고독을 일본적인 서정으로 그려낸 가와바타 야스나리의 작품 세 편을 모았다. <이즈의 무희>는 엘리트 청년과 유랑 가무단 무희의 순수한 만남과 이별을 그린 작품으로, 작가의 초기 대표작이다. <천 마리 학>은 패전 후 작가의 대표작으로, 간결한 심리 묘사와 에로틱한","datetime":"2010-12-25T00:00:00.000+09:00","isbn":"8932403694 9788932403694","price":13000,"publisher":"을유문화사","sale_price":11700,"status":"정상판매","thumbnail":"https://search1.kakaocdn.net/thumb/R120x174.q85/?fname=http%3A%2F%2Ft1.daumcdn.net%2Flbook%2Fimage%2F499480%3Ftimestamp%3D20240529112201","title":"이즈의 무희 천 마리 학 호수","translators":["신인섭"],"url":"https://search.daum.net/search?w=bookpage&bookId=499480&q=%EC%9D%B4%EC%A6%88%EC%9D%98+%EB%AC%B4%ED%9D%AC+%EC%B2%9C+%EB%A7%88%EB%A6%AC+%ED%95%99+%ED%98%B8%EC%88%98"},{"name":"수역","startedAt":"2024-08","endAt":"2024-08","progressValue":100,"authors":"우루시바라 유키","contents":"우루시바라 유키의『수역(水域)』애장판 (하)권. 계속되는 더위로 수도사용이 제한된 거리, 수영부지만 정작 물이 없어 부활동을 못 하고 있던 중학교 수영부원 카와무라 치나미는 이 폭염 속에 쓰러져 의식을 잃고만다. 이윽고 눈을 뜬 치나미 앞에 펼쳐진 것은 깨끗한 물로 둘러싸인 어느 마을이었는데…. 다시 의식을 찾고 현실로 돌아오지만 그 마을에 대한 이상한 끌림이 치나미를 패럴렐한 여름방학으로 이끌기 시작한다!","datetime":"2011-06-30T00:00:00.000+09:00","isbn":"8925281155 9788925281155","price":12000,"publisher":"대원씨아이","sale_price":10800,"status":"정상판매","thumbnail":"https://search1.kakaocdn.net/thumb/R120x174.q85/?fname=http%3A%2F%2Ft1.daumcdn.net%2Flbook%2Fimage%2F408173%3Ftimestamp%3D20230711144000","title":"수역(하)","translators":["오경화"],"url":"https://search.daum.net/search?w=bookpage&bookId=408173&q=%EC%88%98%EC%97%AD%28%ED%95%98%29"},{"name":"역사의 쓸모","startedAt":"2024-08","endAt":"2024-08","progressValue":45,"inProgress":false,"authors":"최태성","contents":"수백 년 전 이야기로 오늘의 고민을 해결하는 방법을 알려주는 실용적인 역사 사용 설명서 『역사의 쓸모』. 지난 20여 년간 500만 명의 가슴을 울린 대한민국 대표 역사 강사 최태성. 선택의 기로에 설 때마다 역사에서 답을 찾은 저자는 삶이라는 문제에 대한 가장 완벽한 해설서는 역사라고 말한다. 도저히 풀리지 않는 문제에 부딪쳤을 때 해설에서 도움을 얻듯, 우리보다 앞서 살았던 인물들의 선택과 그 결과가 담긴 역사에서 인생의 실마리를 얻을 수 있기 때문","datetime":"2019-11-22T00:00:00.000+09:00","isbn":"1130621960 9791130621968","price":15000,"publisher":"다산초당","sale_price":13500,"status":"정상판매","thumbnail":"https://search1.kakaocdn.net/thumb/R120x174.q85/?fname=http%3A%2F%2Ft1.daumcdn.net%2Flbook%2Fimage%2F4972082%3Ftimestamp%3D20230825191310","title":"역사의 쓸모","translators":[],"url":"https://search.daum.net/search?w=bookpage&bookId=4972082&q=%EC%97%AD%EC%82%AC%EC%9D%98+%EC%93%B8%EB%AA%A8"},{"name":"청춘유감","startedAt":"2024-08","endAt":"2024-09","progressValue":100,"authors":"한소범","contents":"출판과 문학에 관심 있는 이들이라면 꼭 한 번은 들어보았을 이름 한소범. 2016년 한국일보에 입사해 문학 기자로 일해온 그가 문학동네에서 첫 산문집 『청춘유감』을 출간한다. 문학과 책의 기쁨을 함께 나누고픈 마음에 뉴스레터 ‘무낙’을 발행하기도, ‘이.단.아(이 단편소설 아시나요?)’ 코너를 통해 한국문학의 가장 생생한 지금을 발빠르게 소개하기도 한 한소범. 문학 기자의 파격과 품격을 동시에 성취하며 새 시대에 걸맞은 남다른 행보를 보이고 있는 그","datetime":"2023-06-28T00:00:00.000+09:00","isbn":"8954693512 9788954693516","price":16000,"publisher":"문학동네","sale_price":14400,"status":"정상판매","thumbnail":"https://search1.kakaocdn.net/thumb/R120x174.q85/?fname=http%3A%2F%2Ft1.daumcdn.net%2Flbook%2Fimage%2F6375814%3Ftimestamp%3D20231103154435","title":"청춘유감","translators":[],"url":"https://search.daum.net/search?w=bookpage&bookId=6375814&q=%EC%B2%AD%EC%B6%98%EC%9C%A0%EA%B0%90"},{"name":"동경일일","startedAt":"2024-08","endAt":"2024-09","progressValue":100,"authors":"마츠모토 타이요","contents":"그만둔다. 방대한 양의 장서도 전부 팔아버리고, 만화와 연을 끊을 작정이었던 시오자와. 눈앞에 놓인 만화책에서 눈을 떼지 못하던 그는, 고심 끝에 오랫동안 꿈꿔왔던 자신만의 이상을 담은 잡지를 만들기로 결심한다. 그렇게 시오자와는 자신이 동경했던 만화가들을 찾아간다. 경비원, 마트 캐셔, 학습지 삽화가… 저마다의 사정으로 만화가를 그만둔 이들은 시오자와의 손에 이끌려 다시금 만화의 세계로 뛰어든다. 눈부신 발전을 이룩한 만화 산업. 그 성공가도에서 밀려나 사회","datetime":"2023-11-24T00:00:00.000+09:00","isbn":"8954696511 9788954696517","price":11000,"publisher":"문학동네","sale_price":9900,"status":"정상판매","thumbnail":"https://search1.kakaocdn.net/thumb/R120x174.q85/?fname=http%3A%2F%2Ft1.daumcdn.net%2Flbook%2Fimage%2F6497403%3Ftimestamp%3D20240614152706","title":"동경일일 1","translators":["이주향"],"url":"https://search.daum.net/search?w=bookpage&bookId=6497403&q=%EB%8F%99%EA%B2%BD%EC%9D%BC%EC%9D%BC+1"},{"name":"사물의 소멸","startedAt":"2024-09","progressValue":20,"authors":"한병철","contents":"모든 것을 알아두지만 깨달음에 이르지 못한다. 친구와 팔로워를 쌓아가지만 타자와 마주치치 않는다. 우리는 탈사물화한 세계, 정보가 지배하는 유령 같은 세계에 살고 있다.” 재독 철학자 한병철의 신작. 그의 진단에 따르면 우리는 사물의 시대에서 반사물, 즉 정보의 시대로 넘어가는 이행기에 살고 있다. 우리의 주의력은 점점 더 사물에서 반사물을 향해 이동한다. 스마트폰은 묵주와 같은 기능을 하는 ‘디지털 성물’이 되어가고 있으며, ‘좋아요’는 ‘디지털 아멘","datetime":"2022-09-05T00:00:00.000+09:00","isbn":"8934943688 9788934943686","price":15800,"publisher":"김영사","sale_price":14220,"status":"정상판매","thumbnail":"https://search1.kakaocdn.net/thumb/R120x174.q85/?fname=http%3A%2F%2Ft1.daumcdn.net%2Flbook%2Fimage%2F6154305%3Ftimestamp%3D20240604181512","title":"사물의 소멸","translators":["전대호"],"url":"https://search.daum.net/search?w=bookpage&bookId=6154305&q=%EC%82%AC%EB%AC%BC%EC%9D%98+%EC%86%8C%EB%A9%B8"},{"name":"아무튼, SF게임","startedAt":"2024-09","endAt":"2024-09","progressValue":100,"authors":"김초엽","contents":"마우스 커서는 모래시계로 변했다가 다시 화살표로 변하기를 여러 번. 칙칙한 회색 바탕이 창을 가득 채운 모니터 속의 세계. 나는 숨을 죽이고 눈앞에 펼쳐질 이상하고 낯선 세계를 기다린다.” 69번째 아무튼 시리즈는 김초엽의『아무튼, SF게임』이다. 동네 아이들 중 처음으로 컴퓨터를 갖게 된 일곱 살의 김초엽에게 컴퓨터는 다른 세계로 가는 통로였다. 낯선 규율과 이해할 수 없는 일들로 복잡한 세상에 비해서 모니터 속 세계는 명쾌하고 단순해 보였고 무엇보다","datetime":"2024-06-25T00:00:00.000+09:00","isbn":"1193044170 9791193044179","price":12000,"publisher":"위고","sale_price":10800,"status":"정상판매","thumbnail":"https://search1.kakaocdn.net/thumb/R120x174.q85/?fname=http%3A%2F%2Ft1.daumcdn.net%2Flbook%2Fimage%2F6671484%3Ftimestamp%3D20240719180832","title":"아무튼, SF 게임","translators":[],"url":"https://search.daum.net/search?w=bookpage&bookId=6671484&q=%EC%95%84%EB%AC%B4%ED%8A%BC%2C+SF+%EA%B2%8C%EC%9E%84"},{"name":"동네서점 베스트 컬렉션 김연수","startedAt":"2024-09","endAt":"2024-09","progressValue":100,"logs":[{"date":"2024-09-10","progressValue":75},{"date":"2024-09-11","progressValue":100}],"authors":"","thumbnail":"https://placehold.co/120x174","url":"https://google.com/search?q=동네서점 베스트 컬렉션 김연수"},{"name":"느리게 사는 것의 의미","startedAt":"2024-09","progressValue":40,"inProgress":false,"logs":[{"date":"2024-09-10","progressValue":31.379310344827587},{"date":"2024-09-10","progressValue":40}],"authors":"피에르 쌍소","contents":"서로 따뜻하게 보듬을 여유가 없는 사회에서 사는 우리에게 느림은 상생과 통섭을 추구하는 21세기의 새로운 가치를 전하는 『느리게 사는 것의 의미』. 피에르 쌍소는 느리게 사는 삶을 받아들이는 한결같은 삶의 자세 9가지를 제시한다. 한가로이 거닐며 자기만의 시간을 가질 것, 다른 이의 목소리에 귀 기울일 것, 대상이 무의미하게 느껴질 때까지 끊임없이 받아들이고 음미할 것, 일상을 재창조하고 새롭게 하는 공상의 시간을 가질 것 등 세상을 넉넉히 받아들이며 인생길","datetime":"2014-05-20T00:00:00.000+09:00","isbn":"8997870068 9788997870066","price":12800,"publisher":"공명","sale_price":11520,"status":"정상판매","thumbnail":"https://search1.kakaocdn.net/thumb/R120x174.q85/?fname=http%3A%2F%2Ft1.daumcdn.net%2Flbook%2Fimage%2F1494104%3Ftimestamp%3D20220803231326","title":"느리게 사는 것의 의미","translators":["강주헌"],"url":"https://search.daum.net/search?w=bookpage&bookId=1494104&q=%EB%8A%90%EB%A6%AC%EA%B2%8C+%EC%82%AC%EB%8A%94+%EA%B2%83%EC%9D%98+%EC%9D%98%EB%AF%B8"},{"name":"역사 문해력 수업","startedAt":"2024-09","progressValue":33.42465753424658,"inProgress":false,"logs":[{"date":"2024-09-10","progressValue":18.08219178082192},{"date":"2024-09-11","progressValue":33.42465753424658},{"date":"2024-09-12","progressValue":33.97260273972603}],"authors":"최호근","contents":"왜, 지금 ‘역사 문해력’인가 21세기 대한민국은 가히 역사 전성시대라 할 만하다. ‘역사 소비시대’라는 말이 오가고 정치판에서 ‘역사의 심판’이 곧잘 거론된다. 뿐인가. 과거사 청산을 두고 보수와 진보 진영 간 ‘역사 전쟁’이 한창이다. 그런가 하면 역사에서 교훈을 길어내는 책들도 쏟아진다. 인문학 위기론에서 역사학만은 예외인 듯한 양상이다. 하나 그뿐이다. 역사란 무엇인지, 역사적 진실과 사실은 어떤 차이가 있는지, 객관적 역사란 가능한지 등 역사","datetime":"2023-06-16T00:00:00.000+09:00","isbn":"1156122511 9791156122517","price":20000,"publisher":"푸른역사","sale_price":18000,"status":"정상판매","thumbnail":"https://search1.kakaocdn.net/thumb/R120x174.q85/?fname=http%3A%2F%2Ft1.daumcdn.net%2Flbook%2Fimage%2F6363583%3Ftimestamp%3D20240925161413","title":"역사 문해력 수업","translators":[],"url":"https://search.daum.net/search?w=bookpage&bookId=6363583&q=%EC%97%AD%EC%82%AC+%EB%AC%B8%ED%95%B4%EB%A0%A5+%EC%88%98%EC%97%85"},{"name":"지적 대화를 위한 넓고 얕은 지식 - 철학, 과학, 종교, 예술, 신비","startedAt":"2024-09","progressValue":100,"logs":[{"date":"2024-09-12","progressValue":21.50537634408602},{"date":"2024-09-13","progressValue":36.82795698924731},{"date":"2024-09-14","progressValue":57.795698924731184},{"date":"2024-09-18","progressValue":100}],"authors":"채사장","contents":"수준을 채우기 위해 공부를 시작해야겠다고 절감하지만, 금세 막막해져온다. 대체 어디서부터 얼마만큼 알아야 하는 걸까? 여기, 철학과 과학, 예술, 종교나 신비는 난해하고 이해할 수 없다며 애써 외면하던 사람들을 위한 책이 출간되었다. 인기리에 연재되고 있는 팟캐스트 방송 《지대넓얕》을 책으로 재구성한 『지적 대화를 위한 넓고 얕은 지식』으로, 역사부터 윤리까지의 방대한 영역을 다루면서도 각 분야의 구조적 연계성을 고려하여 출간된 지 열흘 만에 큰 화제","datetime":"2015-02-04T00:00:00.000+09:00","isbn":"8994120998 9788994120997","price":16000,"publisher":"한빛비즈","sale_price":14400,"status":"정상판매","thumbnail":"https://search1.kakaocdn.net/thumb/R120x174.q85/?fname=http%3A%2F%2Ft1.daumcdn.net%2Flbook%2Fimage%2F1420945%3Ftimestamp%3D20221107223137","title":"지적 대화를 위한 넓고 얕은 지식: 현실너머 편","translators":[],"url":"https://search.daum.net/search?w=bookpage&bookId=1420945&q=%EC%A7%80%EC%A0%81+%EB%8C%80%ED%99%94%EB%A5%BC+%EC%9C%84%ED%95%9C+%EB%84%93%EA%B3%A0+%EC%96%95%EC%9D%80+%EC%A7%80%EC%8B%9D%3A+%ED%98%84%EC%8B%A4%EB%84%88%EB%A8%B8+%ED%8E%B8"},{"name":"한국단편문학선 1","startedAt":"2024-09","progressValue":21.052631578947366,"logs":[{"date":"2024-09-13","progressValue":5},{"date":"2024-09-16","progressValue":5.263157894736842},{"date":"2024-09-19","progressValue":10.526315789473683},{"date":"2024-09-22","progressValue":21.052631578947366}],"authors":"김동인","contents":"한국문학의 정수, 우리 작가의 빼어난 단편 소설 19편 일제 강점기의 고난과 해방 직후의 비극을 견디며 성장한 한국의 단편 소설 시대 현실을 오롯이 담아내면서도 세대를 넘어 깊은 통찰을 전하는 명단편선 “새침하게 흐린 품이 눈이 올 듯하더니 눈은 아니 오고 얼다가 만 비가 추적추적 내리었다.”","datetime":"1998-08-05T00:00:00.000+09:00","isbn":"8937460106 9788937460104","price":12000,"publisher":"민음사","sale_price":10800,"status":"정상판매","thumbnail":"https://search1.kakaocdn.net/thumb/R120x174.q85/?fname=http%3A%2F%2Ft1.daumcdn.net%2Flbook%2Fimage%2F540776%3Ftimestamp%3D20240808112841","title":"한국단편문학선 1","translators":[],"url":"https://search.daum.net/search?w=bookpage&bookId=540776&q=%ED%95%9C%EA%B5%AD%EB%8B%A8%ED%8E%B8%EB%AC%B8%ED%95%99%EC%84%A0+1"},{"name":"지적 대화를 위한 넓고 얕은 지식 - 제로","startedAt":"2024-09","progressValue":100,"logs":[{"date":"2024-09-19","progressValue":39.059674502712475},{"date":"2024-09-22","progressValue":62.56781193490054},{"date":"2024-09-22","progressValue":100}],"authors":"채사장","contents":"만에 《지적 대화를 위한 넓고 얕은 지식》 신작으로 돌아왔다. 작가 특유의 유머와 필력으로 어려운 것을 쉽게 설명하고 지루한 것을 재밌게 정리하는 기술은 여전하다. 다만 이전 시리즈에서 그의 현실 감각이 빛을 발했다면, 이번 책에서는 오랜 기간의 사유와 통찰이 유감없이 발휘된다. 현대인은 여러 블랙미러를 통해 하루에도 수많은 지식과 접한다. 그런데 이런 파편적인 지식들은 대부분 금세 휘발되고, 삶에 자리 잡지 못한다. 왜일까? 그것은 이 지식들을 이해","datetime":"2019-12-24T00:00:00.000+09:00","isbn":"1190313138 9791190313131","price":19800,"publisher":"웨일북(whalebooks)","sale_price":17820,"status":"정상판매","thumbnail":"https://search1.kakaocdn.net/thumb/R120x174.q85/?fname=http%3A%2F%2Ft1.daumcdn.net%2Flbook%2Fimage%2F5145898%3Ftimestamp%3D20240628131648","title":"지적 대화를 위한 넓고 얕은 지식: 제로 편","translators":[],"url":"https://search.daum.net/search?w=bookpage&bookId=5145898&q=%EC%A7%80%EC%A0%81+%EB%8C%80%ED%99%94%EB%A5%BC+%EC%9C%84%ED%95%9C+%EB%84%93%EA%B3%A0+%EC%96%95%EC%9D%80+%EC%A7%80%EC%8B%9D%3A+%EC%A0%9C%EB%A1%9C+%ED%8E%B8"},{"name":"유리알 유희 1","startedAt":"2024-09","progressValue":45,"inProgress":false,"logs":[{"date":"2024-09-22","progressValue":23.333333333333332},{"date":"2024-09-25","progressValue":45},{"date":"2024-09-26","progressValue":46.666666666666664}],"authors":"헤르만 헤세","contents":"헤르만 헤세의 마지막 역작이자 노벨문학상 수상작 『유리알 유희』 제1권. 욕망과 금욕, 혼돈과 질서, 삶과 죽음, 동양과 서양, 선과 악 등 작가가 평생 고민해온 문제들을 다루고 있다. 미래의 어느 시기, 한 전기 작가가 200년 전에 살았던 전설적인 유리알 유희 명인 요제프 크네히트의 자료를 모아 그의 일대기를 쓰기 시작한다. 20세기 중반, 스위스 산간 지방에 세워진 정신적 이상향에서 요제프는 영재로 교육받고 뛰어난 재능을 보이다가 마침내 명인으로","datetime":"2011-09-25T00:00:00.000+09:00","isbn":"8937462737 9788937462733","price":13000,"publisher":"민음사","sale_price":11700,"status":"정상판매","thumbnail":"https://search1.kakaocdn.net/thumb/R120x174.q85/?fname=http%3A%2F%2Ft1.daumcdn.net%2Flbook%2Fimage%2F541118%3Ftimestamp%3D20240512112021","title":"유리알 유희 1","translators":["이영임"],"url":"https://search.daum.net/search?w=bookpage&bookId=541118&q=%EC%9C%A0%EB%A6%AC%EC%95%8C+%EC%9C%A0%ED%9D%AC+1"},{"name":"서점 일기","startedAt":"2024-09","progressValue":100,"logs":[{"date":"2024-09-25","progressValue":13.990825688073393},{"date":"2024-09-29","progressValue":36.69724770642202},{"date":"2024-09-29","progressValue":61.46788990825688},{"date":"2024-10-05","progressValue":100}],"authors":"숀 비텔","contents":"손님들의 기상천외한 요청, 제 구실을 하지 못하는 난방 기기, 쓰레기통을 뒤져 먹을 것을 구해 오는 제멋대로인 직원들과 일 년 내내 텅 비어 있는 금전 등록기… 저자의 솔직하고 냉소적이면서도 웃음이 터져 나오는 일기를 읽다 보면 한 번쯤 꿈꿔 봤을 서점 주인으로 살아가고 싶다는 꿈을 슬며시 내려놓게 될지도 모른다. 그럼에도 온라인 시대에 작은 시골 마을의 서점에서 책으로 생계를 유지하려 고군분투하는 저자의 시선에서는 마을과 사람들, 무엇보다 책에 대한 깊은","datetime":"2021-01-20T00:00:00.000+09:00","isbn":"115510093X 9791155100936","price":18000,"publisher":"여름언덕","sale_price":16200,"status":"정상판매","thumbnail":"https://search1.kakaocdn.net/thumb/R120x174.q85/?fname=http%3A%2F%2Ft1.daumcdn.net%2Flbook%2Fimage%2F5580310%3Ftimestamp%3D20240713150409","title":"서점 일기","translators":["김마림"],"url":"https://search.daum.net/search?w=bookpage&bookId=5580310&q=%EC%84%9C%EC%A0%90+%EC%9D%BC%EA%B8%B0"},{"name":"귀한 서점에 누추하신 분이","startedAt":"2024-09","progressValue":100,"logs":[{"date":"2024-09-26","progressValue":100}],"authors":"숀 비텔","contents":"서점 주인의 기쁨과 슬픔을 담담하면서도 다정하게 그려내 독자를 사로잡은 숀 비텔의 신작이 출간되었다. 저자는 이 책에서 “분명 나의 생계를 책임지는 이들의 심기를 건드릴 것”이라면서도, 헌책방을 운영하는 동안 만났던 각양각색의 손님을 저자 특유의 유쾌하면서도 시니컬한 문장으로 그려낸다. 서점에만 들어오면 (물어보지도 않았는데) 지식을 뽐내는 손놈부터 서비스업계에서 실존하기는 하는지 알 수 없는 완벽한 손님까지, “세상에 이런 사람도 있나?”에서 ‘이런","datetime":"2022-09-05T00:00:00.000+09:00","isbn":"115931862X 9791159318627","price":13800,"publisher":"책세상","sale_price":12420,"status":"정상판매","thumbnail":"https://search1.kakaocdn.net/thumb/R120x174.q85/?fname=http%3A%2F%2Ft1.daumcdn.net%2Flbook%2Fimage%2F6153628%3Ftimestamp%3D20231102183424","title":"귀한 서점에 누추하신 분이","translators":["이지민"],"url":"https://search.daum.net/search?w=bookpage&bookId=6153628&q=%EA%B7%80%ED%95%9C+%EC%84%9C%EC%A0%90%EC%97%90+%EB%88%84%EC%B6%94%ED%95%98%EC%8B%A0+%EB%B6%84%EC%9D%B4"},{"name":"사브리나","startedAt":"2024-09","progressValue":100,"logs":[{"date":"2024-09-26","progressValue":27.586206896551722},{"date":"2024-09-29","progressValue":100}],"authors":"닉 드르나소","contents":"첫 작품 《베벌리》로 큰 주목을 받고 만화계의 천재로 떠오른 신예작가 닉 드르나소의 그래픽노블 『사브리나』. 그래픽노블 최초로 맨부커상 후보에 오르면서 전 세계적으로 뜨거운 화제를 몰고 온 작품으로, 평범한 여성 사브리나가 아무 이유 없이 끔찍한 일을 당한 후 그 사건이 미디어와 SNS를 통해서 퍼져나가면서 남겨진 주위 사람들의 삶 또한 파괴되어가는 과정에 대한 이야기를 담고 있다. 공군에서 기술병으로 근무하는 캘빈. 그에게 어릴 적 친구 테디가","datetime":"2019-12-18T00:00:00.000+09:00","isbn":"8950983818 9788950983819","price":29800,"publisher":"아르테(arte)","sale_price":26820,"status":"정상판매","thumbnail":"https://search1.kakaocdn.net/thumb/R120x174.q85/?fname=http%3A%2F%2Ft1.daumcdn.net%2Flbook%2Fimage%2F5161992%3Ftimestamp%3D20230905165405","title":"사브리나","translators":["박산호"],"url":"https://search.daum.net/search?w=bookpage&bookId=5161992&q=%EC%82%AC%EB%B8%8C%EB%A6%AC%EB%82%98"},{"name":"옛날 영화, 이 좋은 걸 이제 알았다니","startedAt":"2024-09","endAt":"2024-10","progressValue":42.79835390946502,"inProgress":false,"logs":[{"date":"2024-09-29","progressValue":13.991769547325102},{"date":"2024-09-30","progressValue":42.79835390946502},{"date":"2024-10-05","progressValue":46.09053497942387}],"authors":"듀나","contents":"알았다니』, 『뚝배기, 이 좋은 걸 이제 알았다니』에 이은 네 번째 작품이며 SF 작가이자 영화평론가인 듀나의 옛날 영화 이야기이다. 방대한 영화적 지식과 경험을 바탕으로 영화 평론가로 왕성한 활동을 이어오고 있는 듀나는 『옛날 영화, 이 좋은 걸 이제 알았다니』를 통해 엄청난 양의 콘텐츠와 OTT의 시대에 ‘옛날 영화’를 보아야 하는 이유를 역설하며 우리가 쉽게 보지 못했던 옛날 영화와 그에 얽힌 역사, 인문학적 이야기를 풀어나간다. 고작 1세기 남짓한 영화사의","datetime":"2022-04-04T00:00:00.000+09:00","isbn":"1187886777 9791187886778","price":13500,"publisher":"구픽","sale_price":12150,"status":"정상판매","thumbnail":"https://search1.kakaocdn.net/thumb/R120x174.q85/?fname=http%3A%2F%2Ft1.daumcdn.net%2Flbook%2Fimage%2F6041700%3Ftimestamp%3D20230520153906","title":"옛날 영화, 이 좋은 걸 이제 알았다니","translators":[],"url":"https://search.daum.net/search?w=bookpage&bookId=6041700&q=%EC%98%9B%EB%82%A0+%EC%98%81%ED%99%94%2C+%EC%9D%B4+%EC%A2%8B%EC%9D%80+%EA%B1%B8+%EC%9D%B4%EC%A0%9C+%EC%95%8C%EC%95%98%EB%8B%A4%EB%8B%88"},{"name":"사랑의 생애","startedAt":"2024-10-04","endAt":"2024-10-08","progressValue":100,"logs":[{"date":"2024-10-04","progressValue":38.35616438356164},{"date":"2024-10-07","progressValue":71.91780821917808},{"date":"2024-10-08","progressValue":100}],"authors":"이승우","contents":"등을 수상했고, 프랑스의 세계적 문학상인 페미나상 외국문학 부분의 파이널리스트에 올랐으며, 르 클레지오가 한국 작가 중에서 노벨문학상 수상 가능성이 가장 높은 작가로 격찬하기도 한 작가, 이승우가 5년 만에 신작 장편소설 『사랑의 생애』를 예담에서 출간했다. 사랑에 관해 우리가 말할 수 있는 모든 것에 대해 이야기하는 이 소설은 평범한 사람들이 사랑을 시작하고 엇갈리고 끝내고 다시 시작하는, 어쩌면 더없이 평범해 보이는 과정을 통해 사랑의 근원과 속성, 그리고","datetime":"2017-03-02T00:00:00.000+09:00","isbn":"8959134821 9788959134823","price":16000,"publisher":"위즈덤하우스","sale_price":14400,"status":"정상판매","thumbnail":"https://search1.kakaocdn.net/thumb/R120x174.q85/?fname=http%3A%2F%2Ft1.daumcdn.net%2Flbook%2Fimage%2F794362%3Ftimestamp%3D20240906112513","title":"사랑의 생애","translators":[],"url":"https://search.daum.net/search?w=bookpage&bookId=794362&q=%EC%82%AC%EB%9E%91%EC%9D%98+%EC%83%9D%EC%95%A0"},{"name":"세상에서 가장 짧은 한국사","startedAt":"2024-10-08","progressValue":54.81283422459893,"logs":[{"date":"2024-10-08","progressValue":14.973262032085561},{"date":"2024-10-09","progressValue":21.92513368983957},{"date":"2024-10-10","progressValue":39.037433155080215},{"date":"2024-10-11","progressValue":54.81283422459893}],"authors":"김재원","contents":"《세상에서 가장 짧은 한국사》는 고대부터 근현대까지 한국사의 가장 중요한 순간들을 소개하면서, 단 한 권으로 역사의 흐름을 단숨에 파악할 수 있도록 돕는다. 특히 120만 유튜브 채널 〈공부왕 찐천재〉 화제의 역사 선생님이자 저자 김재원은 과거와 현재를 끊임없이 연결하며 마치 한 편의 소설처럼 역사를 설명한다. 쉽지만 가볍지 않고, 재미있지만 잊히지 않는 그의 한국사 이야기를 듣다 보면 역사란 교과서에 갇힌 학문이 아닌 오늘의 나와 맞닿은 이야기라는","datetime":"2022-06-15T00:00:00.000+09:00","isbn":"119182540X 9791191825404","price":17800,"publisher":"빅피시","sale_price":16020,"status":"정상판매","thumbnail":"https://search1.kakaocdn.net/thumb/R120x174.q85/?fname=http%3A%2F%2Ft1.daumcdn.net%2Flbook%2Fimage%2F6086456%3Ftimestamp%3D20240822163913","title":"세상에서 가장 짧은 한국사","translators":[],"url":"https://search.daum.net/search?w=bookpage&bookId=6086456&q=%EC%84%B8%EC%83%81%EC%97%90%EC%84%9C+%EA%B0%80%EC%9E%A5+%EC%A7%A7%EC%9D%80+%ED%95%9C%EA%B5%AD%EC%82%AC"},{"name":"목소리들","startedAt":"2024-10-08","progressValue":49.166666666666664,"logs":[{"date":"2024-10-08","progressValue":10},{"date":"2024-10-10","progressValue":49.166666666666664},{"date":"2024-10-11","progressValue":67.5}],"authors":"이승우","contents":"받으려는 간절함’이 아니라 ‘간절함을 이해하는’ 글의 저자가 될 수 있으면 좋겠습니다.” -‘작가의 말’에서 1981년 작품 활동을 시작한 후 지난 42년간 한국 문단에서 독보적인 영역을 구축해온 작가 이승우의 열두번째 소설집 『목소리들』이 문학과지성사에서 출간되었다. 국내는 물론 해외에서도 큰 사랑을 받으며 “한국에서 가장 유력한 노벨문학상 후보”(르 클레지오, 인터뷰에서)로 언급되기도 한 이승우는 프랑스 갈리마르출판사의 세계 명작 총서인 폴리오 시리즈에","datetime":"2023-11-30T00:00:00.000+09:00","isbn":"8932042357 9788932042350","price":16000,"publisher":"문학과지성사","sale_price":14400,"status":"정상판매","thumbnail":"https://search1.kakaocdn.net/thumb/R120x174.q85/?fname=http%3A%2F%2Ft1.daumcdn.net%2Flbook%2Fimage%2F6501751%3Ftimestamp%3D20240906165513","title":"목소리들","translators":[],"url":"https://search.daum.net/search?w=bookpage&bookId=6501751&q=%EB%AA%A9%EC%86%8C%EB%A6%AC%EB%93%A4"}]}`),w=n=>(g("data-v-7b5550c8"),n=n(),D(),n),I=w(()=>p("h1",{id:"📚-책",tabindex:"-1"},[q("📚 책 "),p("a",{class:"header-anchor",href:"#📚-책","aria-label":'Permalink to "📚 책"'},"​")],-1)),T={class:"reading"},R={key:0},N=JSON.parse('{"title":"📚 책","description":"","frontmatter":{},"headers":[],"relativePath":"reading.md","filePath":"reading.md","lastUpdated":1719933458000}'),P={name:"reading.md"},S=Object.assign(P,{setup(n){const{books:c=[]}=x||{},E=c.slice().reduce((e,a)=>{const t=new Date(a.startedAt).getFullYear();return e[t]||(e[t]=[]),e[t].push(a),e},{}),b=Object.entries(E).sort(([e],[a])=>a-e).map(([e,a])=>[e,a.sort((t,o)=>{const h=o.endAt||o.startedAt,m=t.endAt||t.startedAt;return h-m})]).map(([e,a])=>[e,a.map(t=>({...t,startedAt:new Date(t.startedAt),endAt:t.endAt?new Date(t.endAt):null}))]);return(e,a)=>{const t=B("BookAndProgress");return s(),r("div",null,[I,(s(),l(F,null,{default:C(()=>[(s(!0),r(i,null,d(k(b),([o,h],m)=>(s(),r("section",T,[m!==0?(s(),r("hr",R)):V("",!0),p("h1",null,f(o)+"년",1),(s(!0),r(i,null,d(h,u=>(s(),l(t,_({key:u.name,ref_for:!0},u),null,16))),128))]))),256))]),_:1}))])}}}),X=A(S,[["__scopeId","data-v-7b5550c8"]]);export{N as __pageData,X as default}; +import{_ as A,D as B,c as r,b as l,w as C,ak as F,o as s,F as i,E as d,k,p as g,l as D,j as p,a as q,e as V,t as f,M as _}from"./chunks/framework.8eP_U0YV.js";const x=JSON.parse(`{"books":[{"name":"모래알만 한 진실이라도","startedAt":"2020-05","endAt":"2022-06","progressValue":100,"authors":"박완서","contents":"박완서 에세이 결정판 『모래알만 한 진실이라도』가 ‘윤슬 에디션’으로 새로이 독자들을 찾아왔다. 그가 남긴 에세이 660여 편을 모두 살피고 그중 베스트 35편을 선별한 『모래알만 한 진실이라도』는 작품 선정에만 몇 개월이 소요된 만큼 박완서 에세이의 정수라고 칭하기에 손색이 없다. 초판 한정으로 독자들을 만나는 ‘윤슬 에디션’은 빛과 물의 반짝이는 순간을 포착해 화폭에 담아내는 영국 아티스트 고든 헌트의 작품을 표지 그림으로 사용했다. 시공간을","datetime":"2022-06-30T00:00:00.000+09:00","isbn":"8933871551 9788933871553","price":17000,"publisher":"세계사","sale_price":15300,"status":"정상판매","thumbnail":"https://search1.kakaocdn.net/thumb/R120x174.q85/?fname=http%3A%2F%2Ft1.daumcdn.net%2Flbook%2Fimage%2F5556823%3Ftimestamp%3D20230923162059","title":"모래알만 한 진실이라도","translators":[],"url":"https://search.daum.net/search?w=bookpage&bookId=5556823&q=%EB%AA%A8%EB%9E%98%EC%95%8C%EB%A7%8C+%ED%95%9C+%EC%A7%84%EC%8B%A4%EC%9D%B4%EB%9D%BC%EB%8F%84"},{"name":"한 권으로 읽는 컴퓨터 구조와 프로그래밍","startedAt":"2020-10","progressValue":18,"inProgress":false,"authors":"조너선 스타인하트","contents":"프로그래머가 되려는 개발자는 물론, 비전공자도 재미있게 읽을 수 있는 컴퓨터공학 핵심 강의! 하드웨어의 토대가 되는 기초 전자회로, 게이트부터 시작해서 메모리, CPU, I/O, 컴퓨터 아키텍처 전반을 설명하고, 그 위에서 소프트웨어를 작성하는 방법을 웹과 C 프로그램으로 직접 만들어보며, 보안, 인공지능, 알고리즘 등의 내용에 이르기까지 개발자라면 반드시 알아야 할 커튼 뒤에 감춰진 컴퓨터 구조와 프로그래밍에 대한 거의 모든 것을 다루는 컴퓨터공학 개론서","datetime":"2021-04-08T00:00:00.000+09:00","isbn":"1189909286 9791189909284","price":35000,"publisher":"책만","sale_price":31500,"status":"정상판매","thumbnail":"https://search1.kakaocdn.net/thumb/R120x174.q85/?fname=http%3A%2F%2Ft1.daumcdn.net%2Flbook%2Fimage%2F5634224%3Ftimestamp%3D20240614144508","title":"한 권으로 읽는 컴퓨터 구조와 프로그래밍","translators":["오현석"],"url":"https://search.daum.net/search?w=bookpage&bookId=5634224&q=%ED%95%9C+%EA%B6%8C%EC%9C%BC%EB%A1%9C+%EC%9D%BD%EB%8A%94+%EC%BB%B4%ED%93%A8%ED%84%B0+%EA%B5%AC%EC%A1%B0%EC%99%80+%ED%94%84%EB%A1%9C%EA%B7%B8%EB%9E%98%EB%B0%8D"},{"name":"일 잘하는 사람은 단순하게 합니다","startedAt":"2020-09","progressValue":29,"inProgress":false,"authors":"박소연","contents":"토론이, 요가 수업이, 전시회 관람이 아무리 만족스러운들 그 삶이 행복하다고 말하긴 어려울 것이다. 일 하는 사람에게는 퇴근 후의 시간을 즐겁게 보내는 계획만큼이나, 퇴근 전의 시간을 똑똑하게 쓰는 지혜도 중요하다. 이 책은 일 잘하는 사람들, 특히 효율적으로 일하면서 인생도 즐길 줄 아는 사람들의 노하우와 특별한 습관들을 담았다. “그래서 일을 잘하려면 대체 어떻게 해야 하나요?” 일하는 사람들의 멘토 박소연 저자가 들려주는 일 잘하는 사람들의 기획, 말","datetime":"2024-09-10T00:00:00.000+09:00","isbn":"1140710656 9791140710652","price":18000,"publisher":"더퀘스트","sale_price":16200,"status":"정상판매","thumbnail":"https://search1.kakaocdn.net/thumb/R120x174.q85/?fname=http%3A%2F%2Ft1.daumcdn.net%2Flbook%2Fimage%2F6717354%3Ftimestamp%3D20240929154353","title":"일 잘하는 사람은 단순하게 합니다","translators":[],"url":"https://search.daum.net/search?w=bookpage&bookId=6717354&q=%EC%9D%BC+%EC%9E%98%ED%95%98%EB%8A%94+%EC%82%AC%EB%9E%8C%EC%9D%80+%EB%8B%A8%EC%88%9C%ED%95%98%EA%B2%8C+%ED%95%A9%EB%8B%88%EB%8B%A4"},{"name":"불안의 책","startedAt":"2020-11","progressValue":28,"logs":[{"date":"2023-03-24","progressValue":13},{"date":"2024-05-19","progressValue":28}],"authors":"페르난두 페소아","contents":"『불안의 책』은 페소아가 생전에 완성한 작품이 아니라 사후 연구가들이 유고 더미에서 찾아낸 미완성 원고를 엮은 책이다. 작품을 구성하는 481개의 텍스트 속에는 페소아가 일평생 추구했던 내면의 성찰과 감각적 사유가 깊이 배어 있다.","datetime":"2015-09-18T00:00:00.000+09:00","isbn":"8954625762 9788954625760","price":18000,"publisher":"문학동네","sale_price":16200,"status":"정상판매","thumbnail":"https://search1.kakaocdn.net/thumb/R120x174.q85/?fname=http%3A%2F%2Ft1.daumcdn.net%2Flbook%2Fimage%2F691734%3Ftimestamp%3D20240531114031","title":"불안의 책","translators":["오진영"],"url":"https://search.daum.net/search?w=bookpage&bookId=691734&q=%EB%B6%88%EC%95%88%EC%9D%98+%EC%B1%85"},{"name":"리얼리티 버블","startedAt":"2021-01","progressValue":8,"inProgress":false,"authors":"지야 통","contents":"『리얼리티 버블』은 캐나다의 과학 저널리스트이자 방송인인 지야 통의 첫 책이다. 통은 17년간의 방송 경력을 통해 과학에 대한 사랑을 키워 왔다. 인터뷰어로서 그녀는 생각할 수 있는 모든 전문가들을 만났고, 다른 사람들의 눈을 통해 세계를 보는 법을 배웠다. 이 책은 바로 그 ‘보는’ 방법에 관한 이야기이다. 또 과학이라는 새로운 눈으로 본 우리 세계의 진실들에 관한 이야기이기도 하다. 통은 우리가 ‘거품 속에서 현실을 대한다’고 지적한다. 보이지 않는","datetime":"2021-01-25T00:00:00.000+09:00","isbn":"1196999236 9791196999230","price":17600,"publisher":"코쿤북스","sale_price":15840,"status":"정상판매","thumbnail":"https://search1.kakaocdn.net/thumb/R120x174.q85/?fname=http%3A%2F%2Ft1.daumcdn.net%2Flbook%2Fimage%2F5579889%3Ftimestamp%3D20240323164412","title":"리얼리티 버블","translators":["장호연"],"url":"https://search.daum.net/search?w=bookpage&bookId=5579889&q=%EB%A6%AC%EC%96%BC%EB%A6%AC%ED%8B%B0+%EB%B2%84%EB%B8%94"},{"name":"쌤 코끼리 그려주세요","startedAt":"2020-12","progressValue":100,"authors":"","thumbnail":"https://placehold.co/120x174","url":"https://google.com/search?q=쌤 코끼리 그려주세요"},{"name":"편집자는 편집을 하지 않는다 7","startedAt":"2020-12","progressValue":100,"authors":"","thumbnail":"https://placehold.co/120x174","url":"https://google.com/search?q=편집자는 편집을 하지 않는다 7"},{"name":"자기 앞의 생","startedAt":"2021-01","progressValue":100,"authors":"로맹 가리(에밀 아자르)","contents":"열네 살 소년 모모가 들려주는 신비롭고 경이로운 생의 비밀을 담은 에밀 아자르의 소설 『자기 앞의 생』. 1980년 의문의 권총 자살로 생을 마감한 프랑스 작가 로맹 가리가 에밀 아자르라는 필명으로 출간한 두 번째 소설이다. 어린 소년 모모의 슬프지만 아름다운 성장 이야기를 담고 있다. 악동 같지만 순수한 어린 주인공 모모를 통해 이 세상 누구도 눈길을 주지 않는 밑바닥 삶을 살아가는 불행한 사람들의 슬픔과 고독과 사랑을 그리고 있다. 저자는","datetime":"2013-01-24T00:00:00.000+09:00","isbn":"8982816631 9788982816635","price":16000,"publisher":"문학동네","sale_price":11700,"status":"정상판매","thumbnail":"https://search1.kakaocdn.net/thumb/R120x174.q85/?fname=http%3A%2F%2Ft1.daumcdn.net%2Flbook%2Fimage%2F1153955%3Ftimestamp%3D20241009114625","title":"자기 앞의 생","translators":["용경식"],"url":"https://search.daum.net/search?w=bookpage&bookId=1153955&q=%EC%9E%90%EA%B8%B0+%EC%95%9E%EC%9D%98+%EC%83%9D"},{"name":"함께자라기","startedAt":"2020-07","progressValue":100,"authors":"김창준","contents":"‘함께’는 협력을 말하고, ‘자라기’는 학습을 말합니다. 무엇이건 실제 바깥세상(야생)에 임팩트를 남기려면 혼자 힘으로만 되는 게 없습니다. 함께 해야 합니다. 주변 사람들과 함께. 매일 부대끼는 동료들과 함께. 스스로 변하고 싶지만 계속 실패하는 사람, 조직을 개선하기 위한 시도를 하다가 오히려 데어본 사람, 불확실한 상황에서 합리적인 판단을 해야 하는 사람, 한 분야에서 전문성을 키워야 하는 사람에게 전문성을 키울 수 있는 제대로 된 방법을 알려줍니다","datetime":"2018-11-30T00:00:00.000+09:00","isbn":"8966262333 9788966262335","price":13000,"publisher":"인사이트","sale_price":11700,"status":"정상판매","thumbnail":"https://search1.kakaocdn.net/thumb/R120x174.q85/?fname=http%3A%2F%2Ft1.daumcdn.net%2Flbook%2Fimage%2F4833808%3Ftimestamp%3D20240618125701","title":"함께 자라기","translators":[],"url":"https://search.daum.net/search?w=bookpage&bookId=4833808&q=%ED%95%A8%EA%BB%98+%EC%9E%90%EB%9D%BC%EA%B8%B0"},{"name":"눈물을 마시는 새","startedAt":"2021-12","endAt":"2021-01","progressValue":97,"authors":"이영도","contents":"하퍼 콜린스, 아셰트, 펭귄 랜덤하우스, 그루포 플라네타 등 세계 메이저 출판사들의 선택을 받으며 세계 14개국에 수출 확정된 한국 판타지 문학의 전설 이영도 작가의 『눈물을 마시는 새』 일러스트 특별 한정판이 출간되었다. 이번 판본은 『장길산』 , 『붉은 말』 등 한국적 미를 붓과 먹으로 표현해 온 백성민 화백이 7개월여 동안 그린 『눈물을 마시는 새』 삽화 34점이 별지 방식으로 수록되었으며, 이와 함께 『눈물을 마시는 새』 작품 속 장면 중 6","datetime":"2023-05-17T00:00:00.000+09:00","isbn":"1170522688 9791170522683","price":60000,"publisher":"황금가지","sale_price":54000,"status":"정상판매","thumbnail":"https://search1.kakaocdn.net/thumb/R120x174.q85/?fname=http%3A%2F%2Ft1.daumcdn.net%2Flbook%2Fimage%2F6355388%3Ftimestamp%3D20240730191002","title":"눈물을 마시는 새(하)","translators":[],"url":"https://search.daum.net/search?w=bookpage&bookId=6355388&q=%EB%88%88%EB%AC%BC%EC%9D%84+%EB%A7%88%EC%8B%9C%EB%8A%94+%EC%83%88%28%ED%95%98%29"},{"name":"실격당한 자들을 위한 변론","startedAt":"2022-01","progressValue":100,"authors":"김원영","contents":"1급 지체장애인인 변호사 김원영이 우리 사회에서 잘못된 삶, 실격당한 인생이라 낙인찍힌 이들의 삶을 변론하는 『실격당한 자들을 위한 변론』. 저자는 소수자들이 삶에서 만나는 연극적인 순간들, 즉 차별과 배제, 수치와 모욕 앞에서 아무렇지 않은 듯 노련하게 맞받아치고 우아하게 대응하는 태도가 놓인 딜레마에서 논의를 시작한다. 저자는 거짓된 연극을 집어치우라고 하기보다는 사회학자 어빙 고프먼과 인류학자 김현경의 논의를 빌려와 사람과 사람이 주고받는 연극","datetime":"2018-06-15T00:00:00.000+09:00","isbn":"1160943737 9791160943733","price":16000,"publisher":"사계절","sale_price":14400,"status":"정상판매","thumbnail":"https://search1.kakaocdn.net/thumb/R120x174.q85/?fname=http%3A%2F%2Ft1.daumcdn.net%2Flbook%2Fimage%2F1598802%3Ftimestamp%3D20240511113126","title":"실격당한 자들을 위한 변론","translators":[],"url":"https://search.daum.net/search?w=bookpage&bookId=1598802&q=%EC%8B%A4%EA%B2%A9%EB%8B%B9%ED%95%9C+%EC%9E%90%EB%93%A4%EC%9D%84+%EC%9C%84%ED%95%9C+%EB%B3%80%EB%A1%A0"},{"name":"산책과 연애","startedAt":"2022-01","progressValue":100,"authors":"유진목","contents":"유진목, 그리고 ‘산책’과 ‘연애’ “평소 산책이라는 것을 하지 않는 사람이 ‘산책과 연애’라는 주제로 책을 쓰기로 한 것은 연애를 하는 동안에 유독 혼자서 산책했던 시간들이 떠올랐기 때문이다. 나는 연애를 할 때마다 그들을 죽이지 않으려고 필사적으로 걸었다.” _본문 중에서 우리가 낮에 산책을 하는 이유가 나무 그늘에서 사랑을 줍기 위해서이고, 우리가 밤에 연애를 하는 이유가 완전하지 않은 당신을 겨우 사랑하기 위해서라면, 시인이『산책과","datetime":"2020-09-15T00:00:00.000+09:00","isbn":"1190999013 9791190999014","price":15000,"publisher":"시간의흐름","sale_price":13500,"status":"정상판매","thumbnail":"https://search1.kakaocdn.net/thumb/R120x174.q85/?fname=http%3A%2F%2Ft1.daumcdn.net%2Flbook%2Fimage%2F5477651%3Ftimestamp%3D20241009150936","title":"산책과 연애","translators":[],"url":"https://search.daum.net/search?w=bookpage&bookId=5477651&q=%EC%82%B0%EC%B1%85%EA%B3%BC+%EC%97%B0%EC%95%A0"},{"name":"신호와 소음","startedAt":"2022-02","progressValue":24.623803009575923,"inProgress":false,"authors":"네이트 실버","contents":"『신호와 소음』은 2012년 치러진 미국 대통령 선거 결과를 정확하게 예측한 통계학자 네이트 실버가 자신의 통계학과 예측 철학을 담아낸 책이다. 통계학을 기반으로 어떻게 잘못된 정보(소음)을 거르고 진짜 의미 있는 정보(신호)를 찾을 것인지에 대해 다룬다. 정치, 경제, 스포츠, 기후, 전쟁, 테러, 전염병, 도박 등 다양한 분야에 걸쳐 ‘미래’를 제대로 예측하는 방법에 대해서 설명한다. 책은 크게 두 부분으로 나뉘는데, 1부와 2부에서는 예측 문제","datetime":"2014-07-11T00:00:00.000+09:00","isbn":"8966187587 9788966187584","price":28000,"publisher":"더퀘스트","sale_price":25200,"status":"정상판매","thumbnail":"https://search1.kakaocdn.net/thumb/R120x174.q85/?fname=http%3A%2F%2Ft1.daumcdn.net%2Flbook%2Fimage%2F924116%3Ftimestamp%3D20230412165944","title":"신호와 소음","translators":["이경식"],"url":"https://search.daum.net/search?w=bookpage&bookId=924116&q=%EC%8B%A0%ED%98%B8%EC%99%80+%EC%86%8C%EC%9D%8C"},{"name":"멀고도 가까운","startedAt":"2022-03","endAt":"2022-04","progressValue":34.86486486486486,"inProgress":false,"authors":"리베카 솔닛","contents":"『멀고도 가까운』은 ‘맨스플레인’이라는 단어로 21세기에도 만연한 젠더 불평등의 핵심을 명쾌하게 요약하며 명성을 얻은 바 있는 리베카 솔닛의 에세이다. 지난해 한국에서 출간되면서 숱한 화제를 일으킨 《남자들은 자꾸 나를 가르치려 든다》 외에도 《걷기의 역사》, 《이 폐허를 응시하라》 등 작가의 다양한 관심과 면모를 보여주는 책들이 국내에 소개되어 있는데, 이 책은 그런 다양한 면모를 가장 통합적으로 보여준다. 저자는 읽기와 쓰기, 고독과 연대, 병과","datetime":"2016-02-11T00:00:00.000+09:00","isbn":"8983717734 9788983717733","price":17000,"publisher":"반비","sale_price":15300,"status":"정상판매","thumbnail":"https://search1.kakaocdn.net/thumb/R120x174.q85/?fname=http%3A%2F%2Ft1.daumcdn.net%2Flbook%2Fimage%2F1165228%3Ftimestamp%3D20240515112714","title":"멀고도 가까운","translators":["김현우"],"url":"https://search.daum.net/search?w=bookpage&bookId=1165228&q=%EB%A9%80%EA%B3%A0%EB%8F%84+%EA%B0%80%EA%B9%8C%EC%9A%B4"},{"name":"세상을 바꾸는 행동경제학","startedAt":"2022-03","progressValue":11,"inProgress":false,"authors":"마이클 샌더스, 수잔나 흄","contents":"사람들의 선택을 유도하는 심리적 장치를 연구하여 정책을 제안하는 세계 최고 수준의 행동경제학 연구 조직인 영국 정부 행동통찰팀의 노하우를 집대성하다! 〈넛지〉의 저자 캐스 선스타인을 비롯한 저명한 행동경제학자들이 앞다투어 추천한 책! 당신도 모르게 당신의 선택과 행동을 조종하는 행동경제학의 비밀! 심리학적 원리를 바탕으로 사람들의 행동을 유도하는 영국 ‘행동통찰팀’의 특별한 문제해결법을 공개한다. -사람들은 왜 한가한 식당보다는 손님이","datetime":"2021-01-22T00:00:00.000+09:00","isbn":"1188314653 9791188314652","price":23000,"publisher":"비즈니스랩","sale_price":20700,"status":"정상판매","thumbnail":"https://search1.kakaocdn.net/thumb/R120x174.q85/?fname=http%3A%2F%2Ft1.daumcdn.net%2Flbook%2Fimage%2F5579953%3Ftimestamp%3D20230510140425","title":"세상을 바꾸는 행동경제학","translators":["안세라"],"url":"https://search.daum.net/search?w=bookpage&bookId=5579953&q=%EC%84%B8%EC%83%81%EC%9D%84+%EB%B0%94%EA%BE%B8%EB%8A%94+%ED%96%89%EB%8F%99%EA%B2%BD%EC%A0%9C%ED%95%99"},{"name":"쥐","startedAt":"2022-03","progressValue":100,"authors":"아트 슈피겔만","contents":"만화책 유일 퓰리처상 수상작 『쥐 : 한 생존자의 이야기』. 새로운 표현 양식을 설계하고 실험적인 기법으로 《쥐》를 탈고하기까지 아트 슈피겔만은 14년이라는 긴 세월을 소요했다. 그리고 그렇게 해서 슈피겔만은 만화라는 대중문화를 예술적 표현 양식의 하나로 끌어올린 ‘그래픽 노블’의 창시자가 되었다. 유태인 출신이면서 동시에 유태인으로서 자신의 정체성을 온몸으로 거부하는 작가 슈피겔만은 독일의 구겐하임상, 미국의 퓰리처상, 전미도서비평가협회상을","datetime":"2019-03-08T00:00:00.000+09:00","isbn":"8955824939 9788955824933","price":21000,"publisher":"아름드리미디어","sale_price":18900,"status":"정상판매","thumbnail":"https://search1.kakaocdn.net/thumb/R120x174.q85/?fname=http%3A%2F%2Ft1.daumcdn.net%2Flbook%2Fimage%2F4904822%3Ftimestamp%3D20240620125312","title":"쥐(합본판)","translators":["권희섭"],"url":"https://search.daum.net/search?w=bookpage&bookId=4904822&q=%EC%A5%90%28%ED%95%A9%EB%B3%B8%ED%8C%90%29"},{"name":"아무튼, 메모","startedAt":"2022-03","progressValue":100,"authors":"정혜윤","contents":"_ 『아무튼, 메모』 “메모같이 사소한 일에 무슨 의미가 있을까?” 이런 질문에 CBS 라디오 PD 정혜윤은 되묻는다. 우리는 항상 사소한 것들의 도움 및 방해를 받고 있지 않냐고. 강아지가 꼬리만 흔들어도 웃을 수 있지 않냐고, 미세먼지만 심해도 우울하지 않냐고, 소음만 심해도 떠나고 싶지 않냐고. 그리고 덧붙인다. 몇 문장을 옮겨 적고 큰 소리로 외우는 것은 전혀 사소한 일이 아니라고. ‘사소한 일’이란 말을 언젠가는 ‘자그마한 기적’이라고 부르고 싶어","datetime":"2020-03-15T00:00:00.000+09:00","isbn":"1186602511 9791186602515","price":12000,"publisher":"위고","sale_price":10800,"status":"정상판매","thumbnail":"https://search1.kakaocdn.net/thumb/R120x174.q85/?fname=http%3A%2F%2Ft1.daumcdn.net%2Flbook%2Fimage%2F5267084%3Ftimestamp%3D20240122203320","title":"아무튼, 메모","translators":[],"url":"https://search.daum.net/search?w=bookpage&bookId=5267084&q=%EC%95%84%EB%AC%B4%ED%8A%BC%2C+%EB%A9%94%EB%AA%A8"},{"name":"거의 모든 것의 역사","startedAt":"2022-04","progressValue":10.800744878957168,"inProgress":false,"authors":"빌 브라이슨","contents":"2003년 출간된 이래 전 세계의 많은 독자들의 사랑을 받아온 빌 브라이슨의 『거의 모든 것의 역사(개역판)』 이번 개역판은 빠르게 발전하는 현대 과학의 새로운 지식을 반영하고 이전의 번역을 새롭게 다듬은 것이다. 이 책의 저자이자 ‘현존하는 가장 유머러스한 작가’라는 평을 듣는 빌 브라이슨은 3년에 걸쳐 과학에 관한 방대하고 집요한 정보 수집과 학습을 통해 결코 지루하지 않은 과학교양서를 탄생시켰다. 빌 브라이슨은 이 책에서 대폭발(빅뱅)에서","datetime":"2020-04-10T00:00:00.000+09:00","isbn":"8972917117 9788972917113","price":25000,"publisher":"까치","sale_price":22500,"status":"정상판매","thumbnail":"https://search1.kakaocdn.net/thumb/R120x174.q85/?fname=http%3A%2F%2Ft1.daumcdn.net%2Flbook%2Fimage%2F5346983%3Ftimestamp%3D20240305151815","title":"거의 모든 것의 역사(개역판)","translators":["이덕환"],"url":"https://search.daum.net/search?w=bookpage&bookId=5346983&q=%EA%B1%B0%EC%9D%98+%EB%AA%A8%EB%93%A0+%EA%B2%83%EC%9D%98+%EC%97%AD%EC%82%AC%28%EA%B0%9C%EC%97%AD%ED%8C%90%29"},{"name":"책 읽는 삶","startedAt":"2022-04","progressValue":78,"inProgress":false,"authors":"C. S. 루이스","contents":"알려지지 않은 에세이, 편지 등에서 ‘삶의 변화를 낳는 독서 행위’에 대한 글을 엄선한 책이 출간되었다. 영상물이 세상을 독식해 가는 요즘, 독서욕을 공유한 사람들의 관심을 끌 만한 재미있고 기발하고 지혜로운 글들을 선별해 엮은 《책 읽는 삶》. 당장 책장으로 달려가 책을 펼치고 싶게 만드는 책! “요즘 책과 옛날 책을 번갈아 읽어야 한다”, “동화, 아이들만의 책이 아니다”, “재미로 읽을 책을 고르는 것이 중요하다” 등 문학 읽기를 중심으로 독서 생활","datetime":"2021-07-14T00:00:00.000+09:00","isbn":"8953140277 9788953140271","price":10000,"publisher":"두란노서원","sale_price":9000,"status":"정상판매","thumbnail":"https://search1.kakaocdn.net/thumb/R120x174.q85/?fname=http%3A%2F%2Ft1.daumcdn.net%2Flbook%2Fimage%2F5792319%3Ftimestamp%3D20240808151547","title":"책 읽는 삶","translators":["윤종석"],"url":"https://search.daum.net/search?w=bookpage&bookId=5792319&q=%EC%B1%85+%EC%9D%BD%EB%8A%94+%EC%82%B6"},{"name":"작별인사","startedAt":"2022-05","progressValue":100,"authors":"김영하","contents":"김영하가 『살인자의 기억법』 이후 9 년 만에 내놓는 장편소설 『작별인사』는 그리 멀지 않은 미래를 배경으로, 별안간 삶이 송두리째 뒤흔들린 한 소년의 여정을 좇는다. 유명한 IT 기업의 연구원인 아버지와 쾌적하고 평화롭게 살아가던 철이는 어느날 갑자기 수용소로 끌려가 난생처음 날것의 감정으로 가득한 혼돈의 세계에 맞닥뜨리게 되면서 정신적, 신체적 위기에 직면한다. 동시에 자신처럼 사회에서 배제된 자들을 만나 처음으로 생생한 소속감을 느끼고 따뜻한","datetime":"2022-05-02T00:00:00.000+09:00","isbn":"1191114228 9791191114225","price":14000,"publisher":"복복서가","sale_price":12600,"status":"정상판매","thumbnail":"https://search1.kakaocdn.net/thumb/R120x174.q85/?fname=http%3A%2F%2Ft1.daumcdn.net%2Flbook%2Fimage%2F6056307%3Ftimestamp%3D20240613145729","title":"작별인사","translators":[],"url":"https://search.daum.net/search?w=bookpage&bookId=6056307&q=%EC%9E%91%EB%B3%84%EC%9D%B8%EC%82%AC"},{"name":"게으름에 대한 찬양","startedAt":"2022-05","progressValue":12,"inProgress":false,"authors":"버트런드 러셀","contents":"비판하며, 열심히 일해야 한다는 사회적 통념과 달리 인간의 진정한 자유와 주체성 확립을 위해서는 오히려 여가가 필요하다고 주장한다. 이 책은 정치적 대립 상황에서 간과되기 쉬운 사회 현안들을 여러 측면에서 바라보고 있다. <게으름에 대한 찬양>을 포함하여 <무용한 지식과 유용한 지식>, <건축에 대한 몇 가지 생각>, <현대판 마이더스>, <사회주의를 위한 변명> 등 15편의 글을 만나볼 수 있다","datetime":"2005-04-25T00:00:00.000+09:00","isbn":"8956025797 9788956025797","price":8800,"publisher":"사회평론","sale_price":7920,"status":"정상판매","thumbnail":"https://search1.kakaocdn.net/thumb/R120x174.q85/?fname=http%3A%2F%2Ft1.daumcdn.net%2Flbook%2Fimage%2F723098%3Ftimestamp%3D20240810113243","title":"게으름에 대한 찬양","translators":["송은경"],"url":"https://search.daum.net/search?w=bookpage&bookId=723098&q=%EA%B2%8C%EC%9C%BC%EB%A6%84%EC%97%90+%EB%8C%80%ED%95%9C+%EC%B0%AC%EC%96%91"},{"name":"쓰고 싶다 쓰고 싶지 않다","startedAt":"2022-05","progressValue":100,"authors":"전고운, 이석원, 이다혜, 이랑, 박정민, 김종관","contents":"삶의 이야기를 전하고, 많은 이들이 작가라는 이름을 갖게 되길 간절히 희망한다. 지금 시대를 살아가는 사람들에게 ‘쓰기’란 좀 더 자신을 잘 표현하기 위해 갖추어야 할 능력이 되었다. 다양한 표현의 시대, 이 책 『쓰고 싶다 쓰고 싶지 않다』 는 마음이 글로 표현되기까지의 뒷모습을 조명한다. 각자의 일과 삶에서 직접적으로든 간접적으로든 쓰기가 영향을 미치는 사람들인 전고운, 이석원, 이다혜, 이랑, 박정민, 김종관, 백세희, 한은형, 임대형 9인의 이야기","datetime":"2022-04-25T00:00:00.000+09:00","isbn":" 2090000114485","price":15000,"publisher":"유선사","sale_price":13500,"status":"예약판매","thumbnail":"https://search1.kakaocdn.net/thumb/R120x174.q85/?fname=http%3A%2F%2Ft1.daumcdn.net%2Flbook%2Fimage%2F6094876%3Ftimestamp%3D20240122203101","title":"쓰고 싶다 쓰고 싶지 않다 사인본 (교보문고 랜선 팬 사인회 전용 상품)","translators":[],"url":"https://search.daum.net/search?w=bookpage&bookId=6094876&q=%EC%93%B0%EA%B3%A0+%EC%8B%B6%EB%8B%A4+%EC%93%B0%EA%B3%A0+%EC%8B%B6%EC%A7%80+%EC%95%8A%EB%8B%A4+%EC%82%AC%EC%9D%B8%EB%B3%B8+%28%EA%B5%90%EB%B3%B4%EB%AC%B8%EA%B3%A0+%EB%9E%9C%EC%84%A0+%ED%8C%AC+%EC%82%AC%EC%9D%B8%ED%9A%8C+%EC%A0%84%EC%9A%A9+%EC%83%81%ED%92%88%29"},{"name":"오직 두사람","startedAt":"2022-06","progressValue":100,"authors":"김영하","contents":"《무슨 일이 일어났는지 아무도》 이후 7년 만에 펴낸 김영하의 소설집 『오직 두 사람』. 다채로운 스펙트럼으로 한국문학의 지평을 확장해온, 이른바 ‘김영하 스타일’이 총망라된 작품집이다. 무언가를 상실한 사람들, 그리고 상실 이후의 삶을 살아가는 이들의 이야기를 담은 일곱 편의 작품이 담겨 있다. 한 인간 내면의 복합적인 감정부터 다종다양한 관계의 모순, 더 나아가 소위 신의 뜻이라 비유되는 알 수 없는 상황에 처한 인간의 고뇌까지 담아낸 이야기를","datetime":"2017-05-25T00:00:00.000+09:00","isbn":"8954645615 9788954645614","price":13000,"publisher":"문학동네","sale_price":11700,"status":"정상판매","thumbnail":"https://search1.kakaocdn.net/thumb/R120x174.q85/?fname=http%3A%2F%2Ft1.daumcdn.net%2Flbook%2Fimage%2F693034%3Ftimestamp%3D20240512112018","title":"오직 두 사람","translators":[],"url":"https://search.daum.net/search?w=bookpage&bookId=693034&q=%EC%98%A4%EC%A7%81+%EB%91%90+%EC%82%AC%EB%9E%8C"},{"name":"읽지 않은 책에 대해 말하는 법","startedAt":"2022-06","progressValue":82.70042194092827,"inProgress":false,"authors":"피에르 바야르","contents":"〈읽지 않은 책에 대해 말하는 법〉은 비독서를 포함하는 새로운 독서 패러다임을 제시하는 책이다. 2007년에 프랑스에서 출간되어 대중과 평단과 언론의 찬사를 받은 책으로, 전통적으로 당연하게 여겨온 독서문화와 그에 대한 금기를 되짚어본다. '이런 책은 꼭 읽어야 한다'는 강박관념에서 벗어나, 독서의 목적과 방법에 대한 새로운 패러다임을 제시한다. 이 책은 읽지 않은 책에 대해서는 언급할 수 없다는 사회적 금기를 깨뜨리고, 읽지 않은 책에 대해서도","datetime":"2008-02-20T00:00:00.000+09:00","isbn":"8989348978 9788989348979","price":12000,"publisher":"여름언덕","sale_price":10800,"status":"정상판매","thumbnail":"https://search1.kakaocdn.net/thumb/R120x174.q85/?fname=http%3A%2F%2Ft1.daumcdn.net%2Flbook%2Fimage%2F1293577%3Ftimestamp%3D20241009114642","title":"읽지 않은 책에 대해 말하는 법","translators":["김병욱"],"url":"https://search.daum.net/search?w=bookpage&bookId=1293577&q=%EC%9D%BD%EC%A7%80+%EC%95%8A%EC%9D%80+%EC%B1%85%EC%97%90+%EB%8C%80%ED%95%B4+%EB%A7%90%ED%95%98%EB%8A%94+%EB%B2%95"},{"name":"깨끗한 존경","startedAt":"2022-06","progressValue":62.96296296296296,"inProgress":false,"authors":"이슬아","contents":"이슬아의 첫 번째 인터뷰집. 정혜윤, 김한민, 유진목, 김원영과의 긴 대화가 담겨 있다. 네 사람의 이야기를 보고 들은 뒤 감탄과 절망을 오가며 새로운 자신을 향해 나아간다. 2019년 〈일간 이슬아〉 시즌 2에 연재된 인터뷰 원고를 모아 다듬은 책이다.","datetime":"2019-11-13T00:00:00.000+09:00","isbn":"1196589143 9791196589141","price":15000,"publisher":"헤엄","sale_price":13500,"status":"정상판매","thumbnail":"https://search1.kakaocdn.net/thumb/R120x174.q85/?fname=http%3A%2F%2Ft1.daumcdn.net%2Flbook%2Fimage%2F5138233%3Ftimestamp%3D20240614132932","title":"깨끗한 존경","translators":[],"url":"https://search.daum.net/search?w=bookpage&bookId=5138233&q=%EA%B9%A8%EB%81%97%ED%95%9C+%EC%A1%B4%EA%B2%BD"},{"name":"H마트에서 울다","startedAt":"2022-07","progressValue":100,"authors":"미셸 자우너","contents":"인디 팝 밴드 재패니즈 브렉퍼스트의 보컬이자 2022 타임지 ‘가장 영향력 있는 100인’에 이름을 올린 한국계 미국인 미셸 자우너의 뭉클한 성장기를 담은 에세이 『H마트에서 울다』의 리커버판을 전 세계 최초로 선보인다. 2022년 한국어판 출간 이래 많은 독자들의 사랑을 받아온 이 책은 한인마트에서 잃어버린 한국인의 조각을 찾는 한 여성의 흥미로운 이야기로 전 세계인을 사로잡았다. K-푸드를 테마로 한 이번 리커버판은 엄마와 딸 사이에 음식으로","datetime":"2022-02-28T00:00:00.000+09:00","isbn":"8954683371 9788954683371","price":16000,"publisher":"문학동네","sale_price":14400,"status":"정상판매","thumbnail":"https://search1.kakaocdn.net/thumb/R120x174.q85/?fname=http%3A%2F%2Ft1.daumcdn.net%2Flbook%2Fimage%2F6015290%3Ftimestamp%3D20240531151609","title":"H마트에서 울다(리커버:K)","translators":["정혜윤"],"url":"https://search.daum.net/search?w=bookpage&bookId=6015290&q=H%EB%A7%88%ED%8A%B8%EC%97%90%EC%84%9C+%EC%9A%B8%EB%8B%A4%28%EB%A6%AC%EC%BB%A4%EB%B2%84%3AK%29"},{"name":"시드 마이어","startedAt":"2022-08","progressValue":13,"inProgress":false,"authors":"시드 마이어, 제니퍼 리 누넌","contents":"한번 시작하면 헤어나올 수 없는 마성의 게임 〈문명〉을 탄생시킨 전설적인 게임 디자이너 시드 마이어의 삶과 커리어, 그리고 게임 철학이 담긴 40년의 기억 턴제 게임의 대가이자 전설적인 개발자인 시드 마이어가자신의 삶과 커리어, 컴퓨터 게임 시장을 개척해 낸 시절부터 지금까지 만들어온 모든 게임에 얽힌 일화들과 게임 철학을 담았다. 학창 시절 재미로 만들었던 게임부터 대성공을 거둔 〈문명〉 시리즈에 이르기까지, 시드 마이어로부터 탄생했거나","datetime":"2021-06-25T00:00:00.000+09:00","isbn":"8931465408 9788931465402","price":19800,"publisher":"영진닷컴","sale_price":17820,"status":"정상판매","thumbnail":"https://search1.kakaocdn.net/thumb/R120x174.q85/?fname=http%3A%2F%2Ft1.daumcdn.net%2Flbook%2Fimage%2F5746878%3Ftimestamp%3D20240713151410","title":"시드 마이어","translators":["이미령"],"url":"https://search.daum.net/search?w=bookpage&bookId=5746878&q=%EC%8B%9C%EB%93%9C+%EB%A7%88%EC%9D%B4%EC%96%B4"},{"name":"가벼운 책임","startedAt":"2022-09","progressValue":76.76767676767676,"inProgress":false,"authors":"김신회","contents":"확실한 사랑이 있고 그 사랑은 당신을 구원할 것이다.” _오지은(작가, 뮤지션) 『보노보노처럼 살다니 다행이야』, 『심심과 열심』 등으로 꾸준히 우리 곁에서 발 맞춰 걸으며 깊은 공감을 이끌어낸 김신회 작가가 신작 에세이 『가벼운 책임』을 펴냈다. 작가는 세상 사는 데 요령이 없는 어른들에게 ‘틀린 길로 가도 괜찮아, 다른 걸 찾을 수 있을 테니까’라는 위로의 메시지를 전해왔다. 그런 그도 실낱같은 바람에 무수히 흔들리고, 인간관계 속에서 상처받고","datetime":"2021-03-22T00:00:00.000+09:00","isbn":"1130636054 9791130636054","price":14000,"publisher":"오티움","sale_price":12600,"status":"정상판매","thumbnail":"https://search1.kakaocdn.net/thumb/R120x174.q85/?fname=http%3A%2F%2Ft1.daumcdn.net%2Flbook%2Fimage%2F5624930%3Ftimestamp%3D20240824152703","title":"가벼운 책임","translators":[],"url":"https://search.daum.net/search?w=bookpage&bookId=5624930&q=%EA%B0%80%EB%B2%BC%EC%9A%B4+%EC%B1%85%EC%9E%84"},{"name":"누구나 자료구조와 알고리즘","startedAt":"2022-09","progressValue":66,"authors":"제이 웬그로우","contents":"잘 안다고 가정하고 있다. 쉽게 설명했다는 책도 전문 용어로 가득하다. 비전공자나 수학적 기초가 약한 독자는 전문 용어에 두려움을 느끼며 이 주제를 이해할 만큼 자신이 똑똑하지 않다고 느끼며 이 주제를 회피한다. 그러나 자료 구조와 알고리즘은 대부분 상식선에서 이해할 수 있다. 상식이 통하는 설명으로 자료 구조와 알고리즘을 이해해보자. 프로그래밍의 핵심 스킬을 이해한다 자료 구조와 알고리즘은 프로그래밍의 핵심 스킬이다. 더 빠른 코드, 더 효율적인","datetime":"2018-06-30T00:00:00.000+09:00","isbn":"1160505063 9791160505061","price":16000,"publisher":"길벗","sale_price":14400,"status":"정상판매","thumbnail":"https://search1.kakaocdn.net/thumb/R120x174.q85/?fname=http%3A%2F%2Ft1.daumcdn.net%2Flbook%2Fimage%2F1598317%3Ftimestamp%3D20220121133246","title":"누구나 자료 구조와 알고리즘","translators":["심지현"],"url":"https://search.daum.net/search?w=bookpage&bookId=1598317&q=%EB%88%84%EA%B5%AC%EB%82%98+%EC%9E%90%EB%A3%8C+%EA%B5%AC%EC%A1%B0%EC%99%80+%EC%95%8C%EA%B3%A0%EB%A6%AC%EC%A6%98"},{"name":"가벼운 마음","startedAt":"2022-10","endAt":"2022-10","progressValue":100,"authors":"크리스티앙 보뱅","contents":"짙은 어두움 속에서도 삶의 환희를 찬양하는 시인이 쓰는 소설은 어떤 모습일까. 〈가벼운 마음〉은 보뱅의 시적인 문장과 단어들이 가벼이 날아올라 춤추며 흐려진 영혼에 빛을 비추고, 우리 안에 오래 묻혀 잊혀졌던 것들을 깨워 다시 한번 삶의 환희로 우리를 초대하는 작품이다. 〈작은 파티 드레스〉 〈환희의 인간〉 〈그리움의 정원에서〉와 같은 산문에서 보여주었던 일상의 삶 속에서 발견하는 보석같은 순간들과 죽음마저도 넘어서는 사랑에 대한 찬가도 아름다웠지만, 소설","datetime":"2022-08-22T00:00:00.000+09:00","isbn":"1190533154 9791190533157","price":14000,"publisher":"1984BOOKS","sale_price":12600,"status":"정상판매","thumbnail":"https://search1.kakaocdn.net/thumb/R120x174.q85/?fname=http%3A%2F%2Ft1.daumcdn.net%2Flbook%2Fimage%2F6145338%3Ftimestamp%3D20240518160055","title":"가벼운 마음","translators":["김도연"],"url":"https://search.daum.net/search?w=bookpage&bookId=6145338&q=%EA%B0%80%EB%B2%BC%EC%9A%B4+%EB%A7%88%EC%9D%8C"},{"name":"나의 아름다운 할머니","startedAt":"2022-10","progressValue":39.09090909090909,"inProgress":false,"authors":"심윤경","contents":"제대로 사랑하고 표현하는 법을 가르쳐드립니다. “밥숟가락 뜨는 법도 잊어버린 할머니가 된 내가 의미 없이 환하게 웃고 있다면, 그때 나는 나만의 위대한 성취를 해내는 중이다.” 『나의 아름다운 정원』 『설이』 등으로 큰 사랑을 받아온 소설가 심윤경이 작가 활동 20년을 맞아 처음으로 에세이를 펴냈다. 작가는 자신의 소설들에 나온 좋은 어른들의 원형은 ‘할머니’였다고 말한다. 책에는 작가가 아이를 키우면서 깨달은 할머니의 사랑법에 대한 이야기로","datetime":"2022-08-19T00:00:00.000+09:00","isbn":"1160949646 9791160949643","price":13000,"publisher":"사계절","sale_price":11700,"status":"정상판매","thumbnail":"https://search1.kakaocdn.net/thumb/R120x174.q85/?fname=http%3A%2F%2Ft1.daumcdn.net%2Flbook%2Fimage%2F6142667%3Ftimestamp%3D20240725160939","title":"나의 아름다운 할머니","translators":[],"url":"https://search.daum.net/search?w=bookpage&bookId=6142667&q=%EB%82%98%EC%9D%98+%EC%95%84%EB%A6%84%EB%8B%A4%EC%9A%B4+%ED%95%A0%EB%A8%B8%EB%8B%88"},{"name":"시선으로부터","startedAt":"2022-10","progressValue":3.880597014925373,"inProgress":false,"authors":"정세랑","contents":"선사했던 정세랑. 작가의 동명 소설을 원작으로 제작되는 넷플릭스 드라마 〈보건교사 안은영〉(이경미 감독, 정유미 주연)과, SM에서 제작중인 케이팝 드라마 〈일루미네이션〉의 각본을 집필하며 활동 반경을 넓혀가고 있는 그가 장편소설 『시선으로부터,』로 돌아왔다. 『시선으로부터,』는 구상부터 완성까지 5년이 걸린 대작으로, 한국일보문학상을 수상한 『피프티 피플』 이후 4년 만에 내놓는 신작 장편소설이다. 『시선으로부터,』는 올해 3월 오픈한 웹진 〈주간 문학동네","datetime":"2020-06-05T00:00:00.000+09:00","isbn":"8954672213 9788954672214","price":14000,"publisher":"문학동네","sale_price":12600,"status":"정상판매","thumbnail":"https://search1.kakaocdn.net/thumb/R120x174.q85/?fname=http%3A%2F%2Ft1.daumcdn.net%2Flbook%2Fimage%2F5377431%3Ftimestamp%3D20240410145817","title":"시선으로부터,","translators":[],"url":"https://search.daum.net/search?w=bookpage&bookId=5377431&q=%EC%8B%9C%EC%84%A0%EC%9C%BC%EB%A1%9C%EB%B6%80%ED%84%B0%2C"},{"name":"재수사1","startedAt":"2022-11","endAt":"2022-11","progressValue":100,"authors":"장강명","contents":"우리의 소원은 전쟁》 《한국이 싫어서》……. 날카로운 지성과 거침없는 상상력, 속도감 있는 문장으로 발표하는 작품마다 우리 삶과 연관된 가장 사실적인 순간을 포착해온, 그야말로 장르불문의 올라운더 소설가 장강명의 신작 장편소설 《재수사》가 은행나무출판사에서 출간된다. 6년 만의 장편소설이다. 강력범죄수사대 소속 형사 연지혜가 22년 전 발생한 신촌 여대생 살인사건을 재수사하며 벌어지는 일을 다룬 이 소설은, 치밀한 취재로 만들어낸 생생한 현장감, 서사를","datetime":"2022-08-22T00:00:00.000+09:00","isbn":"1167372018 9791167372017","price":16000,"publisher":"은행나무","sale_price":14400,"status":"정상판매","thumbnail":"https://search1.kakaocdn.net/thumb/R120x174.q85/?fname=http%3A%2F%2Ft1.daumcdn.net%2Flbook%2Fimage%2F6140619%3Ftimestamp%3D20230128142017","title":"재수사 1","translators":[],"url":"https://search.daum.net/search?w=bookpage&bookId=6140619&q=%EC%9E%AC%EC%88%98%EC%82%AC+1"},{"name":"재수사2","startedAt":"2022-11","endAt":"2022-11","progressValue":100,"authors":"장강명","contents":"우리의 소원은 전쟁》 《한국이 싫어서》……. 날카로운 지성과 거침없는 상상력, 속도감 있는 문장으로 발표하는 작품마다 우리 삶과 연관된 가장 사실적인 순간을 포착해온, 그야말로 장르불문의 올라운더 소설가 장강명의 신작 장편소설 《재수사》가 은행나무출판사에서 출간된다. 6년 만의 장편소설이다. 강력범죄수사대 소속 형사 연지혜가 22년 전 발생한 신촌 여대생 살인사건을 재수사하며 벌어지는 일을 다룬 이 소설은, 치밀한 취재로 만들어낸 생생한 현장감, 서사를","datetime":"2022-08-22T00:00:00.000+09:00","isbn":"1167372026 9791167372024","price":16000,"publisher":"은행나무","sale_price":14400,"status":"정상판매","thumbnail":"https://search1.kakaocdn.net/thumb/R120x174.q85/?fname=http%3A%2F%2Ft1.daumcdn.net%2Flbook%2Fimage%2F6141049%3Ftimestamp%3D20230727155726","title":"재수사 2","translators":[],"url":"https://search.daum.net/search?w=bookpage&bookId=6141049&q=%EC%9E%AC%EC%88%98%EC%82%AC+2"},{"name":"당신 인생의 이야기","startedAt":"2022-12","progressValue":100,"authors":"테드 창","contents":"과학소설 작가 테드 창의 SF 소설집 『당신 인생의 이야기』. 단 한 권의 작품집으로 ‘전 세대를 통틀어 가장 위대한 과학 단편소설 작가 중의 한 명’이라는 명성을 얻은 테드 창의 소설집이다. 과학이 줄 수 있는 최고의 지적 상상력과 소설이 줄 수 있는 최고의 철학적 사유를 선사하는 이 책은 기막힌 상상력을 품고 있으면서도 읽고 나면 엄청난 감동이 밀려오는 여덟 편의 단편을 수록했다. 천상의 시작점으로 이어지는 탑을 건설하는 고대 바빌로니아인에","datetime":"2016-10-19T00:00:00.000+09:00","isbn":"8956057842 9788956057842","price":17000,"publisher":"엘리","sale_price":15300,"status":"정상판매","thumbnail":"https://search1.kakaocdn.net/thumb/R120x174.q85/?fname=http%3A%2F%2Ft1.daumcdn.net%2Flbook%2Fimage%2F724138%3Ftimestamp%3D20240904113753","title":"당신 인생의 이야기","translators":["김상훈(강수백)"],"url":"https://search.daum.net/search?w=bookpage&bookId=724138&q=%EB%8B%B9%EC%8B%A0+%EC%9D%B8%EC%83%9D%EC%9D%98+%EC%9D%B4%EC%95%BC%EA%B8%B0"},{"name":"이토록 평범한 미래","startedAt":"2023-01","progressValue":100,"authors":"김연수","contents":"작가 김연수가 짧지 않은 침묵을 깨고 신작 소설집 『이토록 평범한 미래』를 출간한다. 『사월의 미, 칠월의 솔』(2013) 이후 9년 만에 펴내는 여섯번째 소설집이다. 그전까지 2~4년 간격으로 꾸준히 소설집을 펴내며 ‘다작 작가’로 알려져온 그에게 지난 9년은 “바뀌어야 한다는 내적인 욕구”가 강하게 작동하는 동시에 “외적으로도 바뀔 수밖에 없는 일들이 벌어진”(특별 소책자 『어텐션 북』 수록 인터뷰에서) 시간이었다. 안팎으로 변화를 추동하는 일","datetime":"2022-10-07T00:00:00.000+09:00","isbn":"8954680003 9788954680004","price":14000,"publisher":"문학동네","sale_price":12600,"status":"정상판매","thumbnail":"https://search1.kakaocdn.net/thumb/R120x174.q85/?fname=http%3A%2F%2Ft1.daumcdn.net%2Flbook%2Fimage%2F6170593%3Ftimestamp%3D20240601150456","title":"이토록 평범한 미래","translators":[],"url":"https://search.daum.net/search?w=bookpage&bookId=6170593&q=%EC%9D%B4%ED%86%A0%EB%A1%9D+%ED%8F%89%EB%B2%94%ED%95%9C+%EB%AF%B8%EB%9E%98"},{"name":"호밀밭의 파수꾼","startedAt":"2023-03","progressValue":100,"authors":"제롬 데이비드 샐린저","contents":"2023년 새로 출간하는 『호밀밭의 파수꾼』은 옮긴이 정영목 교수가 주인공 홀든 콜필드의 개성을 한층 더 생생히 표현하기 위해 원작의 문체와 문형에 가장 가까운 한국어 문장을 고심하며 저작권자의 자문과 검수를 거쳐 완성한 텍스트이다. 뿐만 아니라, 2020년대 한국 독자들의 생생한 문화적 문학적 감수성에도 부합하는 동시에 원작의 문장들이 갖는 리듬과 호흡, 맥락과 의미까지 고스란히 살리기 위한 어휘의 선별은 물론, 쉼표와 말줄임표 등 문장 부호의","datetime":"2023-01-17T00:00:00.000+09:00","isbn":"8937460475 9788937460470","price":12000,"publisher":"민음사","sale_price":10800,"status":"정상판매","thumbnail":"https://search1.kakaocdn.net/thumb/R120x174.q85/?fname=http%3A%2F%2Ft1.daumcdn.net%2Flbook%2Fimage%2F540813%3Ftimestamp%3D20240617112523","title":"호밀밭의 파수꾼","translators":["정영목"],"url":"https://search.daum.net/search?w=bookpage&bookId=540813&q=%ED%98%B8%EB%B0%80%EB%B0%AD%EC%9D%98+%ED%8C%8C%EC%88%98%EA%BE%BC"},{"name":"스토너","startedAt":"2023-05","endAt":"2023-08","progressValue":100,"authors":"존 윌리엄스","contents":"1965년 미국에서 발표된 후 오랜 시간 독자들에게 잊혀졌던 작품이 유럽 출판계와 평론가, 독자들의 열렬한 반응을 이끌어내며 베스트셀러가 되었다. 50년의 시차를 뛰어넘어 미국과 유럽 그리고 전 세계의 마음을 사로잡은 작품, 『스토너』의 이야기다. 농부의 아들로 태어나 문학을 사랑했으며 묵묵히 자신의 길을 가고자 했던 윌리엄 스토너. 세상의 기준에서 실패자와 다른 없는 삶을 산 한 남자의 이야기가 발표된 지 50년이 지난 지금 다시 주목 받은 이유는","datetime":"2015-01-02T00:00:00.000+09:00","isbn":"8925554992 9788925554990","price":16800,"publisher":"알에이치코리아","sale_price":15120,"status":"정상판매","thumbnail":"https://search1.kakaocdn.net/thumb/R120x174.q85/?fname=http%3A%2F%2Ft1.daumcdn.net%2Flbook%2Fimage%2F415420%3Ftimestamp%3D20240627152349","title":"스토너","translators":["김승욱"],"url":"https://search.daum.net/search?w=bookpage&bookId=415420&q=%EC%8A%A4%ED%86%A0%EB%84%88"},{"name":"가난의 문법","startedAt":"2023-05","progressValue":53,"inProgress":false,"authors":"소준철","contents":"『가난의 문법』은 한국출판문화산업진흥원 2020 우수출판콘텐츠 선정작. 도시연구자 소준철이 2015년부터 2019년까지 연구한 결과를 책으로 묶었다. 저자는 재활용품을 수집하는 여성 도시 노인의 생애사적 특징과 재활용품 수집이라는 일을 통해 가난을 들여다본다. 그들은 어떠한 가난의 경로를 거쳐왔는가? 분기점에서 한 어떤 선택이 그들을 가난으로 이끌었는가? 그들이 살아온 삶, 재활용품 수집을 시작한 이유, 수집 과정에서 일어나는 다양한 경쟁, 노인들","datetime":"2020-11-30T00:00:00.000+09:00","isbn":"1156758513 9791156758518","price":16000,"publisher":"푸른숲","sale_price":14400,"status":"정상판매","thumbnail":"https://search1.kakaocdn.net/thumb/R120x174.q85/?fname=http%3A%2F%2Ft1.daumcdn.net%2Flbook%2Fimage%2F5532650%3Ftimestamp%3D20240425155006","title":"가난의 문법","translators":[],"url":"https://search.daum.net/search?w=bookpage&bookId=5532650&q=%EA%B0%80%EB%82%9C%EC%9D%98+%EB%AC%B8%EB%B2%95"},{"name":"너무나 많은 여름이","startedAt":"2023-06","endAt":"2023-07","progressValue":100,"authors":"김연수","contents":"김연수의 ‘다음’ 걸음 지난해 소설집 『이토록 평범한 미래』를 출간한 후, 김연수는 여러 번, 그사이 “바뀌어야 한다는 내적인 욕구”가 강하게 작동하는 동시에 “외적으로도 바뀔 수밖에 없는 일들이 벌어”졌다고 언급한다. 신간 『너무나 많은 여름이』는 그 시기를 건넌 뒤 쓰여진 짧은 소설들로, 변화에 대한 내적인 욕구와 외적인 요구가 옮겨놓은, 김연수의 ‘그다음’ 첫걸음인 셈이다. 작가는 이 소설들을 여러 서점과 도서관에서 “얼굴과 얼굴을 마주”하고 독자들","datetime":"2023-06-26T00:00:00.000+09:00","isbn":"1196722013 9791196722012","price":16000,"publisher":"레제","sale_price":14400,"status":"정상판매","thumbnail":"https://search1.kakaocdn.net/thumb/R120x174.q85/?fname=http%3A%2F%2Ft1.daumcdn.net%2Flbook%2Fimage%2F6377248%3Ftimestamp%3D20240504160754","title":"너무나 많은 여름이","translators":[],"url":"https://search.daum.net/search?w=bookpage&bookId=6377248&q=%EB%84%88%EB%AC%B4%EB%82%98+%EB%A7%8E%EC%9D%80+%EC%97%AC%EB%A6%84%EC%9D%B4"},{"name":"리팩터링","startedAt":"2023-08","endAt":"2023-10","progressValue":100,"authors":"마틴 파울러","contents":"지난 20년간 전 세계 프로그래머에게 리팩터링의 교본이었던 이 책의 1판은, 기존 코드의 디자인을 개선하고 소프트웨어 유지 관리 능력을 향상시켰으며 기존 코드를 이해하기 쉽게 만드는 데 도움을 주었습니다. 간절히 기다려온 이번 개정판에는 프로그래밍 환경의 중요한 변화가 대거 반영되었습니다. 새로운 리팩터링 카탈로그를 자바스크립트 코드로 제시합니다. 리팩터링 원칙부터 클래스 없이 리팩터링하는 방법과 데이터 조직화, 조건부 로직 간소화 방법을 다룹니다. 또한","datetime":"2020-04-01T00:00:00.000+09:00","isbn":"1162242744 9791162242742","price":35000,"publisher":"한빛미디어","sale_price":31500,"status":"정상판매","thumbnail":"https://search1.kakaocdn.net/thumb/R120x174.q85/?fname=http%3A%2F%2Ft1.daumcdn.net%2Flbook%2Fimage%2F5326912%3Ftimestamp%3D20240904154033","title":"리팩터링","translators":["개앞맵시(이복연)"],"url":"https://search.daum.net/search?w=bookpage&bookId=5326912&q=%EB%A6%AC%ED%8C%A9%ED%84%B0%EB%A7%81"},{"name":"무의미의 축제","startedAt":"2023-10","endAt":"2023-10","progressValue":100,"authors":"밀란 쿤데라","contents":"「참을 수 없는 존재의 가벼움」 「농담」 「불멸」 「소설의 기술」로 등으로 유럽을 넘어 전세계 독자들의 사랑을 받은 거장 밀란 쿤데라의 마지막 소설 「무의미의 축제」가 한국어판 출간 10주년을 기념하여 리커버 에디션으로 출간되었다. 2000년, 「향수」가 스페인에서 출간된 이후 14년 후에 발표한 이 마지막 소설은 쿤데라 문학의 정점을 이룬다. 알랭, 칼리방, 샤를, 라몽, 네 주인공을 중심으로 다양한 이야기가 촘촘히 엮여 진행되는 이 소설은, 새로이 에로티시즘","datetime":"2024-06-24T00:00:00.000+09:00","isbn":"8937456745 9788937456749","price":15000,"publisher":"민음사","sale_price":13500,"status":"정상판매","thumbnail":"https://search1.kakaocdn.net/thumb/R120x174.q85/?fname=http%3A%2F%2Ft1.daumcdn.net%2Flbook%2Fimage%2F6671947%3Ftimestamp%3D20240711154305","title":"무의미의 축제","translators":["방미경"],"url":"https://search.daum.net/search?w=bookpage&bookId=6671947&q=%EB%AC%B4%EC%9D%98%EB%AF%B8%EC%9D%98+%EC%B6%95%EC%A0%9C"},{"name":"아무튼, 계속","startedAt":"2023-10","endAt":"2023-10","progressValue":100,"authors":"김교석","contents":"‘나를 만든 세계, 내가 만든 세계’ 아무튼 시리즈의 일곱 번째 책은 『아무튼, 계속』이다. 세상은 빠르게 변하고 얼리어답터가 아니면 뒤처질 것 같은 느낌에 괜히 마음이 급해지기도 하지만 그래도 우리 모두는 자신의 삶 속에서 계속되는 무언가를 하나씩은 붙들고 살지 않을까? 『아무튼, 계속』은 무언가를 ‘계속’ 하는 사람의 이야기이다. 전 『필름 2.0』 기자였고 현재 TV 칼럼니스트로 활동 중인 저자는 성장과 변화와 발전에서 행복을 느끼기보다는 모든 순간","datetime":"2017-12-12T00:00:00.000+09:00","isbn":"1186602341 9791186602348","price":12000,"publisher":"위고","sale_price":10800,"status":"정상판매","thumbnail":"https://search1.kakaocdn.net/thumb/R120x174.q85/?fname=http%3A%2F%2Ft1.daumcdn.net%2Flbook%2Fimage%2F1635624%3Ftimestamp%3D20240806112338","title":"아무튼, 계속","translators":[],"url":"https://search.daum.net/search?w=bookpage&bookId=1635624&q=%EC%95%84%EB%AC%B4%ED%8A%BC%2C+%EA%B3%84%EC%86%8D"},{"name":"모순","startedAt":"2023-10","endAt":"2023-12","progressValue":100,"authors":"양귀자","contents":"양귀자 소설의 힘을 보여준 베스트셀러 『모순』. 1998년에 초판이 출간된 이후 132쇄를 찍으며 여전히 많은 사랑을 받고 있는 작품을, 오래도록 소장할 수 있는 양장본으로 새롭게 선보인다. 스물다섯 살 미혼여성 안진진을 통해 모순으로 가득한 우리의 인생을 들여다본다. 작가 특유의 섬세한 문장들로 여러 인물들의 삶을 생생하게 그려내고 있다. 시장에서 내복을 팔고 있는 억척스런 어머니와 행방불명 상태로 떠돌다 가끔씩 귀가하는 아버지, 조폭의 보스가","datetime":"2013-04-01T00:00:00.000+09:00","isbn":"8998441012 9788998441012","price":13000,"publisher":"쓰다","sale_price":11700,"status":"정상판매","thumbnail":"https://search1.kakaocdn.net/thumb/R120x174.q85/?fname=http%3A%2F%2Ft1.daumcdn.net%2Flbook%2Fimage%2F1500252%3Ftimestamp%3D20240802114042","title":"모순","translators":[],"url":"https://search.daum.net/search?w=bookpage&bookId=1500252&q=%EB%AA%A8%EC%88%9C"},{"name":"0원으로 사는 삶","startedAt":"2023-12","inProgress":false,"progressValue":60,"authors":"박정미","contents":"브리스틀의 자전거 수리 전문 카페 ‘롤 포 더 소울’, 중부 우스터를 지나 런던에 돌아왔다. 노동력 교환 커뮤니티에 장기간 머물 수도 있었지만, 저자는 단순한 생존에서 나아가 자신만의 삶의 방식을 찾기로 한다. 도시에서도 0원살이를 이어가기로 한 이유도 여기에 있다. 보트, 카라반에 사는 모바일 리빙부터 버려진 창고나 공장을 거처로 삼는 웨어하우스 리빙, 빈 건물을 점거하는 스퀏팅까지. 대안 주거 공간에서 생활하는 사람들은 삶의 방식과 거주 방법 자체를 변화시키고자","datetime":"2022-10-28T00:00:00.000+09:00","isbn":"1159259119 9791159259111","price":19500,"publisher":"들녘","sale_price":17550,"status":"정상판매","thumbnail":"https://search1.kakaocdn.net/thumb/R120x174.q85/?fname=http%3A%2F%2Ft1.daumcdn.net%2Flbook%2Fimage%2F6204610%3Ftimestamp%3D20240725161830","title":"0원으로 사는 삶","translators":[],"url":"https://search.daum.net/search?w=bookpage&bookId=6204610&q=0%EC%9B%90%EC%9C%BC%EB%A1%9C+%EC%82%AC%EB%8A%94+%EC%82%B6"},{"name":"소크라테스 익스프레스","startedAt":"2023-12","endAt":"2024-03","progressValue":100,"authors":"에릭 와이너","contents":"《소크라테스 익스프레스》는 마르쿠스 아우렐리우스부터 몽테뉴까지 역사상 가장 위대한 철학자들을 만나러 떠나는 여행기이자, 그들의 삶과 작품 속의 지혜가 우리 인생을 개선하는 데 어떻게 도움이 되는지 답을 찾아가는 책이다. 매력적인 글솜씨로 “빌 브라이슨의 유머와 알랭 드 보통의 통찰력이 만났다”는 평가를 받는 에릭 와이너가 이 여행의 동반자로 나선다.","datetime":"2021-04-28T00:00:00.000+09:00","isbn":"1190030926 9791190030922","price":18000,"publisher":"어크로스","sale_price":16200,"status":"정상판매","thumbnail":"https://search1.kakaocdn.net/thumb/R120x174.q85/?fname=http%3A%2F%2Ft1.daumcdn.net%2Flbook%2Fimage%2F5652026%3Ftimestamp%3D20231124145436","title":"소크라테스 익스프레스","translators":["김하현"],"url":"https://search.daum.net/search?w=bookpage&bookId=5652026&q=%EC%86%8C%ED%81%AC%EB%9D%BC%ED%85%8C%EC%8A%A4+%EC%9D%B5%EC%8A%A4%ED%94%84%EB%A0%88%EC%8A%A4"},{"name":"잘 그리기 금지","startedAt":"2023-12","progressValue":100,"authors":"사이토 나오키","contents":"‘그림을 잘 그리고 싶다.’ ‘그림으로 sns에서 유명세와 인기를 얻고 싶다.’ ‘그림을 그려서 돈을 벌고 싶다.’ 일러스트레이터, 만화가, 웹툰 작가, 애니메이터를 꿈꾸거나 현재 직업으로 삼고 있는 분들, 그림을 그리는 분들이라면 이렇게 생각하는 사람들이 많을 겁니다. 이런 바람에도 그림이 잘 그려지지도 않고, 기껏 그려서 sns에 올려도 반응은 잠잠하고, 일은 들어오지를 않고, 급기야 그림 그리는 게 즐겁지 않게 느껴진다면 이 책을 읽어보세요. 이","datetime":"2022-01-10T00:00:00.000+09:00","isbn":"897929347X 9788979293470","price":16500,"publisher":"잉크잼","sale_price":14850,"status":"정상판매","thumbnail":"https://search1.kakaocdn.net/thumb/R120x174.q85/?fname=http%3A%2F%2Ft1.daumcdn.net%2Flbook%2Fimage%2F5924812%3Ftimestamp%3D20240828160344","title":"잘 그리기 금지","translators":["박수현"],"url":"https://search.daum.net/search?w=bookpage&bookId=5924812&q=%EC%9E%98+%EA%B7%B8%EB%A6%AC%EA%B8%B0+%EA%B8%88%EC%A7%80"},{"name":"개발자 원칙","startedAt":"2024-01","progressValue":100,"authors":"박성철, 강대명, 공용준, 김정, 박미정, 박종천","contents":"2022년 연말을 강타한 베스트셀러 《개발자 원칙》이 확장판으로 더 강력해져 돌아왔습니다. “나도 테크 리더가 될 수 있을까? 어떻게 선배 개발자들처럼 성장할 수 있을까? 3년 10년 후에도 개발자로 살아갈 수 있을까? 팀워크는 도대체 어떻게 맞춰야 하는 걸까?” 개발자로 살아가면서 하루에도 천 번을 되묻는 물음에 컬리, 레몬트리, 카카오, 코드스쿼드, 당근마켓, 몰로코, 데이블, 인프런, 패스트캠퍼스 전현직 테크 리더 9명이 답합니다. 지금까지 만나","datetime":"2024-09-01T00:00:00.000+09:00","isbn":"1191905942 9791191905946","price":24000,"publisher":"골든래빗(주)","sale_price":21600,"status":"정상판매","thumbnail":"https://search1.kakaocdn.net/thumb/R120x174.q85/?fname=http%3A%2F%2Ft1.daumcdn.net%2Flbook%2Fimage%2F6706967%3Ftimestamp%3D20240827163934","title":"개발자 원칙(확장판)","translators":[],"url":"https://search.daum.net/search?w=bookpage&bookId=6706967&q=%EA%B0%9C%EB%B0%9C%EC%9E%90+%EC%9B%90%EC%B9%99%28%ED%99%95%EC%9E%A5%ED%8C%90%29"},{"name":"소프트 스킬","startedAt":"2024-01","progressValue":77.4526678141136,"inProgress":false,"logs":[{"date":"2024-03-24","progressValue":40},{"date":"2024-04-14","progressValue":59.036144578313255},{"date":"2024-04-24","progressValue":62.99483648881239},{"date":"2024-05-02","progressValue":77.4526678141136}],"authors":"존 손메즈","contents":"저자 존 손메즈가 이 책을 쓴 이유는 개발자로 사는 데 도움이 되는 정보와 조언을 집약적으로 담은 안내서를 만들고 싶어서다. 자신이 33세에 은퇴하기까지 성공과 실패를 통해 배운 것, 여러 사람을 만나면서 보고 들으며 배운 것을 전달하고 공유하기 위해서다. 개발자의 인생을 리부트할 조언들로 꽉 차있다.","datetime":"2015-11-27T00:00:00.000+09:00","isbn":"1186659882 9791186659885","price":25000,"publisher":"길벗","sale_price":22500,"status":"정상판매","thumbnail":"https://search1.kakaocdn.net/thumb/R120x174.q85/?fname=http%3A%2F%2Ft1.daumcdn.net%2Flbook%2Fimage%2F1630490%3Ftimestamp%3D20221107235212","title":"소프트 스킬","translators":["이미령"],"url":"https://search.daum.net/search?w=bookpage&bookId=1630490&q=%EC%86%8C%ED%94%84%ED%8A%B8+%EC%8A%A4%ED%82%AC"},{"name":"일곱 해의 마지막","startedAt":"2024-02","endAt":"2024-03","progressValue":100,"authors":"김연수","contents":"활동의 궤적을 곧 한국소설의 중요한 흐름 가운데 하나로 만들어내며 한국문학의 판도를 뒤바꾼 작가 김연수의 신작 장편소설. 삼십 년 가까이 작가생활을 하는 동안 김연수는 에너지와 불안으로 가득한 청춘의 눈빛을 가장 가까이에서 기록하는 한편으로 사랑의 본질에 대해 끊임없이 탐구하며 그만의 지적인 사랑학 개론을 펼쳐왔다. 그리고 그와 동시에 방대한 역사적 자료를 바탕으로 객관적인 사실로는 가닿을 수 없는 빈틈에서 개인의 진실을 발견해내는 작업을 해오기도 했다","datetime":"2020-07-01T00:00:00.000+09:00","isbn":" 2090000077704","price":13500,"publisher":"문학동네","sale_price":12150,"status":"예약판매","thumbnail":"https://search1.kakaocdn.net/thumb/R120x174.q85/?fname=http%3A%2F%2Ft1.daumcdn.net%2Flbook%2Fimage%2F5396980%3Ftimestamp%3D20221108003642","title":"일곱 해의 마지막(작가 사인 미포함)","translators":[],"url":"https://search.daum.net/search?w=bookpage&bookId=5396980&q=%EC%9D%BC%EA%B3%B1+%ED%95%B4%EC%9D%98+%EB%A7%88%EC%A7%80%EB%A7%89%28%EC%9E%91%EA%B0%80+%EC%82%AC%EC%9D%B8+%EB%AF%B8%ED%8F%AC%ED%95%A8%29"},{"name":"세상을 어떻게 이해할 것인가","startedAt":"2024-03","progressValue":27.24014336917563,"logs":[{"date":"2024-03-24","progressValue":10},{"date":"2024-04-14","progressValue":27.24014336917563}],"authors":"프리드리히 니체","contents":"가운데 결코 놓쳐서는 안 될 대목들을 특별히 가려 뽑아, 니체 사상의 가이드라인이 될 수 있도록 하였다. 이는 훗날 니체의 저서를 본격적으로 읽어야 할 사람들의 포괄적인 이해를 돕기 위해서이다. 또한 제목처럼 ‘세상을 어떻게 이해할 것인가’ 하는 니체의 철학적 고민을 보여 줌으로써, 독자들이 니체의 철학을 삶 속에서 이해하고, 자신이 삶의 방식을 선택할 수 있도록 인도해주는 책이다. 따라서 그의 깊이 있는 사상을 형이상학적인 철학 문제로만 도외시하지","datetime":"2019-01-15T00:00:00.000+09:00","isbn":"8962261030 9788962261035","price":11000,"publisher":"해누리기획","sale_price":9900,"status":"정상판매","thumbnail":"https://search1.kakaocdn.net/thumb/R120x174.q85/?fname=http%3A%2F%2Ft1.daumcdn.net%2Flbook%2Fimage%2F4863491%3Ftimestamp%3D20240815130958","title":"세상을 어떻게 이해할 것인가","translators":["이동진"],"url":"https://search.daum.net/search?w=bookpage&bookId=4863491&q=%EC%84%B8%EC%83%81%EC%9D%84+%EC%96%B4%EB%96%BB%EA%B2%8C+%EC%9D%B4%ED%95%B4%ED%95%A0+%EA%B2%83%EC%9D%B8%EA%B0%80"},{"name":"우리 본성의 선한 천사","startedAt":"2024-03","progressValue":26.949152542372882,"logs":[{"date":"2024-03-24","progressValue":5},{"date":"2024-04-14","progressValue":10.677966101694915},{"date":"2024-04-24","progressValue":19.152542372881356},{"date":"2024-04-28","progressValue":24.40677966101695},{"date":"2024-05-02","progressValue":26.949152542372882}],"authors":"스티븐 핑커","contents":"인간은 폭력성과 어떻게 싸워 왔는가『우리 본성의 선한 천사』. 우리 안에 공존하는 ‘천사’와 ‘악마’, 인류는 어떻게 내면의 선한 천사들로 악한 본성들을 억누르고 점차 덜 폭력적인 세계, 점차 더 인도적인 세상을 진화시켜 왔는가? 현 시대 최고의 지성, 가장 영향력 있는 과학자로 손꼽히는 인지 과학자이자 진화 심리학자인 스티븐 핑커가 우리 사회를 지배하고 있는 ‘폭력을 둘러싼 통념들’에 대해 낱낱이 파헤쳤다. 저자는 고귀한 야만인, 오늘보다 나은","datetime":"2014-08-25T00:00:00.000+09:00","isbn":"8983716894 9788983716897","price":60000,"publisher":"사이언스북스","sale_price":54000,"status":"정상판매","thumbnail":"https://search1.kakaocdn.net/thumb/R120x174.q85/?fname=http%3A%2F%2Ft1.daumcdn.net%2Flbook%2Fimage%2F1165757%3Ftimestamp%3D20241002115207","title":"우리 본성의 선한 천사","translators":["김명남"],"url":"https://search.daum.net/search?w=bookpage&bookId=1165757&q=%EC%9A%B0%EB%A6%AC+%EB%B3%B8%EC%84%B1%EC%9D%98+%EC%84%A0%ED%95%9C+%EC%B2%9C%EC%82%AC"},{"name":"그렇게 작가가 된다","startedAt":"2024-03","progressValue":41.49377593360996,"logs":[{"date":"2024-03-24","progressValue":19.08713692946058},{"date":"2024-04-14","progressValue":21.57676348547718},{"date":"2024-04-28","progressValue":41.49377593360996}],"authors":"하랑","contents":"〈그렇게 작가가 된다〉는 영화 속 작가들이 현실 속 예비 작가들에게 건네는 ‘글과 책 쓰기’에 관한 조언을 담은 에세이다. ‘영화 속 작가의 입을 통해 책 쓰기의 과정을 보여준다'는 독특한 콘셉트는 지금까지 볼 수 없었다는 것 하나만으로도 이 책을 읽어봐야 할 충분한 이유가 된다. 영화 속 작가들이 건네는 말들을 따라가다 보면 어느새 한 권의 책이 출판되는 전 과정을 흥미롭게 들여다볼 수 있을 것이다. 또한 영화 속 작가들의 말들에 보태어 풀어낸 저자","datetime":"2022-05-30T00:00:00.000+09:00","isbn":"1197821473 9791197821479","price":14800,"publisher":"아델북스","sale_price":13320,"status":"정상판매","thumbnail":"https://search1.kakaocdn.net/thumb/R120x174.q85/?fname=http%3A%2F%2Ft1.daumcdn.net%2Flbook%2Fimage%2F6071383%3Ftimestamp%3D20240322163613","title":"그렇게 작가가 된다","translators":[],"url":"https://search.daum.net/search?w=bookpage&bookId=6071383&q=%EA%B7%B8%EB%A0%87%EA%B2%8C+%EC%9E%91%EA%B0%80%EA%B0%80+%EB%90%9C%EB%8B%A4"},{"name":"10개의 시점으로 보는 영화감상법","startedAt":"2024-03","endAt":"2024-04","progressValue":100,"logs":[{"date":"2024-03-24","progressValue":35.44303797468354},{"date":"2024-04-14","progressValue":81.85654008438819},{"date":"2024-04-24","progressValue":100}],"authors":"전찬일, 라이너","contents":"또 그만큼의 재미가 있을 것이다. 그리고 또 한 겹을 벗겨낼 수도 있고, 보는 사람에 따라 많은 껍질을 벗겨내고 그만큼의 다양한 재미를 찾을 수도 있을 것이다. 그래서 영화를 종합 예술이라 부르지 않는가. 이 중 어떠한 방식으로 영화의 재미를 느낄 것인가 하는 것은 전적으로 관객의 선택이다. 그러나 이 책은 이왕이면 최대한 많은 영화의 껍질을 벗겨내기를 권유한다. 그리고 그러기 위한 10개의 도구를 준비해 독자의 손에 쥐어준다. 전찬일 라이너는 매불쇼가","datetime":"2024-04-01T00:00:00.000+09:00","isbn":"1170790259 9791170790259","price":17000,"publisher":"oldstairs","sale_price":15300,"status":"정상판매","thumbnail":"https://search1.kakaocdn.net/thumb/R120x174.q85/?fname=http%3A%2F%2Ft1.daumcdn.net%2Flbook%2Fimage%2F6587250%3Ftimestamp%3D20240508154849","title":"10개의 시점으로 보는 영화감상법","translators":[],"url":"https://search.daum.net/search?w=bookpage&bookId=6587250&q=10%EA%B0%9C%EC%9D%98+%EC%8B%9C%EC%A0%90%EC%9C%BC%EB%A1%9C+%EB%B3%B4%EB%8A%94+%EC%98%81%ED%99%94%EA%B0%90%EC%83%81%EB%B2%95"},{"name":"슬픈 세상의 기쁜 말","startedAt":"2024-03","progressValue":100,"logs":[{"date":"2024-04-04","progressValue":20},{"date":"2024-04-14","progressValue":48.669201520912544},{"date":"2024-04-17","progressValue":76.04562737642586}],"authors":"정혜윤","contents":"“나는 다른 것은 몰라도 인간이 인간일 때 얼마나 우아할 수 있는지는 알고 있다. 그래서 인간이 지금과 다르게 존재하는 것이 얼마든지 가능하다는 것을 말하고 싶었다.” 남도 외딴 항구의 어부, 뒤늦게 글자를 깨우친 할머니, 시장 야채장수 언니,?9·11테러 생존자, 콜럼바인 총기 사건 희생자… 인간의 기억 속에 영원히 좋은 것으로 남을, 조용히 빛을 발하는 사람들의 이야기","datetime":"2021-08-05T00:00:00.000+09:00","isbn":"1186602643 9791186602645","price":16000,"publisher":"위고","sale_price":14400,"status":"정상판매","thumbnail":"https://search1.kakaocdn.net/thumb/R120x174.q85/?fname=http%3A%2F%2Ft1.daumcdn.net%2Flbook%2Fimage%2F5808014%3Ftimestamp%3D20240811135620","title":"슬픈 세상의 기쁜 말","translators":[],"url":"https://search.daum.net/search?w=bookpage&bookId=5808014&q=%EC%8A%AC%ED%94%88+%EC%84%B8%EC%83%81%EC%9D%98+%EA%B8%B0%EC%81%9C+%EB%A7%90"},{"name":"원숭이도 이해하는 자본론","startedAt":"2024-04","endAt":"2024-07","progressValue":100,"logs":[{"date":"2024-05-19","progressValue":30.914826498422716},{"date":"2024-07-02","progressValue":96.84542586750788}],"authors":"임승수","contents":"《새로 쓴 원숭이도 이해하는 자본론》은 자본주의 구조의 비밀과 한계 그리고 자본주의 사회의 빈부 격차의 원인을 근원적으로 밝혀주고자 한 책이다. 책은 마르크스 《자본론》의 고갱이를 충실하게, 무엇보다 이해하기 쉽도록 집필되었다. 사회형태를 구분하는 기준, 상품과 가치, 노동가치론와 노동시간, 화폐와 자본의 차이, 이윤의 출처, 잉여가치와 상품의 가치, 필요노동과 잉여노동, 잉여가치의 창출, 성과급제의 비밀, 단순재생산과 확대재생산, 자본의 유기적 구성","datetime":"2016-09-01T00:00:00.000+09:00","isbn":"895940618X 9788959406180","price":18000,"publisher":"시대의창","sale_price":16200,"status":"정상판매","thumbnail":"https://search1.kakaocdn.net/thumb/R120x174.q85/?fname=http%3A%2F%2Ft1.daumcdn.net%2Flbook%2Fimage%2F802786%3Ftimestamp%3D20240703112524","title":"원숭이도 이해하는 자본론","translators":[],"url":"https://search.daum.net/search?w=bookpage&bookId=802786&q=%EC%9B%90%EC%88%AD%EC%9D%B4%EB%8F%84+%EC%9D%B4%ED%95%B4%ED%95%98%EB%8A%94+%EC%9E%90%EB%B3%B8%EB%A1%A0"},{"name":"1페이지 한국사 365","startedAt":"2024-04","progressValue":9.315068493150685,"logs":[{"date":"2024-05-19","progressValue":4.10958904109589},{"date":"2024-07-02","progressValue":9.315068493150685}],"authors":"심용환","contents":"《읽기만 하면 내 것이 되는 1페이지 한국사 365》는 매일 1페이지씩, 365개의 주제를 읽으며 한국사에 대해 쉽고 재미있게 이해할 수 있는 책이다. 월요일부터 일요일까지 사건, 인물, 장소, 유적·유물, 문화, 학문·철학, 명문장 총 일곱 분야의 지식을 다루고 있어 한국사의 주요 장면을 빠짐없이 살펴볼 수 있다. 관심 있는 내용부터 읽어도 좋고 처음부터 차례대로 읽어도 좋다. 재미있게 읽기만 하면 지식이 쌓이고, 대화가 풀리고, 세계가 확장되는 경험","datetime":"2020-06-17T00:00:00.000+09:00","isbn":"1197035257 9791197035258","price":16500,"publisher":"비에이블","sale_price":14850,"status":"정상판매","thumbnail":"https://search1.kakaocdn.net/thumb/R120x174.q85/?fname=http%3A%2F%2Ft1.daumcdn.net%2Flbook%2Fimage%2F5384529%3Ftimestamp%3D20240803144553","title":"읽기만 하면 내 것이 되는 1페이지 한국사 365","translators":[],"url":"https://search.daum.net/search?w=bookpage&bookId=5384529&q=%EC%9D%BD%EA%B8%B0%EB%A7%8C+%ED%95%98%EB%A9%B4+%EB%82%B4+%EA%B2%83%EC%9D%B4+%EB%90%98%EB%8A%94+1%ED%8E%98%EC%9D%B4%EC%A7%80+%ED%95%9C%EA%B5%AD%EC%82%AC+365"},{"name":"구글 엔지니어는 이렇게 일한다","startedAt":"2024-06","progressValue":20,"logs":[{"date":"2024-07-02","progressValue":20}],"authors":"타이터스 윈터스, 톰 맨쉬렉, 하이럼 라이트","contents":"소프트웨어 엔지니어의 역할은 점점 더 확장될 것입니다. 이제 더 이상 소프트웨어 엔지니어링은 단순히 조직을 효과적으로 운영하는 방법에 그치지 않을 것입니다. 이 책에서는 여러분이 궁금해하고, 반드시 알아야 할 프로그램을 효과적으로 짜는 방법은 물론, 코드베이스를 지속 가능하고 건실하게 만들어주는 엔지니어링 관행까지 모두 소개합니다. 이 책 한 권이면 소프트웨어 엔지니어링 프로세스를 완벽하게 익히고 좋은 제품을 남들보다 빠르게 구현할 수 있게 됩니다. 또한 20","datetime":"2022-05-10T00:00:00.000+09:00","isbn":"116224562X 9791162245620","price":45000,"publisher":"한빛미디어","sale_price":40500,"status":"정상판매","thumbnail":"https://search1.kakaocdn.net/thumb/R120x174.q85/?fname=http%3A%2F%2Ft1.daumcdn.net%2Flbook%2Fimage%2F6066564%3Ftimestamp%3D20240525153958","title":"구글 엔지니어는 이렇게 일한다","translators":["개앞맵시(이복연)"],"url":"https://search.daum.net/search?w=bookpage&bookId=6066564&q=%EA%B5%AC%EA%B8%80+%EC%97%94%EC%A7%80%EB%8B%88%EC%96%B4%EB%8A%94+%EC%9D%B4%EB%A0%87%EA%B2%8C+%EC%9D%BC%ED%95%9C%EB%8B%A4"},{"name":"지지 않는다는 말","startedAt":"2024-06","endAt":"2024-07","progressValue":100,"logs":[{"date":"2024-07-02","progressValue":63.230240549828174}],"authors":"김연수","contents":"<원더보이>, <네가 누구든 얼마나 외롭든>의 저자 김연수의 산문집『지지 않는다는 말』. 이 책은 저자가 지금까지 만나온 사랑, 구름, 바람, 나무, 빗방울 그리고 달리면서 쓴 소설과 읽은 책들에 관한 이야기와 저자의 자전적 이야기까지 오롯이 담고 있다. 매일 1시간씩 달리게 되면 인생을 압축적으로 맛보게 된다는 것, 저자에게 달리기는 자신이 속한 세계를 이해하는 하나의 방법이라는 것 등 저자의 세계에 영향을 준 달리기에 대한 다양","datetime":"2012-07-16T00:00:00.000+09:00","isbn":"8992783612 9788992783613","price":12000,"publisher":"마음의숲","sale_price":-1,"status":"","thumbnail":"https://search1.kakaocdn.net/thumb/R120x174.q85/?fname=http%3A%2F%2Ft1.daumcdn.net%2Flbook%2Fimage%2F1377096%3Ftimestamp%3D20220922042237","title":"지지 않는다는 말","translators":[],"url":"https://search.daum.net/search?w=bookpage&bookId=1377096&q=%EC%A7%80%EC%A7%80+%EC%95%8A%EB%8A%94%EB%8B%A4%EB%8A%94+%EB%A7%90"},{"name":"세계의 끝 여자친구","startedAt":"2024-06","endAt":"2024-07","progressValue":100,"logs":[{"date":"2024-07-02","progressValue":28.888888888888886}],"authors":"김연수","contents":"이상문학상 수상작가 김연수의 네 번째 소설집『세계의 끝 여자친구』. 여섯 권의 장편소설과 세 권의 소설집을 통해 '삶'을 갈망해온 작가 김연수. 이번 소설집에는 2005년 봄부터 2009년 여름까지 쓴 아홉 편의 이야기가 담겨 있다. 밀도 높고 아름다운 문장, 우아하면서도 재치 있는 유머, 그 안에 자연스럽게 녹아든 진지한 문제의식이 여전히 돋보인다. 그동안 '나'의 이야기를 찾아 자신의 안으로 향했던 작가의 시선은 이제 서서히 '우리'를 향해, '세계","datetime":"2012-07-23T00:00:00.000+09:00","isbn":"8954608825 9788954608824","price":15500,"publisher":"문학동네","sale_price":13950,"status":"정상판매","thumbnail":"https://search1.kakaocdn.net/thumb/R120x174.q85/?fname=http%3A%2F%2Ft1.daumcdn.net%2Flbook%2Fimage%2F690170%3Ftimestamp%3D20240807112613","title":"세계의 끝 여자친구","translators":[],"url":"https://search.daum.net/search?w=bookpage&bookId=690170&q=%EC%84%B8%EA%B3%84%EC%9D%98+%EB%81%9D+%EC%97%AC%EC%9E%90%EC%B9%9C%EA%B5%AC"},{"name":"서사의 위기","startedAt":"2024-07","progressValue":60,"inProgress":false,"authors":"한병철","contents":"뜨겁게 달궜던 재독 철학자 한병철이, 이번에는 빠르게 나타났다 사라지는 이슈만 좇느라 정작 자기의 생각으로부터 멀어져 버린 스토리 중독 사회를 고발한다. 『피로사회』 이후 10여 년 만에 새로운 화두를 던지는 이 책의 핵심 키워드는 ‘서사’와 ‘스토리’다. 나만의 생각과 맥락이 서사라면, 반짝하고 사라져 버리는 뉴스와 정보들은 스토리다. 한병철은 우리가 억압도, 저항도 없는 스마트한 지배체계에서 자기 삶을 SNS에 게시하며 정보화하도록 조종당하고 있다고 지적","datetime":"2023-09-15T00:00:00.000+09:00","isbn":"1130646092 9791130646091","price":16800,"publisher":"다산초당","sale_price":15120,"status":"정상판매","thumbnail":"https://search1.kakaocdn.net/thumb/R120x174.q85/?fname=http%3A%2F%2Ft1.daumcdn.net%2Flbook%2Fimage%2F6431840%3Ftimestamp%3D20240629152709","title":"서사의 위기","translators":["최지수"],"url":"https://search.daum.net/search?w=bookpage&bookId=6431840&q=%EC%84%9C%EC%82%AC%EC%9D%98+%EC%9C%84%EA%B8%B0"},{"name":"나의 문화유산 답사기 일본편 1","startedAt":"2024-07","endAt":"2024-07","progressValue":60,"inProgress":false,"authors":"유홍준","contents":"『나의 문화유산답사기 일본편』 제1권 《규슈》. 《나의 문화유산답사기》로 한국의 문화기행서로 많은 사랑을 받은 유홍준 교수의 저작이다. '일본 속의 한국문화', '일본문화의 정수'를 찾기 위해 '일본편'을 소개한다. 가깝고도 먼 나라 한국과 일본. 이 책은 한일 관계에서 주요한 주제였던 과거사 문제를 문화사적으로 접근해보려는 저자의 노력으로 한일 양국이 문화적으로 영향을 주고받은 흔적을 일본문화 속에서 찾는 데에서 시작한다. 1권 규슈 편에서는 일본","datetime":"2013-07-29T00:00:00.000+09:00","isbn":"8936472305 9788936472306","price":16500,"publisher":"창비","sale_price":14850,"status":"정상판매","thumbnail":"https://search1.kakaocdn.net/thumb/R120x174.q85/?fname=http%3A%2F%2Ft1.daumcdn.net%2Flbook%2Fimage%2F533819%3Ftimestamp%3D20231124164422","title":"나의 문화유산답사기 일본편 1: 규슈","translators":[],"url":"https://search.daum.net/search?w=bookpage&bookId=533819&q=%EB%82%98%EC%9D%98+%EB%AC%B8%ED%99%94%EC%9C%A0%EC%82%B0%EB%8B%B5%EC%82%AC%EA%B8%B0+%EC%9D%BC%EB%B3%B8%ED%8E%B8+1%3A+%EA%B7%9C%EC%8A%88"},{"name":"나의 문화유산 답사기 일본편 2","startedAt":"2024-07","endAt":"2024-08","progressValue":40,"inProgress":false,"authors":"유홍준","contents":"『나의 문화유산답사기 일본편』. 제2권 《아스카 나라》. 《나의 문화유산답사기》로 한국의 문화기행서로 많은 사랑을 받은 유홍준 교수의 저작이다. '일본 속의 한국문화', '일본문화의 정수'를 찾기 위해 '일본편'을 소개한다. 가깝고도 먼 나라 한국과 일본. 이 책은 한일 관계에서 주요한 주제였던 과거사 문제를 문화사적으로 접근해보려는 저자의 노력으로 한일 양국이 문화적으로 영향을 주고받은 흔적을 일본문화 속에서 찾는 데에서 시작한다. 2권 아스카 나라","datetime":"2013-07-25T00:00:00.000+09:00","isbn":"8936472313 9788936472313","price":16500,"publisher":"창비","sale_price":14850,"status":"정상판매","thumbnail":"https://search1.kakaocdn.net/thumb/R120x174.q85/?fname=http%3A%2F%2Ft1.daumcdn.net%2Flbook%2Fimage%2F533823%3Ftimestamp%3D20231124145401","title":"나의 문화유산답사기 일본편 2: 아스카 나라","translators":[],"url":"https://search.daum.net/search?w=bookpage&bookId=533823&q=%EB%82%98%EC%9D%98+%EB%AC%B8%ED%99%94%EC%9C%A0%EC%82%B0%EB%8B%B5%EC%82%AC%EA%B8%B0+%EC%9D%BC%EB%B3%B8%ED%8E%B8+2%3A+%EC%95%84%EC%8A%A4%EC%B9%B4+%EB%82%98%EB%9D%BC"},{"name":"나의 문화유산 답사기 일본편 3","startedAt":"2024-07","endAt":"2024-08","progressValue":30,"inProgress":false,"authors":"유홍준","contents":"답사 일번지’를 시작으로 2012년 제7권 제주편 ‘돌하르방 어디 감수광’까지 20년 동안 330만 독자의 사랑을 받아왔고 한국 인문서 최초의 밀리언셀러로 기록된 유홍준의 『나의 문화유산답사기』가 이번에는 ‘일본 속의 한국문화’와 ‘일본문화의 정수’를 찾아 일본으로 떠난다. ‘답사기’ 일본편은 그동안 한일 관계의 주요한 주제였던 과거사 문제를 문화사적으로 접근해보고자 하는 의도에서 출발해 한국이 일본에 문화적으로 영향을 전해준 흔적을 찾고 그 바탕 위","datetime":"2020-09-20T00:00:00.000+09:00","isbn":"8936478001 9788936478001","price":18000,"publisher":"창비","sale_price":16200,"status":"정상판매","thumbnail":"https://search1.kakaocdn.net/thumb/R120x174.q85/?fname=http%3A%2F%2Ft1.daumcdn.net%2Flbook%2Fimage%2F5480242%3Ftimestamp%3D20240508145440","title":"나의 문화유산답사기 일본편 3: 교토의 역사","translators":[],"url":"https://search.daum.net/search?w=bookpage&bookId=5480242&q=%EB%82%98%EC%9D%98+%EB%AC%B8%ED%99%94%EC%9C%A0%EC%82%B0%EB%8B%B5%EC%82%AC%EA%B8%B0+%EC%9D%BC%EB%B3%B8%ED%8E%B8+3%3A+%EA%B5%90%ED%86%A0%EC%9D%98+%EC%97%AD%EC%82%AC"},{"name":"이야기 일본사","startedAt":"2024-07","endAt":"2024-07","progressValue":15,"inProgress":false,"authors":"우리미래역사체험학습 강사진","contents":"외우는 역사가 아닌 이해하는 역사를 담아낸 「이야기 역사」 제12권 『한 권으로 풀어 쓴 이야기 일본사』. 지리적으로는 아주 가깝고 문화적으로는 많이 닮은 일본의 역사 중 주요 사건을 엄선하여 그가 지닌 의미를 이야기 형식으로 엮었다. 사무라이 정신을 탄생시킨 무사정권 시대를 거쳐 근대화에 성공한 일본이 제2차 세계 대전에서 패한 이후 경제 대국으로 성장하기까지 따라간다. 일본의 상징인 천황의 유래 등 다양한 역사 지식을 담고 있다. 과거사 문제로","datetime":"2011-07-20T00:00:00.000+09:00","isbn":"8972233056 9788972233053","price":14000,"publisher":"청솔","sale_price":12600,"status":"정상판매","thumbnail":"https://search1.kakaocdn.net/thumb/R120x174.q85/?fname=http%3A%2F%2Ft1.daumcdn.net%2Flbook%2Fimage%2F997790%3Ftimestamp%3D20240921114209","title":"이야기 일본사","translators":[],"url":"https://search.daum.net/search?w=bookpage&bookId=997790&q=%EC%9D%B4%EC%95%BC%EA%B8%B0+%EC%9D%BC%EB%B3%B8%EC%82%AC"},{"name":"일본사 여행","startedAt":"2024-07","endAt":"2024-08","progressValue":20,"inProgress":false,"authors":"하종문","contents":"박물관이나 미술관에 가서 이름난 전시회를 둘러보고 나오면, 워낙 많은 것을 본 탓인지 간혹 무엇을 보았는지 혼동스러울 때가 있다. 이것저것 다 보았는데 머릿속에 남는 게 없다면 얼마나 허탈한가? 역사책도 마찬가지다. 어느 특정한 시대를 다루는 역사책이 아니고 고대부터 현대에 이르는 통사라면 수많은 사건과 인물, 개념과 용어는 한 번에 명확하게 잡히기 힘들다. 이 책은 그러한 역사 공부의 맹점(?)을 극복하고자 시대의 이미지를 포착하는 구조적 서술","datetime":"2014-05-12T00:00:00.000+09:00","isbn":"8976962842 9788976962843","price":19800,"publisher":"역사비평사","sale_price":17820,"status":"정상판매","thumbnail":"https://search1.kakaocdn.net/thumb/R120x174.q85/?fname=http%3A%2F%2Ft1.daumcdn.net%2Flbook%2Fimage%2F1078423%3Ftimestamp%3D20220930212814","title":"일본사 여행","translators":[],"url":"https://search.daum.net/search?w=bookpage&bookId=1078423&q=%EC%9D%BC%EB%B3%B8%EC%82%AC+%EC%97%AC%ED%96%89"},{"name":"이즈의 무희 천 마리 학 호수","startedAt":"2024-07","endAt":"2024-07","progressValue":10,"authors":"가와바타 야스나리","contents":"가와바타 야스나리의 초기와 원숙기의 대표작들 『이즈의 무희ㆍ천 마리 학ㆍ호수』. 50년 만에 부활한 정통 세계문학 시리즈 「을유세계문학전집」의 39번째 책이다. 인간의 고독을 일본적인 서정으로 그려낸 가와바타 야스나리의 작품 세 편을 모았다. <이즈의 무희>는 엘리트 청년과 유랑 가무단 무희의 순수한 만남과 이별을 그린 작품으로, 작가의 초기 대표작이다. <천 마리 학>은 패전 후 작가의 대표작으로, 간결한 심리 묘사와 에로틱한","datetime":"2010-12-25T00:00:00.000+09:00","isbn":"8932403694 9788932403694","price":13000,"publisher":"을유문화사","sale_price":11700,"status":"정상판매","thumbnail":"https://search1.kakaocdn.net/thumb/R120x174.q85/?fname=http%3A%2F%2Ft1.daumcdn.net%2Flbook%2Fimage%2F499480%3Ftimestamp%3D20240529112201","title":"이즈의 무희 천 마리 학 호수","translators":["신인섭"],"url":"https://search.daum.net/search?w=bookpage&bookId=499480&q=%EC%9D%B4%EC%A6%88%EC%9D%98+%EB%AC%B4%ED%9D%AC+%EC%B2%9C+%EB%A7%88%EB%A6%AC+%ED%95%99+%ED%98%B8%EC%88%98"},{"name":"수역","startedAt":"2024-08","endAt":"2024-08","progressValue":100,"authors":"우루시바라 유키","contents":"우루시바라 유키의『수역(水域)』애장판 (하)권. 계속되는 더위로 수도사용이 제한된 거리, 수영부지만 정작 물이 없어 부활동을 못 하고 있던 중학교 수영부원 카와무라 치나미는 이 폭염 속에 쓰러져 의식을 잃고만다. 이윽고 눈을 뜬 치나미 앞에 펼쳐진 것은 깨끗한 물로 둘러싸인 어느 마을이었는데…. 다시 의식을 찾고 현실로 돌아오지만 그 마을에 대한 이상한 끌림이 치나미를 패럴렐한 여름방학으로 이끌기 시작한다!","datetime":"2011-06-30T00:00:00.000+09:00","isbn":"8925281155 9788925281155","price":12000,"publisher":"대원씨아이","sale_price":10800,"status":"정상판매","thumbnail":"https://search1.kakaocdn.net/thumb/R120x174.q85/?fname=http%3A%2F%2Ft1.daumcdn.net%2Flbook%2Fimage%2F408173%3Ftimestamp%3D20230711144000","title":"수역(하)","translators":["오경화"],"url":"https://search.daum.net/search?w=bookpage&bookId=408173&q=%EC%88%98%EC%97%AD%28%ED%95%98%29"},{"name":"역사의 쓸모","startedAt":"2024-08","endAt":"2024-08","progressValue":45,"inProgress":false,"authors":"최태성","contents":"수백 년 전 이야기로 오늘의 고민을 해결하는 방법을 알려주는 실용적인 역사 사용 설명서 『역사의 쓸모』. 지난 20여 년간 500만 명의 가슴을 울린 대한민국 대표 역사 강사 최태성. 선택의 기로에 설 때마다 역사에서 답을 찾은 저자는 삶이라는 문제에 대한 가장 완벽한 해설서는 역사라고 말한다. 도저히 풀리지 않는 문제에 부딪쳤을 때 해설에서 도움을 얻듯, 우리보다 앞서 살았던 인물들의 선택과 그 결과가 담긴 역사에서 인생의 실마리를 얻을 수 있기 때문","datetime":"2019-11-22T00:00:00.000+09:00","isbn":"1130621960 9791130621968","price":15000,"publisher":"다산초당","sale_price":13500,"status":"정상판매","thumbnail":"https://search1.kakaocdn.net/thumb/R120x174.q85/?fname=http%3A%2F%2Ft1.daumcdn.net%2Flbook%2Fimage%2F4972082%3Ftimestamp%3D20230825191310","title":"역사의 쓸모","translators":[],"url":"https://search.daum.net/search?w=bookpage&bookId=4972082&q=%EC%97%AD%EC%82%AC%EC%9D%98+%EC%93%B8%EB%AA%A8"},{"name":"청춘유감","startedAt":"2024-08","endAt":"2024-09","progressValue":100,"authors":"한소범","contents":"출판과 문학에 관심 있는 이들이라면 꼭 한 번은 들어보았을 이름 한소범. 2016년 한국일보에 입사해 문학 기자로 일해온 그가 문학동네에서 첫 산문집 『청춘유감』을 출간한다. 문학과 책의 기쁨을 함께 나누고픈 마음에 뉴스레터 ‘무낙’을 발행하기도, ‘이.단.아(이 단편소설 아시나요?)’ 코너를 통해 한국문학의 가장 생생한 지금을 발빠르게 소개하기도 한 한소범. 문학 기자의 파격과 품격을 동시에 성취하며 새 시대에 걸맞은 남다른 행보를 보이고 있는 그","datetime":"2023-06-28T00:00:00.000+09:00","isbn":"8954693512 9788954693516","price":16000,"publisher":"문학동네","sale_price":14400,"status":"정상판매","thumbnail":"https://search1.kakaocdn.net/thumb/R120x174.q85/?fname=http%3A%2F%2Ft1.daumcdn.net%2Flbook%2Fimage%2F6375814%3Ftimestamp%3D20231103154435","title":"청춘유감","translators":[],"url":"https://search.daum.net/search?w=bookpage&bookId=6375814&q=%EC%B2%AD%EC%B6%98%EC%9C%A0%EA%B0%90"},{"name":"동경일일","startedAt":"2024-08","endAt":"2024-09","progressValue":100,"authors":"마츠모토 타이요","contents":"그만둔다. 방대한 양의 장서도 전부 팔아버리고, 만화와 연을 끊을 작정이었던 시오자와. 눈앞에 놓인 만화책에서 눈을 떼지 못하던 그는, 고심 끝에 오랫동안 꿈꿔왔던 자신만의 이상을 담은 잡지를 만들기로 결심한다. 그렇게 시오자와는 자신이 동경했던 만화가들을 찾아간다. 경비원, 마트 캐셔, 학습지 삽화가… 저마다의 사정으로 만화가를 그만둔 이들은 시오자와의 손에 이끌려 다시금 만화의 세계로 뛰어든다. 눈부신 발전을 이룩한 만화 산업. 그 성공가도에서 밀려나 사회","datetime":"2023-11-24T00:00:00.000+09:00","isbn":"8954696511 9788954696517","price":11000,"publisher":"문학동네","sale_price":9900,"status":"정상판매","thumbnail":"https://search1.kakaocdn.net/thumb/R120x174.q85/?fname=http%3A%2F%2Ft1.daumcdn.net%2Flbook%2Fimage%2F6497403%3Ftimestamp%3D20240614152706","title":"동경일일 1","translators":["이주향"],"url":"https://search.daum.net/search?w=bookpage&bookId=6497403&q=%EB%8F%99%EA%B2%BD%EC%9D%BC%EC%9D%BC+1"},{"name":"사물의 소멸","startedAt":"2024-09","progressValue":20,"authors":"한병철","contents":"모든 것을 알아두지만 깨달음에 이르지 못한다. 친구와 팔로워를 쌓아가지만 타자와 마주치치 않는다. 우리는 탈사물화한 세계, 정보가 지배하는 유령 같은 세계에 살고 있다.” 재독 철학자 한병철의 신작. 그의 진단에 따르면 우리는 사물의 시대에서 반사물, 즉 정보의 시대로 넘어가는 이행기에 살고 있다. 우리의 주의력은 점점 더 사물에서 반사물을 향해 이동한다. 스마트폰은 묵주와 같은 기능을 하는 ‘디지털 성물’이 되어가고 있으며, ‘좋아요’는 ‘디지털 아멘","datetime":"2022-09-05T00:00:00.000+09:00","isbn":"8934943688 9788934943686","price":15800,"publisher":"김영사","sale_price":14220,"status":"정상판매","thumbnail":"https://search1.kakaocdn.net/thumb/R120x174.q85/?fname=http%3A%2F%2Ft1.daumcdn.net%2Flbook%2Fimage%2F6154305%3Ftimestamp%3D20240604181512","title":"사물의 소멸","translators":["전대호"],"url":"https://search.daum.net/search?w=bookpage&bookId=6154305&q=%EC%82%AC%EB%AC%BC%EC%9D%98+%EC%86%8C%EB%A9%B8"},{"name":"아무튼, SF게임","startedAt":"2024-09","endAt":"2024-09","progressValue":100,"authors":"김초엽","contents":"마우스 커서는 모래시계로 변했다가 다시 화살표로 변하기를 여러 번. 칙칙한 회색 바탕이 창을 가득 채운 모니터 속의 세계. 나는 숨을 죽이고 눈앞에 펼쳐질 이상하고 낯선 세계를 기다린다.” 69번째 아무튼 시리즈는 김초엽의『아무튼, SF게임』이다. 동네 아이들 중 처음으로 컴퓨터를 갖게 된 일곱 살의 김초엽에게 컴퓨터는 다른 세계로 가는 통로였다. 낯선 규율과 이해할 수 없는 일들로 복잡한 세상에 비해서 모니터 속 세계는 명쾌하고 단순해 보였고 무엇보다","datetime":"2024-06-25T00:00:00.000+09:00","isbn":"1193044170 9791193044179","price":12000,"publisher":"위고","sale_price":10800,"status":"정상판매","thumbnail":"https://search1.kakaocdn.net/thumb/R120x174.q85/?fname=http%3A%2F%2Ft1.daumcdn.net%2Flbook%2Fimage%2F6671484%3Ftimestamp%3D20240719180832","title":"아무튼, SF 게임","translators":[],"url":"https://search.daum.net/search?w=bookpage&bookId=6671484&q=%EC%95%84%EB%AC%B4%ED%8A%BC%2C+SF+%EA%B2%8C%EC%9E%84"},{"name":"동네서점 베스트 컬렉션 김연수","startedAt":"2024-09","endAt":"2024-09","progressValue":100,"logs":[{"date":"2024-09-10","progressValue":75},{"date":"2024-09-11","progressValue":100}],"authors":"","thumbnail":"https://placehold.co/120x174","url":"https://google.com/search?q=동네서점 베스트 컬렉션 김연수"},{"name":"느리게 사는 것의 의미","startedAt":"2024-09","progressValue":40,"inProgress":false,"logs":[{"date":"2024-09-10","progressValue":31.379310344827587},{"date":"2024-09-10","progressValue":40}],"authors":"피에르 쌍소","contents":"서로 따뜻하게 보듬을 여유가 없는 사회에서 사는 우리에게 느림은 상생과 통섭을 추구하는 21세기의 새로운 가치를 전하는 『느리게 사는 것의 의미』. 피에르 쌍소는 느리게 사는 삶을 받아들이는 한결같은 삶의 자세 9가지를 제시한다. 한가로이 거닐며 자기만의 시간을 가질 것, 다른 이의 목소리에 귀 기울일 것, 대상이 무의미하게 느껴질 때까지 끊임없이 받아들이고 음미할 것, 일상을 재창조하고 새롭게 하는 공상의 시간을 가질 것 등 세상을 넉넉히 받아들이며 인생길","datetime":"2014-05-20T00:00:00.000+09:00","isbn":"8997870068 9788997870066","price":12800,"publisher":"공명","sale_price":11520,"status":"정상판매","thumbnail":"https://search1.kakaocdn.net/thumb/R120x174.q85/?fname=http%3A%2F%2Ft1.daumcdn.net%2Flbook%2Fimage%2F1494104%3Ftimestamp%3D20220803231326","title":"느리게 사는 것의 의미","translators":["강주헌"],"url":"https://search.daum.net/search?w=bookpage&bookId=1494104&q=%EB%8A%90%EB%A6%AC%EA%B2%8C+%EC%82%AC%EB%8A%94+%EA%B2%83%EC%9D%98+%EC%9D%98%EB%AF%B8"},{"name":"역사 문해력 수업","startedAt":"2024-09","progressValue":33.42465753424658,"inProgress":false,"logs":[{"date":"2024-09-10","progressValue":18.08219178082192},{"date":"2024-09-11","progressValue":33.42465753424658},{"date":"2024-09-12","progressValue":33.97260273972603}],"authors":"최호근","contents":"왜, 지금 ‘역사 문해력’인가 21세기 대한민국은 가히 역사 전성시대라 할 만하다. ‘역사 소비시대’라는 말이 오가고 정치판에서 ‘역사의 심판’이 곧잘 거론된다. 뿐인가. 과거사 청산을 두고 보수와 진보 진영 간 ‘역사 전쟁’이 한창이다. 그런가 하면 역사에서 교훈을 길어내는 책들도 쏟아진다. 인문학 위기론에서 역사학만은 예외인 듯한 양상이다. 하나 그뿐이다. 역사란 무엇인지, 역사적 진실과 사실은 어떤 차이가 있는지, 객관적 역사란 가능한지 등 역사","datetime":"2023-06-16T00:00:00.000+09:00","isbn":"1156122511 9791156122517","price":20000,"publisher":"푸른역사","sale_price":18000,"status":"정상판매","thumbnail":"https://search1.kakaocdn.net/thumb/R120x174.q85/?fname=http%3A%2F%2Ft1.daumcdn.net%2Flbook%2Fimage%2F6363583%3Ftimestamp%3D20240925161413","title":"역사 문해력 수업","translators":[],"url":"https://search.daum.net/search?w=bookpage&bookId=6363583&q=%EC%97%AD%EC%82%AC+%EB%AC%B8%ED%95%B4%EB%A0%A5+%EC%88%98%EC%97%85"},{"name":"지적 대화를 위한 넓고 얕은 지식 - 철학, 과학, 종교, 예술, 신비","startedAt":"2024-09","progressValue":100,"logs":[{"date":"2024-09-12","progressValue":21.50537634408602},{"date":"2024-09-13","progressValue":36.82795698924731},{"date":"2024-09-14","progressValue":57.795698924731184},{"date":"2024-09-18","progressValue":100}],"authors":"채사장","contents":"수준을 채우기 위해 공부를 시작해야겠다고 절감하지만, 금세 막막해져온다. 대체 어디서부터 얼마만큼 알아야 하는 걸까? 여기, 철학과 과학, 예술, 종교나 신비는 난해하고 이해할 수 없다며 애써 외면하던 사람들을 위한 책이 출간되었다. 인기리에 연재되고 있는 팟캐스트 방송 《지대넓얕》을 책으로 재구성한 『지적 대화를 위한 넓고 얕은 지식』으로, 역사부터 윤리까지의 방대한 영역을 다루면서도 각 분야의 구조적 연계성을 고려하여 출간된 지 열흘 만에 큰 화제","datetime":"2015-02-04T00:00:00.000+09:00","isbn":"8994120998 9788994120997","price":16000,"publisher":"한빛비즈","sale_price":14400,"status":"정상판매","thumbnail":"https://search1.kakaocdn.net/thumb/R120x174.q85/?fname=http%3A%2F%2Ft1.daumcdn.net%2Flbook%2Fimage%2F1420945%3Ftimestamp%3D20221107223137","title":"지적 대화를 위한 넓고 얕은 지식: 현실너머 편","translators":[],"url":"https://search.daum.net/search?w=bookpage&bookId=1420945&q=%EC%A7%80%EC%A0%81+%EB%8C%80%ED%99%94%EB%A5%BC+%EC%9C%84%ED%95%9C+%EB%84%93%EA%B3%A0+%EC%96%95%EC%9D%80+%EC%A7%80%EC%8B%9D%3A+%ED%98%84%EC%8B%A4%EB%84%88%EB%A8%B8+%ED%8E%B8"},{"name":"한국단편문학선 1","startedAt":"2024-09","progressValue":21.052631578947366,"logs":[{"date":"2024-09-13","progressValue":5},{"date":"2024-09-16","progressValue":5.263157894736842},{"date":"2024-09-19","progressValue":10.526315789473683},{"date":"2024-09-22","progressValue":21.052631578947366}],"authors":"김동인","contents":"한국문학의 정수, 우리 작가의 빼어난 단편 소설 19편 일제 강점기의 고난과 해방 직후의 비극을 견디며 성장한 한국의 단편 소설 시대 현실을 오롯이 담아내면서도 세대를 넘어 깊은 통찰을 전하는 명단편선 “새침하게 흐린 품이 눈이 올 듯하더니 눈은 아니 오고 얼다가 만 비가 추적추적 내리었다.”","datetime":"1998-08-05T00:00:00.000+09:00","isbn":"8937460106 9788937460104","price":12000,"publisher":"민음사","sale_price":10800,"status":"정상판매","thumbnail":"https://search1.kakaocdn.net/thumb/R120x174.q85/?fname=http%3A%2F%2Ft1.daumcdn.net%2Flbook%2Fimage%2F540776%3Ftimestamp%3D20240808112841","title":"한국단편문학선 1","translators":[],"url":"https://search.daum.net/search?w=bookpage&bookId=540776&q=%ED%95%9C%EA%B5%AD%EB%8B%A8%ED%8E%B8%EB%AC%B8%ED%95%99%EC%84%A0+1"},{"name":"지적 대화를 위한 넓고 얕은 지식 - 제로","startedAt":"2024-09","progressValue":100,"logs":[{"date":"2024-09-19","progressValue":39.059674502712475},{"date":"2024-09-22","progressValue":62.56781193490054},{"date":"2024-09-22","progressValue":100}],"authors":"채사장","contents":"만에 《지적 대화를 위한 넓고 얕은 지식》 신작으로 돌아왔다. 작가 특유의 유머와 필력으로 어려운 것을 쉽게 설명하고 지루한 것을 재밌게 정리하는 기술은 여전하다. 다만 이전 시리즈에서 그의 현실 감각이 빛을 발했다면, 이번 책에서는 오랜 기간의 사유와 통찰이 유감없이 발휘된다. 현대인은 여러 블랙미러를 통해 하루에도 수많은 지식과 접한다. 그런데 이런 파편적인 지식들은 대부분 금세 휘발되고, 삶에 자리 잡지 못한다. 왜일까? 그것은 이 지식들을 이해","datetime":"2019-12-24T00:00:00.000+09:00","isbn":"1190313138 9791190313131","price":19800,"publisher":"웨일북(whalebooks)","sale_price":17820,"status":"정상판매","thumbnail":"https://search1.kakaocdn.net/thumb/R120x174.q85/?fname=http%3A%2F%2Ft1.daumcdn.net%2Flbook%2Fimage%2F5145898%3Ftimestamp%3D20240628131648","title":"지적 대화를 위한 넓고 얕은 지식: 제로 편","translators":[],"url":"https://search.daum.net/search?w=bookpage&bookId=5145898&q=%EC%A7%80%EC%A0%81+%EB%8C%80%ED%99%94%EB%A5%BC+%EC%9C%84%ED%95%9C+%EB%84%93%EA%B3%A0+%EC%96%95%EC%9D%80+%EC%A7%80%EC%8B%9D%3A+%EC%A0%9C%EB%A1%9C+%ED%8E%B8"},{"name":"유리알 유희 1","startedAt":"2024-09","progressValue":45,"inProgress":false,"logs":[{"date":"2024-09-22","progressValue":23.333333333333332},{"date":"2024-09-25","progressValue":45},{"date":"2024-09-26","progressValue":46.666666666666664}],"authors":"헤르만 헤세","contents":"헤르만 헤세의 마지막 역작이자 노벨문학상 수상작 『유리알 유희』 제1권. 욕망과 금욕, 혼돈과 질서, 삶과 죽음, 동양과 서양, 선과 악 등 작가가 평생 고민해온 문제들을 다루고 있다. 미래의 어느 시기, 한 전기 작가가 200년 전에 살았던 전설적인 유리알 유희 명인 요제프 크네히트의 자료를 모아 그의 일대기를 쓰기 시작한다. 20세기 중반, 스위스 산간 지방에 세워진 정신적 이상향에서 요제프는 영재로 교육받고 뛰어난 재능을 보이다가 마침내 명인으로","datetime":"2011-09-25T00:00:00.000+09:00","isbn":"8937462737 9788937462733","price":13000,"publisher":"민음사","sale_price":11700,"status":"정상판매","thumbnail":"https://search1.kakaocdn.net/thumb/R120x174.q85/?fname=http%3A%2F%2Ft1.daumcdn.net%2Flbook%2Fimage%2F541118%3Ftimestamp%3D20240512112021","title":"유리알 유희 1","translators":["이영임"],"url":"https://search.daum.net/search?w=bookpage&bookId=541118&q=%EC%9C%A0%EB%A6%AC%EC%95%8C+%EC%9C%A0%ED%9D%AC+1"},{"name":"서점 일기","startedAt":"2024-09","progressValue":100,"logs":[{"date":"2024-09-25","progressValue":13.990825688073393},{"date":"2024-09-29","progressValue":36.69724770642202},{"date":"2024-09-29","progressValue":61.46788990825688},{"date":"2024-10-05","progressValue":100}],"authors":"숀 비텔","contents":"손님들의 기상천외한 요청, 제 구실을 하지 못하는 난방 기기, 쓰레기통을 뒤져 먹을 것을 구해 오는 제멋대로인 직원들과 일 년 내내 텅 비어 있는 금전 등록기… 저자의 솔직하고 냉소적이면서도 웃음이 터져 나오는 일기를 읽다 보면 한 번쯤 꿈꿔 봤을 서점 주인으로 살아가고 싶다는 꿈을 슬며시 내려놓게 될지도 모른다. 그럼에도 온라인 시대에 작은 시골 마을의 서점에서 책으로 생계를 유지하려 고군분투하는 저자의 시선에서는 마을과 사람들, 무엇보다 책에 대한 깊은","datetime":"2021-01-20T00:00:00.000+09:00","isbn":"115510093X 9791155100936","price":18000,"publisher":"여름언덕","sale_price":16200,"status":"정상판매","thumbnail":"https://search1.kakaocdn.net/thumb/R120x174.q85/?fname=http%3A%2F%2Ft1.daumcdn.net%2Flbook%2Fimage%2F5580310%3Ftimestamp%3D20240713150409","title":"서점 일기","translators":["김마림"],"url":"https://search.daum.net/search?w=bookpage&bookId=5580310&q=%EC%84%9C%EC%A0%90+%EC%9D%BC%EA%B8%B0"},{"name":"귀한 서점에 누추하신 분이","startedAt":"2024-09","progressValue":100,"logs":[{"date":"2024-09-26","progressValue":100}],"authors":"숀 비텔","contents":"서점 주인의 기쁨과 슬픔을 담담하면서도 다정하게 그려내 독자를 사로잡은 숀 비텔의 신작이 출간되었다. 저자는 이 책에서 “분명 나의 생계를 책임지는 이들의 심기를 건드릴 것”이라면서도, 헌책방을 운영하는 동안 만났던 각양각색의 손님을 저자 특유의 유쾌하면서도 시니컬한 문장으로 그려낸다. 서점에만 들어오면 (물어보지도 않았는데) 지식을 뽐내는 손놈부터 서비스업계에서 실존하기는 하는지 알 수 없는 완벽한 손님까지, “세상에 이런 사람도 있나?”에서 ‘이런","datetime":"2022-09-05T00:00:00.000+09:00","isbn":"115931862X 9791159318627","price":13800,"publisher":"책세상","sale_price":12420,"status":"정상판매","thumbnail":"https://search1.kakaocdn.net/thumb/R120x174.q85/?fname=http%3A%2F%2Ft1.daumcdn.net%2Flbook%2Fimage%2F6153628%3Ftimestamp%3D20231102183424","title":"귀한 서점에 누추하신 분이","translators":["이지민"],"url":"https://search.daum.net/search?w=bookpage&bookId=6153628&q=%EA%B7%80%ED%95%9C+%EC%84%9C%EC%A0%90%EC%97%90+%EB%88%84%EC%B6%94%ED%95%98%EC%8B%A0+%EB%B6%84%EC%9D%B4"},{"name":"사브리나","startedAt":"2024-09","progressValue":100,"logs":[{"date":"2024-09-26","progressValue":27.586206896551722},{"date":"2024-09-29","progressValue":100}],"authors":"닉 드르나소","contents":"첫 작품 《베벌리》로 큰 주목을 받고 만화계의 천재로 떠오른 신예작가 닉 드르나소의 그래픽노블 『사브리나』. 그래픽노블 최초로 맨부커상 후보에 오르면서 전 세계적으로 뜨거운 화제를 몰고 온 작품으로, 평범한 여성 사브리나가 아무 이유 없이 끔찍한 일을 당한 후 그 사건이 미디어와 SNS를 통해서 퍼져나가면서 남겨진 주위 사람들의 삶 또한 파괴되어가는 과정에 대한 이야기를 담고 있다. 공군에서 기술병으로 근무하는 캘빈. 그에게 어릴 적 친구 테디가","datetime":"2019-12-18T00:00:00.000+09:00","isbn":"8950983818 9788950983819","price":29800,"publisher":"아르테(arte)","sale_price":26820,"status":"정상판매","thumbnail":"https://search1.kakaocdn.net/thumb/R120x174.q85/?fname=http%3A%2F%2Ft1.daumcdn.net%2Flbook%2Fimage%2F5161992%3Ftimestamp%3D20230905165405","title":"사브리나","translators":["박산호"],"url":"https://search.daum.net/search?w=bookpage&bookId=5161992&q=%EC%82%AC%EB%B8%8C%EB%A6%AC%EB%82%98"},{"name":"옛날 영화, 이 좋은 걸 이제 알았다니","startedAt":"2024-09","endAt":"2024-10","progressValue":42.79835390946502,"inProgress":false,"logs":[{"date":"2024-09-29","progressValue":13.991769547325102},{"date":"2024-09-30","progressValue":42.79835390946502},{"date":"2024-10-05","progressValue":46.09053497942387}],"authors":"듀나","contents":"알았다니』, 『뚝배기, 이 좋은 걸 이제 알았다니』에 이은 네 번째 작품이며 SF 작가이자 영화평론가인 듀나의 옛날 영화 이야기이다. 방대한 영화적 지식과 경험을 바탕으로 영화 평론가로 왕성한 활동을 이어오고 있는 듀나는 『옛날 영화, 이 좋은 걸 이제 알았다니』를 통해 엄청난 양의 콘텐츠와 OTT의 시대에 ‘옛날 영화’를 보아야 하는 이유를 역설하며 우리가 쉽게 보지 못했던 옛날 영화와 그에 얽힌 역사, 인문학적 이야기를 풀어나간다. 고작 1세기 남짓한 영화사의","datetime":"2022-04-04T00:00:00.000+09:00","isbn":"1187886777 9791187886778","price":13500,"publisher":"구픽","sale_price":12150,"status":"정상판매","thumbnail":"https://search1.kakaocdn.net/thumb/R120x174.q85/?fname=http%3A%2F%2Ft1.daumcdn.net%2Flbook%2Fimage%2F6041700%3Ftimestamp%3D20230520153906","title":"옛날 영화, 이 좋은 걸 이제 알았다니","translators":[],"url":"https://search.daum.net/search?w=bookpage&bookId=6041700&q=%EC%98%9B%EB%82%A0+%EC%98%81%ED%99%94%2C+%EC%9D%B4+%EC%A2%8B%EC%9D%80+%EA%B1%B8+%EC%9D%B4%EC%A0%9C+%EC%95%8C%EC%95%98%EB%8B%A4%EB%8B%88"},{"name":"사랑의 생애","startedAt":"2024-10-04","endAt":"2024-10-08","progressValue":100,"logs":[{"date":"2024-10-04","progressValue":38.35616438356164},{"date":"2024-10-07","progressValue":71.91780821917808},{"date":"2024-10-08","progressValue":100}],"authors":"이승우","contents":"등을 수상했고, 프랑스의 세계적 문학상인 페미나상 외국문학 부분의 파이널리스트에 올랐으며, 르 클레지오가 한국 작가 중에서 노벨문학상 수상 가능성이 가장 높은 작가로 격찬하기도 한 작가, 이승우가 5년 만에 신작 장편소설 『사랑의 생애』를 예담에서 출간했다. 사랑에 관해 우리가 말할 수 있는 모든 것에 대해 이야기하는 이 소설은 평범한 사람들이 사랑을 시작하고 엇갈리고 끝내고 다시 시작하는, 어쩌면 더없이 평범해 보이는 과정을 통해 사랑의 근원과 속성, 그리고","datetime":"2017-03-02T00:00:00.000+09:00","isbn":"8959134821 9788959134823","price":16000,"publisher":"위즈덤하우스","sale_price":14400,"status":"정상판매","thumbnail":"https://search1.kakaocdn.net/thumb/R120x174.q85/?fname=http%3A%2F%2Ft1.daumcdn.net%2Flbook%2Fimage%2F794362%3Ftimestamp%3D20240906112513","title":"사랑의 생애","translators":[],"url":"https://search.daum.net/search?w=bookpage&bookId=794362&q=%EC%82%AC%EB%9E%91%EC%9D%98+%EC%83%9D%EC%95%A0"},{"name":"세상에서 가장 짧은 한국사","startedAt":"2024-10-08","progressValue":54.81283422459893,"logs":[{"date":"2024-10-08","progressValue":14.973262032085561},{"date":"2024-10-09","progressValue":21.92513368983957},{"date":"2024-10-10","progressValue":39.037433155080215},{"date":"2024-10-11","progressValue":54.81283422459893}],"authors":"김재원","contents":"《세상에서 가장 짧은 한국사》는 고대부터 근현대까지 한국사의 가장 중요한 순간들을 소개하면서, 단 한 권으로 역사의 흐름을 단숨에 파악할 수 있도록 돕는다. 특히 120만 유튜브 채널 〈공부왕 찐천재〉 화제의 역사 선생님이자 저자 김재원은 과거와 현재를 끊임없이 연결하며 마치 한 편의 소설처럼 역사를 설명한다. 쉽지만 가볍지 않고, 재미있지만 잊히지 않는 그의 한국사 이야기를 듣다 보면 역사란 교과서에 갇힌 학문이 아닌 오늘의 나와 맞닿은 이야기라는","datetime":"2022-06-15T00:00:00.000+09:00","isbn":"119182540X 9791191825404","price":17800,"publisher":"빅피시","sale_price":16020,"status":"정상판매","thumbnail":"https://search1.kakaocdn.net/thumb/R120x174.q85/?fname=http%3A%2F%2Ft1.daumcdn.net%2Flbook%2Fimage%2F6086456%3Ftimestamp%3D20240822163913","title":"세상에서 가장 짧은 한국사","translators":[],"url":"https://search.daum.net/search?w=bookpage&bookId=6086456&q=%EC%84%B8%EC%83%81%EC%97%90%EC%84%9C+%EA%B0%80%EC%9E%A5+%EC%A7%A7%EC%9D%80+%ED%95%9C%EA%B5%AD%EC%82%AC"},{"name":"목소리들","startedAt":"2024-10-08","progressValue":67.5,"logs":[{"date":"2024-10-08","progressValue":10},{"date":"2024-10-10","progressValue":49.166666666666664},{"date":"2024-10-11","progressValue":67.5}],"authors":"이승우","contents":"받으려는 간절함’이 아니라 ‘간절함을 이해하는’ 글의 저자가 될 수 있으면 좋겠습니다.” -‘작가의 말’에서 1981년 작품 활동을 시작한 후 지난 42년간 한국 문단에서 독보적인 영역을 구축해온 작가 이승우의 열두번째 소설집 『목소리들』이 문학과지성사에서 출간되었다. 국내는 물론 해외에서도 큰 사랑을 받으며 “한국에서 가장 유력한 노벨문학상 후보”(르 클레지오, 인터뷰에서)로 언급되기도 한 이승우는 프랑스 갈리마르출판사의 세계 명작 총서인 폴리오 시리즈에","datetime":"2023-11-30T00:00:00.000+09:00","isbn":"8932042357 9788932042350","price":16000,"publisher":"문학과지성사","sale_price":14400,"status":"정상판매","thumbnail":"https://search1.kakaocdn.net/thumb/R120x174.q85/?fname=http%3A%2F%2Ft1.daumcdn.net%2Flbook%2Fimage%2F6501751%3Ftimestamp%3D20240906165513","title":"목소리들","translators":[],"url":"https://search.daum.net/search?w=bookpage&bookId=6501751&q=%EB%AA%A9%EC%86%8C%EB%A6%AC%EB%93%A4"}]}`),w=n=>(g("data-v-7b5550c8"),n=n(),D(),n),I=w(()=>p("h1",{id:"📚-책",tabindex:"-1"},[q("📚 책 "),p("a",{class:"header-anchor",href:"#📚-책","aria-label":'Permalink to "📚 책"'},"​")],-1)),T={class:"reading"},R={key:0},N=JSON.parse('{"title":"📚 책","description":"","frontmatter":{},"headers":[],"relativePath":"reading.md","filePath":"reading.md","lastUpdated":1719933458000}'),P={name:"reading.md"},S=Object.assign(P,{setup(n){const{books:c=[]}=x||{},E=c.slice().reduce((e,a)=>{const t=new Date(a.startedAt).getFullYear();return e[t]||(e[t]=[]),e[t].push(a),e},{}),b=Object.entries(E).sort(([e],[a])=>a-e).map(([e,a])=>[e,a.sort((t,o)=>{const h=o.endAt||o.startedAt,m=t.endAt||t.startedAt;return h-m})]).map(([e,a])=>[e,a.map(t=>({...t,startedAt:new Date(t.startedAt),endAt:t.endAt?new Date(t.endAt):null}))]);return(e,a)=>{const t=B("BookAndProgress");return s(),r("div",null,[I,(s(),l(F,null,{default:C(()=>[(s(!0),r(i,null,d(k(b),([o,h],m)=>(s(),r("section",T,[m!==0?(s(),r("hr",R)):V("",!0),p("h1",null,f(o)+"년",1),(s(!0),r(i,null,d(h,u=>(s(),l(t,_({key:u.name,ref_for:!0},u),null,16))),128))]))),256))]),_:1}))])}}}),X=A(S,[["__scopeId","data-v-7b5550c8"]]);export{N as __pageData,X as default}; diff --git a/assets/reading.md.DV0PFjsp.lean.js b/assets/reading.md.DcIx9hsp.lean.js similarity index 97% rename from assets/reading.md.DV0PFjsp.lean.js rename to assets/reading.md.DcIx9hsp.lean.js index 32e7a36c..ff4398ac 100644 --- a/assets/reading.md.DV0PFjsp.lean.js +++ b/assets/reading.md.DcIx9hsp.lean.js @@ -1 +1 @@ -import{_ as A,D as B,c as r,b as l,w as C,ak as F,o as s,F as i,E as d,k,p as g,l as D,j as p,a as q,e as V,t as f,M as _}from"./chunks/framework.8eP_U0YV.js";const x=JSON.parse(`{"books":[{"name":"모래알만 한 진실이라도","startedAt":"2020-05","endAt":"2022-06","progressValue":100,"authors":"박완서","contents":"박완서 에세이 결정판 『모래알만 한 진실이라도』가 ‘윤슬 에디션’으로 새로이 독자들을 찾아왔다. 그가 남긴 에세이 660여 편을 모두 살피고 그중 베스트 35편을 선별한 『모래알만 한 진실이라도』는 작품 선정에만 몇 개월이 소요된 만큼 박완서 에세이의 정수라고 칭하기에 손색이 없다. 초판 한정으로 독자들을 만나는 ‘윤슬 에디션’은 빛과 물의 반짝이는 순간을 포착해 화폭에 담아내는 영국 아티스트 고든 헌트의 작품을 표지 그림으로 사용했다. 시공간을","datetime":"2022-06-30T00:00:00.000+09:00","isbn":"8933871551 9788933871553","price":17000,"publisher":"세계사","sale_price":15300,"status":"정상판매","thumbnail":"https://search1.kakaocdn.net/thumb/R120x174.q85/?fname=http%3A%2F%2Ft1.daumcdn.net%2Flbook%2Fimage%2F5556823%3Ftimestamp%3D20230923162059","title":"모래알만 한 진실이라도","translators":[],"url":"https://search.daum.net/search?w=bookpage&bookId=5556823&q=%EB%AA%A8%EB%9E%98%EC%95%8C%EB%A7%8C+%ED%95%9C+%EC%A7%84%EC%8B%A4%EC%9D%B4%EB%9D%BC%EB%8F%84"},{"name":"한 권으로 읽는 컴퓨터 구조와 프로그래밍","startedAt":"2020-10","progressValue":18,"inProgress":false,"authors":"조너선 스타인하트","contents":"프로그래머가 되려는 개발자는 물론, 비전공자도 재미있게 읽을 수 있는 컴퓨터공학 핵심 강의! 하드웨어의 토대가 되는 기초 전자회로, 게이트부터 시작해서 메모리, CPU, I/O, 컴퓨터 아키텍처 전반을 설명하고, 그 위에서 소프트웨어를 작성하는 방법을 웹과 C 프로그램으로 직접 만들어보며, 보안, 인공지능, 알고리즘 등의 내용에 이르기까지 개발자라면 반드시 알아야 할 커튼 뒤에 감춰진 컴퓨터 구조와 프로그래밍에 대한 거의 모든 것을 다루는 컴퓨터공학 개론서","datetime":"2021-04-08T00:00:00.000+09:00","isbn":"1189909286 9791189909284","price":35000,"publisher":"책만","sale_price":31500,"status":"정상판매","thumbnail":"https://search1.kakaocdn.net/thumb/R120x174.q85/?fname=http%3A%2F%2Ft1.daumcdn.net%2Flbook%2Fimage%2F5634224%3Ftimestamp%3D20240614144508","title":"한 권으로 읽는 컴퓨터 구조와 프로그래밍","translators":["오현석"],"url":"https://search.daum.net/search?w=bookpage&bookId=5634224&q=%ED%95%9C+%EA%B6%8C%EC%9C%BC%EB%A1%9C+%EC%9D%BD%EB%8A%94+%EC%BB%B4%ED%93%A8%ED%84%B0+%EA%B5%AC%EC%A1%B0%EC%99%80+%ED%94%84%EB%A1%9C%EA%B7%B8%EB%9E%98%EB%B0%8D"},{"name":"일 잘하는 사람은 단순하게 합니다","startedAt":"2020-09","progressValue":29,"inProgress":false,"authors":"박소연","contents":"토론이, 요가 수업이, 전시회 관람이 아무리 만족스러운들 그 삶이 행복하다고 말하긴 어려울 것이다. 일 하는 사람에게는 퇴근 후의 시간을 즐겁게 보내는 계획만큼이나, 퇴근 전의 시간을 똑똑하게 쓰는 지혜도 중요하다. 이 책은 일 잘하는 사람들, 특히 효율적으로 일하면서 인생도 즐길 줄 아는 사람들의 노하우와 특별한 습관들을 담았다. “그래서 일을 잘하려면 대체 어떻게 해야 하나요?” 일하는 사람들의 멘토 박소연 저자가 들려주는 일 잘하는 사람들의 기획, 말","datetime":"2024-09-10T00:00:00.000+09:00","isbn":"1140710656 9791140710652","price":18000,"publisher":"더퀘스트","sale_price":16200,"status":"정상판매","thumbnail":"https://search1.kakaocdn.net/thumb/R120x174.q85/?fname=http%3A%2F%2Ft1.daumcdn.net%2Flbook%2Fimage%2F6717354%3Ftimestamp%3D20240929154353","title":"일 잘하는 사람은 단순하게 합니다","translators":[],"url":"https://search.daum.net/search?w=bookpage&bookId=6717354&q=%EC%9D%BC+%EC%9E%98%ED%95%98%EB%8A%94+%EC%82%AC%EB%9E%8C%EC%9D%80+%EB%8B%A8%EC%88%9C%ED%95%98%EA%B2%8C+%ED%95%A9%EB%8B%88%EB%8B%A4"},{"name":"불안의 책","startedAt":"2020-11","progressValue":28,"logs":[{"date":"2023-03-24","progressValue":13},{"date":"2024-05-19","progressValue":28}],"authors":"페르난두 페소아","contents":"『불안의 책』은 페소아가 생전에 완성한 작품이 아니라 사후 연구가들이 유고 더미에서 찾아낸 미완성 원고를 엮은 책이다. 작품을 구성하는 481개의 텍스트 속에는 페소아가 일평생 추구했던 내면의 성찰과 감각적 사유가 깊이 배어 있다.","datetime":"2015-09-18T00:00:00.000+09:00","isbn":"8954625762 9788954625760","price":18000,"publisher":"문학동네","sale_price":16200,"status":"정상판매","thumbnail":"https://search1.kakaocdn.net/thumb/R120x174.q85/?fname=http%3A%2F%2Ft1.daumcdn.net%2Flbook%2Fimage%2F691734%3Ftimestamp%3D20240531114031","title":"불안의 책","translators":["오진영"],"url":"https://search.daum.net/search?w=bookpage&bookId=691734&q=%EB%B6%88%EC%95%88%EC%9D%98+%EC%B1%85"},{"name":"리얼리티 버블","startedAt":"2021-01","progressValue":8,"inProgress":false,"authors":"지야 통","contents":"『리얼리티 버블』은 캐나다의 과학 저널리스트이자 방송인인 지야 통의 첫 책이다. 통은 17년간의 방송 경력을 통해 과학에 대한 사랑을 키워 왔다. 인터뷰어로서 그녀는 생각할 수 있는 모든 전문가들을 만났고, 다른 사람들의 눈을 통해 세계를 보는 법을 배웠다. 이 책은 바로 그 ‘보는’ 방법에 관한 이야기이다. 또 과학이라는 새로운 눈으로 본 우리 세계의 진실들에 관한 이야기이기도 하다. 통은 우리가 ‘거품 속에서 현실을 대한다’고 지적한다. 보이지 않는","datetime":"2021-01-25T00:00:00.000+09:00","isbn":"1196999236 9791196999230","price":17600,"publisher":"코쿤북스","sale_price":15840,"status":"정상판매","thumbnail":"https://search1.kakaocdn.net/thumb/R120x174.q85/?fname=http%3A%2F%2Ft1.daumcdn.net%2Flbook%2Fimage%2F5579889%3Ftimestamp%3D20240323164412","title":"리얼리티 버블","translators":["장호연"],"url":"https://search.daum.net/search?w=bookpage&bookId=5579889&q=%EB%A6%AC%EC%96%BC%EB%A6%AC%ED%8B%B0+%EB%B2%84%EB%B8%94"},{"name":"쌤 코끼리 그려주세요","startedAt":"2020-12","progressValue":100,"authors":"","thumbnail":"https://placehold.co/120x174","url":"https://google.com/search?q=쌤 코끼리 그려주세요"},{"name":"편집자는 편집을 하지 않는다 7","startedAt":"2020-12","progressValue":100,"authors":"","thumbnail":"https://placehold.co/120x174","url":"https://google.com/search?q=편집자는 편집을 하지 않는다 7"},{"name":"자기 앞의 생","startedAt":"2021-01","progressValue":100,"authors":"로맹 가리(에밀 아자르)","contents":"열네 살 소년 모모가 들려주는 신비롭고 경이로운 생의 비밀을 담은 에밀 아자르의 소설 『자기 앞의 생』. 1980년 의문의 권총 자살로 생을 마감한 프랑스 작가 로맹 가리가 에밀 아자르라는 필명으로 출간한 두 번째 소설이다. 어린 소년 모모의 슬프지만 아름다운 성장 이야기를 담고 있다. 악동 같지만 순수한 어린 주인공 모모를 통해 이 세상 누구도 눈길을 주지 않는 밑바닥 삶을 살아가는 불행한 사람들의 슬픔과 고독과 사랑을 그리고 있다. 저자는","datetime":"2013-01-24T00:00:00.000+09:00","isbn":"8982816631 9788982816635","price":16000,"publisher":"문학동네","sale_price":11700,"status":"정상판매","thumbnail":"https://search1.kakaocdn.net/thumb/R120x174.q85/?fname=http%3A%2F%2Ft1.daumcdn.net%2Flbook%2Fimage%2F1153955%3Ftimestamp%3D20241009114625","title":"자기 앞의 생","translators":["용경식"],"url":"https://search.daum.net/search?w=bookpage&bookId=1153955&q=%EC%9E%90%EA%B8%B0+%EC%95%9E%EC%9D%98+%EC%83%9D"},{"name":"함께자라기","startedAt":"2020-07","progressValue":100,"authors":"김창준","contents":"‘함께’는 협력을 말하고, ‘자라기’는 학습을 말합니다. 무엇이건 실제 바깥세상(야생)에 임팩트를 남기려면 혼자 힘으로만 되는 게 없습니다. 함께 해야 합니다. 주변 사람들과 함께. 매일 부대끼는 동료들과 함께. 스스로 변하고 싶지만 계속 실패하는 사람, 조직을 개선하기 위한 시도를 하다가 오히려 데어본 사람, 불확실한 상황에서 합리적인 판단을 해야 하는 사람, 한 분야에서 전문성을 키워야 하는 사람에게 전문성을 키울 수 있는 제대로 된 방법을 알려줍니다","datetime":"2018-11-30T00:00:00.000+09:00","isbn":"8966262333 9788966262335","price":13000,"publisher":"인사이트","sale_price":11700,"status":"정상판매","thumbnail":"https://search1.kakaocdn.net/thumb/R120x174.q85/?fname=http%3A%2F%2Ft1.daumcdn.net%2Flbook%2Fimage%2F4833808%3Ftimestamp%3D20240618125701","title":"함께 자라기","translators":[],"url":"https://search.daum.net/search?w=bookpage&bookId=4833808&q=%ED%95%A8%EA%BB%98+%EC%9E%90%EB%9D%BC%EA%B8%B0"},{"name":"눈물을 마시는 새","startedAt":"2021-12","endAt":"2021-01","progressValue":97,"authors":"이영도","contents":"하퍼 콜린스, 아셰트, 펭귄 랜덤하우스, 그루포 플라네타 등 세계 메이저 출판사들의 선택을 받으며 세계 14개국에 수출 확정된 한국 판타지 문학의 전설 이영도 작가의 『눈물을 마시는 새』 일러스트 특별 한정판이 출간되었다. 이번 판본은 『장길산』 , 『붉은 말』 등 한국적 미를 붓과 먹으로 표현해 온 백성민 화백이 7개월여 동안 그린 『눈물을 마시는 새』 삽화 34점이 별지 방식으로 수록되었으며, 이와 함께 『눈물을 마시는 새』 작품 속 장면 중 6","datetime":"2023-05-17T00:00:00.000+09:00","isbn":"1170522688 9791170522683","price":60000,"publisher":"황금가지","sale_price":54000,"status":"정상판매","thumbnail":"https://search1.kakaocdn.net/thumb/R120x174.q85/?fname=http%3A%2F%2Ft1.daumcdn.net%2Flbook%2Fimage%2F6355388%3Ftimestamp%3D20240730191002","title":"눈물을 마시는 새(하)","translators":[],"url":"https://search.daum.net/search?w=bookpage&bookId=6355388&q=%EB%88%88%EB%AC%BC%EC%9D%84+%EB%A7%88%EC%8B%9C%EB%8A%94+%EC%83%88%28%ED%95%98%29"},{"name":"실격당한 자들을 위한 변론","startedAt":"2022-01","progressValue":100,"authors":"김원영","contents":"1급 지체장애인인 변호사 김원영이 우리 사회에서 잘못된 삶, 실격당한 인생이라 낙인찍힌 이들의 삶을 변론하는 『실격당한 자들을 위한 변론』. 저자는 소수자들이 삶에서 만나는 연극적인 순간들, 즉 차별과 배제, 수치와 모욕 앞에서 아무렇지 않은 듯 노련하게 맞받아치고 우아하게 대응하는 태도가 놓인 딜레마에서 논의를 시작한다. 저자는 거짓된 연극을 집어치우라고 하기보다는 사회학자 어빙 고프먼과 인류학자 김현경의 논의를 빌려와 사람과 사람이 주고받는 연극","datetime":"2018-06-15T00:00:00.000+09:00","isbn":"1160943737 9791160943733","price":16000,"publisher":"사계절","sale_price":14400,"status":"정상판매","thumbnail":"https://search1.kakaocdn.net/thumb/R120x174.q85/?fname=http%3A%2F%2Ft1.daumcdn.net%2Flbook%2Fimage%2F1598802%3Ftimestamp%3D20240511113126","title":"실격당한 자들을 위한 변론","translators":[],"url":"https://search.daum.net/search?w=bookpage&bookId=1598802&q=%EC%8B%A4%EA%B2%A9%EB%8B%B9%ED%95%9C+%EC%9E%90%EB%93%A4%EC%9D%84+%EC%9C%84%ED%95%9C+%EB%B3%80%EB%A1%A0"},{"name":"산책과 연애","startedAt":"2022-01","progressValue":100,"authors":"유진목","contents":"유진목, 그리고 ‘산책’과 ‘연애’ “평소 산책이라는 것을 하지 않는 사람이 ‘산책과 연애’라는 주제로 책을 쓰기로 한 것은 연애를 하는 동안에 유독 혼자서 산책했던 시간들이 떠올랐기 때문이다. 나는 연애를 할 때마다 그들을 죽이지 않으려고 필사적으로 걸었다.” _본문 중에서 우리가 낮에 산책을 하는 이유가 나무 그늘에서 사랑을 줍기 위해서이고, 우리가 밤에 연애를 하는 이유가 완전하지 않은 당신을 겨우 사랑하기 위해서라면, 시인이『산책과","datetime":"2020-09-15T00:00:00.000+09:00","isbn":"1190999013 9791190999014","price":15000,"publisher":"시간의흐름","sale_price":13500,"status":"정상판매","thumbnail":"https://search1.kakaocdn.net/thumb/R120x174.q85/?fname=http%3A%2F%2Ft1.daumcdn.net%2Flbook%2Fimage%2F5477651%3Ftimestamp%3D20241009150936","title":"산책과 연애","translators":[],"url":"https://search.daum.net/search?w=bookpage&bookId=5477651&q=%EC%82%B0%EC%B1%85%EA%B3%BC+%EC%97%B0%EC%95%A0"},{"name":"신호와 소음","startedAt":"2022-02","progressValue":24.623803009575923,"inProgress":false,"authors":"네이트 실버","contents":"『신호와 소음』은 2012년 치러진 미국 대통령 선거 결과를 정확하게 예측한 통계학자 네이트 실버가 자신의 통계학과 예측 철학을 담아낸 책이다. 통계학을 기반으로 어떻게 잘못된 정보(소음)을 거르고 진짜 의미 있는 정보(신호)를 찾을 것인지에 대해 다룬다. 정치, 경제, 스포츠, 기후, 전쟁, 테러, 전염병, 도박 등 다양한 분야에 걸쳐 ‘미래’를 제대로 예측하는 방법에 대해서 설명한다. 책은 크게 두 부분으로 나뉘는데, 1부와 2부에서는 예측 문제","datetime":"2014-07-11T00:00:00.000+09:00","isbn":"8966187587 9788966187584","price":28000,"publisher":"더퀘스트","sale_price":25200,"status":"정상판매","thumbnail":"https://search1.kakaocdn.net/thumb/R120x174.q85/?fname=http%3A%2F%2Ft1.daumcdn.net%2Flbook%2Fimage%2F924116%3Ftimestamp%3D20230412165944","title":"신호와 소음","translators":["이경식"],"url":"https://search.daum.net/search?w=bookpage&bookId=924116&q=%EC%8B%A0%ED%98%B8%EC%99%80+%EC%86%8C%EC%9D%8C"},{"name":"멀고도 가까운","startedAt":"2022-03","endAt":"2022-04","progressValue":34.86486486486486,"inProgress":false,"authors":"리베카 솔닛","contents":"『멀고도 가까운』은 ‘맨스플레인’이라는 단어로 21세기에도 만연한 젠더 불평등의 핵심을 명쾌하게 요약하며 명성을 얻은 바 있는 리베카 솔닛의 에세이다. 지난해 한국에서 출간되면서 숱한 화제를 일으킨 《남자들은 자꾸 나를 가르치려 든다》 외에도 《걷기의 역사》, 《이 폐허를 응시하라》 등 작가의 다양한 관심과 면모를 보여주는 책들이 국내에 소개되어 있는데, 이 책은 그런 다양한 면모를 가장 통합적으로 보여준다. 저자는 읽기와 쓰기, 고독과 연대, 병과","datetime":"2016-02-11T00:00:00.000+09:00","isbn":"8983717734 9788983717733","price":17000,"publisher":"반비","sale_price":15300,"status":"정상판매","thumbnail":"https://search1.kakaocdn.net/thumb/R120x174.q85/?fname=http%3A%2F%2Ft1.daumcdn.net%2Flbook%2Fimage%2F1165228%3Ftimestamp%3D20240515112714","title":"멀고도 가까운","translators":["김현우"],"url":"https://search.daum.net/search?w=bookpage&bookId=1165228&q=%EB%A9%80%EA%B3%A0%EB%8F%84+%EA%B0%80%EA%B9%8C%EC%9A%B4"},{"name":"세상을 바꾸는 행동경제학","startedAt":"2022-03","progressValue":11,"inProgress":false,"authors":"마이클 샌더스, 수잔나 흄","contents":"사람들의 선택을 유도하는 심리적 장치를 연구하여 정책을 제안하는 세계 최고 수준의 행동경제학 연구 조직인 영국 정부 행동통찰팀의 노하우를 집대성하다! 〈넛지〉의 저자 캐스 선스타인을 비롯한 저명한 행동경제학자들이 앞다투어 추천한 책! 당신도 모르게 당신의 선택과 행동을 조종하는 행동경제학의 비밀! 심리학적 원리를 바탕으로 사람들의 행동을 유도하는 영국 ‘행동통찰팀’의 특별한 문제해결법을 공개한다. -사람들은 왜 한가한 식당보다는 손님이","datetime":"2021-01-22T00:00:00.000+09:00","isbn":"1188314653 9791188314652","price":23000,"publisher":"비즈니스랩","sale_price":20700,"status":"정상판매","thumbnail":"https://search1.kakaocdn.net/thumb/R120x174.q85/?fname=http%3A%2F%2Ft1.daumcdn.net%2Flbook%2Fimage%2F5579953%3Ftimestamp%3D20230510140425","title":"세상을 바꾸는 행동경제학","translators":["안세라"],"url":"https://search.daum.net/search?w=bookpage&bookId=5579953&q=%EC%84%B8%EC%83%81%EC%9D%84+%EB%B0%94%EA%BE%B8%EB%8A%94+%ED%96%89%EB%8F%99%EA%B2%BD%EC%A0%9C%ED%95%99"},{"name":"쥐","startedAt":"2022-03","progressValue":100,"authors":"아트 슈피겔만","contents":"만화책 유일 퓰리처상 수상작 『쥐 : 한 생존자의 이야기』. 새로운 표현 양식을 설계하고 실험적인 기법으로 《쥐》를 탈고하기까지 아트 슈피겔만은 14년이라는 긴 세월을 소요했다. 그리고 그렇게 해서 슈피겔만은 만화라는 대중문화를 예술적 표현 양식의 하나로 끌어올린 ‘그래픽 노블’의 창시자가 되었다. 유태인 출신이면서 동시에 유태인으로서 자신의 정체성을 온몸으로 거부하는 작가 슈피겔만은 독일의 구겐하임상, 미국의 퓰리처상, 전미도서비평가협회상을","datetime":"2019-03-08T00:00:00.000+09:00","isbn":"8955824939 9788955824933","price":21000,"publisher":"아름드리미디어","sale_price":18900,"status":"정상판매","thumbnail":"https://search1.kakaocdn.net/thumb/R120x174.q85/?fname=http%3A%2F%2Ft1.daumcdn.net%2Flbook%2Fimage%2F4904822%3Ftimestamp%3D20240620125312","title":"쥐(합본판)","translators":["권희섭"],"url":"https://search.daum.net/search?w=bookpage&bookId=4904822&q=%EC%A5%90%28%ED%95%A9%EB%B3%B8%ED%8C%90%29"},{"name":"아무튼, 메모","startedAt":"2022-03","progressValue":100,"authors":"정혜윤","contents":"_ 『아무튼, 메모』 “메모같이 사소한 일에 무슨 의미가 있을까?” 이런 질문에 CBS 라디오 PD 정혜윤은 되묻는다. 우리는 항상 사소한 것들의 도움 및 방해를 받고 있지 않냐고. 강아지가 꼬리만 흔들어도 웃을 수 있지 않냐고, 미세먼지만 심해도 우울하지 않냐고, 소음만 심해도 떠나고 싶지 않냐고. 그리고 덧붙인다. 몇 문장을 옮겨 적고 큰 소리로 외우는 것은 전혀 사소한 일이 아니라고. ‘사소한 일’이란 말을 언젠가는 ‘자그마한 기적’이라고 부르고 싶어","datetime":"2020-03-15T00:00:00.000+09:00","isbn":"1186602511 9791186602515","price":12000,"publisher":"위고","sale_price":10800,"status":"정상판매","thumbnail":"https://search1.kakaocdn.net/thumb/R120x174.q85/?fname=http%3A%2F%2Ft1.daumcdn.net%2Flbook%2Fimage%2F5267084%3Ftimestamp%3D20240122203320","title":"아무튼, 메모","translators":[],"url":"https://search.daum.net/search?w=bookpage&bookId=5267084&q=%EC%95%84%EB%AC%B4%ED%8A%BC%2C+%EB%A9%94%EB%AA%A8"},{"name":"거의 모든 것의 역사","startedAt":"2022-04","progressValue":10.800744878957168,"inProgress":false,"authors":"빌 브라이슨","contents":"2003년 출간된 이래 전 세계의 많은 독자들의 사랑을 받아온 빌 브라이슨의 『거의 모든 것의 역사(개역판)』 이번 개역판은 빠르게 발전하는 현대 과학의 새로운 지식을 반영하고 이전의 번역을 새롭게 다듬은 것이다. 이 책의 저자이자 ‘현존하는 가장 유머러스한 작가’라는 평을 듣는 빌 브라이슨은 3년에 걸쳐 과학에 관한 방대하고 집요한 정보 수집과 학습을 통해 결코 지루하지 않은 과학교양서를 탄생시켰다. 빌 브라이슨은 이 책에서 대폭발(빅뱅)에서","datetime":"2020-04-10T00:00:00.000+09:00","isbn":"8972917117 9788972917113","price":25000,"publisher":"까치","sale_price":22500,"status":"정상판매","thumbnail":"https://search1.kakaocdn.net/thumb/R120x174.q85/?fname=http%3A%2F%2Ft1.daumcdn.net%2Flbook%2Fimage%2F5346983%3Ftimestamp%3D20240305151815","title":"거의 모든 것의 역사(개역판)","translators":["이덕환"],"url":"https://search.daum.net/search?w=bookpage&bookId=5346983&q=%EA%B1%B0%EC%9D%98+%EB%AA%A8%EB%93%A0+%EA%B2%83%EC%9D%98+%EC%97%AD%EC%82%AC%28%EA%B0%9C%EC%97%AD%ED%8C%90%29"},{"name":"책 읽는 삶","startedAt":"2022-04","progressValue":78,"inProgress":false,"authors":"C. S. 루이스","contents":"알려지지 않은 에세이, 편지 등에서 ‘삶의 변화를 낳는 독서 행위’에 대한 글을 엄선한 책이 출간되었다. 영상물이 세상을 독식해 가는 요즘, 독서욕을 공유한 사람들의 관심을 끌 만한 재미있고 기발하고 지혜로운 글들을 선별해 엮은 《책 읽는 삶》. 당장 책장으로 달려가 책을 펼치고 싶게 만드는 책! “요즘 책과 옛날 책을 번갈아 읽어야 한다”, “동화, 아이들만의 책이 아니다”, “재미로 읽을 책을 고르는 것이 중요하다” 등 문학 읽기를 중심으로 독서 생활","datetime":"2021-07-14T00:00:00.000+09:00","isbn":"8953140277 9788953140271","price":10000,"publisher":"두란노서원","sale_price":9000,"status":"정상판매","thumbnail":"https://search1.kakaocdn.net/thumb/R120x174.q85/?fname=http%3A%2F%2Ft1.daumcdn.net%2Flbook%2Fimage%2F5792319%3Ftimestamp%3D20240808151547","title":"책 읽는 삶","translators":["윤종석"],"url":"https://search.daum.net/search?w=bookpage&bookId=5792319&q=%EC%B1%85+%EC%9D%BD%EB%8A%94+%EC%82%B6"},{"name":"작별인사","startedAt":"2022-05","progressValue":100,"authors":"김영하","contents":"김영하가 『살인자의 기억법』 이후 9 년 만에 내놓는 장편소설 『작별인사』는 그리 멀지 않은 미래를 배경으로, 별안간 삶이 송두리째 뒤흔들린 한 소년의 여정을 좇는다. 유명한 IT 기업의 연구원인 아버지와 쾌적하고 평화롭게 살아가던 철이는 어느날 갑자기 수용소로 끌려가 난생처음 날것의 감정으로 가득한 혼돈의 세계에 맞닥뜨리게 되면서 정신적, 신체적 위기에 직면한다. 동시에 자신처럼 사회에서 배제된 자들을 만나 처음으로 생생한 소속감을 느끼고 따뜻한","datetime":"2022-05-02T00:00:00.000+09:00","isbn":"1191114228 9791191114225","price":14000,"publisher":"복복서가","sale_price":12600,"status":"정상판매","thumbnail":"https://search1.kakaocdn.net/thumb/R120x174.q85/?fname=http%3A%2F%2Ft1.daumcdn.net%2Flbook%2Fimage%2F6056307%3Ftimestamp%3D20240613145729","title":"작별인사","translators":[],"url":"https://search.daum.net/search?w=bookpage&bookId=6056307&q=%EC%9E%91%EB%B3%84%EC%9D%B8%EC%82%AC"},{"name":"게으름에 대한 찬양","startedAt":"2022-05","progressValue":12,"inProgress":false,"authors":"버트런드 러셀","contents":"비판하며, 열심히 일해야 한다는 사회적 통념과 달리 인간의 진정한 자유와 주체성 확립을 위해서는 오히려 여가가 필요하다고 주장한다. 이 책은 정치적 대립 상황에서 간과되기 쉬운 사회 현안들을 여러 측면에서 바라보고 있다. <게으름에 대한 찬양>을 포함하여 <무용한 지식과 유용한 지식>, <건축에 대한 몇 가지 생각>, <현대판 마이더스>, <사회주의를 위한 변명> 등 15편의 글을 만나볼 수 있다","datetime":"2005-04-25T00:00:00.000+09:00","isbn":"8956025797 9788956025797","price":8800,"publisher":"사회평론","sale_price":7920,"status":"정상판매","thumbnail":"https://search1.kakaocdn.net/thumb/R120x174.q85/?fname=http%3A%2F%2Ft1.daumcdn.net%2Flbook%2Fimage%2F723098%3Ftimestamp%3D20240810113243","title":"게으름에 대한 찬양","translators":["송은경"],"url":"https://search.daum.net/search?w=bookpage&bookId=723098&q=%EA%B2%8C%EC%9C%BC%EB%A6%84%EC%97%90+%EB%8C%80%ED%95%9C+%EC%B0%AC%EC%96%91"},{"name":"쓰고 싶다 쓰고 싶지 않다","startedAt":"2022-05","progressValue":100,"authors":"전고운, 이석원, 이다혜, 이랑, 박정민, 김종관","contents":"삶의 이야기를 전하고, 많은 이들이 작가라는 이름을 갖게 되길 간절히 희망한다. 지금 시대를 살아가는 사람들에게 ‘쓰기’란 좀 더 자신을 잘 표현하기 위해 갖추어야 할 능력이 되었다. 다양한 표현의 시대, 이 책 『쓰고 싶다 쓰고 싶지 않다』 는 마음이 글로 표현되기까지의 뒷모습을 조명한다. 각자의 일과 삶에서 직접적으로든 간접적으로든 쓰기가 영향을 미치는 사람들인 전고운, 이석원, 이다혜, 이랑, 박정민, 김종관, 백세희, 한은형, 임대형 9인의 이야기","datetime":"2022-04-25T00:00:00.000+09:00","isbn":" 2090000114485","price":15000,"publisher":"유선사","sale_price":13500,"status":"예약판매","thumbnail":"https://search1.kakaocdn.net/thumb/R120x174.q85/?fname=http%3A%2F%2Ft1.daumcdn.net%2Flbook%2Fimage%2F6094876%3Ftimestamp%3D20240122203101","title":"쓰고 싶다 쓰고 싶지 않다 사인본 (교보문고 랜선 팬 사인회 전용 상품)","translators":[],"url":"https://search.daum.net/search?w=bookpage&bookId=6094876&q=%EC%93%B0%EA%B3%A0+%EC%8B%B6%EB%8B%A4+%EC%93%B0%EA%B3%A0+%EC%8B%B6%EC%A7%80+%EC%95%8A%EB%8B%A4+%EC%82%AC%EC%9D%B8%EB%B3%B8+%28%EA%B5%90%EB%B3%B4%EB%AC%B8%EA%B3%A0+%EB%9E%9C%EC%84%A0+%ED%8C%AC+%EC%82%AC%EC%9D%B8%ED%9A%8C+%EC%A0%84%EC%9A%A9+%EC%83%81%ED%92%88%29"},{"name":"오직 두사람","startedAt":"2022-06","progressValue":100,"authors":"김영하","contents":"《무슨 일이 일어났는지 아무도》 이후 7년 만에 펴낸 김영하의 소설집 『오직 두 사람』. 다채로운 스펙트럼으로 한국문학의 지평을 확장해온, 이른바 ‘김영하 스타일’이 총망라된 작품집이다. 무언가를 상실한 사람들, 그리고 상실 이후의 삶을 살아가는 이들의 이야기를 담은 일곱 편의 작품이 담겨 있다. 한 인간 내면의 복합적인 감정부터 다종다양한 관계의 모순, 더 나아가 소위 신의 뜻이라 비유되는 알 수 없는 상황에 처한 인간의 고뇌까지 담아낸 이야기를","datetime":"2017-05-25T00:00:00.000+09:00","isbn":"8954645615 9788954645614","price":13000,"publisher":"문학동네","sale_price":11700,"status":"정상판매","thumbnail":"https://search1.kakaocdn.net/thumb/R120x174.q85/?fname=http%3A%2F%2Ft1.daumcdn.net%2Flbook%2Fimage%2F693034%3Ftimestamp%3D20240512112018","title":"오직 두 사람","translators":[],"url":"https://search.daum.net/search?w=bookpage&bookId=693034&q=%EC%98%A4%EC%A7%81+%EB%91%90+%EC%82%AC%EB%9E%8C"},{"name":"읽지 않은 책에 대해 말하는 법","startedAt":"2022-06","progressValue":82.70042194092827,"inProgress":false,"authors":"피에르 바야르","contents":"〈읽지 않은 책에 대해 말하는 법〉은 비독서를 포함하는 새로운 독서 패러다임을 제시하는 책이다. 2007년에 프랑스에서 출간되어 대중과 평단과 언론의 찬사를 받은 책으로, 전통적으로 당연하게 여겨온 독서문화와 그에 대한 금기를 되짚어본다. '이런 책은 꼭 읽어야 한다'는 강박관념에서 벗어나, 독서의 목적과 방법에 대한 새로운 패러다임을 제시한다. 이 책은 읽지 않은 책에 대해서는 언급할 수 없다는 사회적 금기를 깨뜨리고, 읽지 않은 책에 대해서도","datetime":"2008-02-20T00:00:00.000+09:00","isbn":"8989348978 9788989348979","price":12000,"publisher":"여름언덕","sale_price":10800,"status":"정상판매","thumbnail":"https://search1.kakaocdn.net/thumb/R120x174.q85/?fname=http%3A%2F%2Ft1.daumcdn.net%2Flbook%2Fimage%2F1293577%3Ftimestamp%3D20241009114642","title":"읽지 않은 책에 대해 말하는 법","translators":["김병욱"],"url":"https://search.daum.net/search?w=bookpage&bookId=1293577&q=%EC%9D%BD%EC%A7%80+%EC%95%8A%EC%9D%80+%EC%B1%85%EC%97%90+%EB%8C%80%ED%95%B4+%EB%A7%90%ED%95%98%EB%8A%94+%EB%B2%95"},{"name":"깨끗한 존경","startedAt":"2022-06","progressValue":62.96296296296296,"inProgress":false,"authors":"이슬아","contents":"이슬아의 첫 번째 인터뷰집. 정혜윤, 김한민, 유진목, 김원영과의 긴 대화가 담겨 있다. 네 사람의 이야기를 보고 들은 뒤 감탄과 절망을 오가며 새로운 자신을 향해 나아간다. 2019년 〈일간 이슬아〉 시즌 2에 연재된 인터뷰 원고를 모아 다듬은 책이다.","datetime":"2019-11-13T00:00:00.000+09:00","isbn":"1196589143 9791196589141","price":15000,"publisher":"헤엄","sale_price":13500,"status":"정상판매","thumbnail":"https://search1.kakaocdn.net/thumb/R120x174.q85/?fname=http%3A%2F%2Ft1.daumcdn.net%2Flbook%2Fimage%2F5138233%3Ftimestamp%3D20240614132932","title":"깨끗한 존경","translators":[],"url":"https://search.daum.net/search?w=bookpage&bookId=5138233&q=%EA%B9%A8%EB%81%97%ED%95%9C+%EC%A1%B4%EA%B2%BD"},{"name":"H마트에서 울다","startedAt":"2022-07","progressValue":100,"authors":"미셸 자우너","contents":"인디 팝 밴드 재패니즈 브렉퍼스트의 보컬이자 2022 타임지 ‘가장 영향력 있는 100인’에 이름을 올린 한국계 미국인 미셸 자우너의 뭉클한 성장기를 담은 에세이 『H마트에서 울다』의 리커버판을 전 세계 최초로 선보인다. 2022년 한국어판 출간 이래 많은 독자들의 사랑을 받아온 이 책은 한인마트에서 잃어버린 한국인의 조각을 찾는 한 여성의 흥미로운 이야기로 전 세계인을 사로잡았다. K-푸드를 테마로 한 이번 리커버판은 엄마와 딸 사이에 음식으로","datetime":"2022-02-28T00:00:00.000+09:00","isbn":"8954683371 9788954683371","price":16000,"publisher":"문학동네","sale_price":14400,"status":"정상판매","thumbnail":"https://search1.kakaocdn.net/thumb/R120x174.q85/?fname=http%3A%2F%2Ft1.daumcdn.net%2Flbook%2Fimage%2F6015290%3Ftimestamp%3D20240531151609","title":"H마트에서 울다(리커버:K)","translators":["정혜윤"],"url":"https://search.daum.net/search?w=bookpage&bookId=6015290&q=H%EB%A7%88%ED%8A%B8%EC%97%90%EC%84%9C+%EC%9A%B8%EB%8B%A4%28%EB%A6%AC%EC%BB%A4%EB%B2%84%3AK%29"},{"name":"시드 마이어","startedAt":"2022-08","progressValue":13,"inProgress":false,"authors":"시드 마이어, 제니퍼 리 누넌","contents":"한번 시작하면 헤어나올 수 없는 마성의 게임 〈문명〉을 탄생시킨 전설적인 게임 디자이너 시드 마이어의 삶과 커리어, 그리고 게임 철학이 담긴 40년의 기억 턴제 게임의 대가이자 전설적인 개발자인 시드 마이어가자신의 삶과 커리어, 컴퓨터 게임 시장을 개척해 낸 시절부터 지금까지 만들어온 모든 게임에 얽힌 일화들과 게임 철학을 담았다. 학창 시절 재미로 만들었던 게임부터 대성공을 거둔 〈문명〉 시리즈에 이르기까지, 시드 마이어로부터 탄생했거나","datetime":"2021-06-25T00:00:00.000+09:00","isbn":"8931465408 9788931465402","price":19800,"publisher":"영진닷컴","sale_price":17820,"status":"정상판매","thumbnail":"https://search1.kakaocdn.net/thumb/R120x174.q85/?fname=http%3A%2F%2Ft1.daumcdn.net%2Flbook%2Fimage%2F5746878%3Ftimestamp%3D20240713151410","title":"시드 마이어","translators":["이미령"],"url":"https://search.daum.net/search?w=bookpage&bookId=5746878&q=%EC%8B%9C%EB%93%9C+%EB%A7%88%EC%9D%B4%EC%96%B4"},{"name":"가벼운 책임","startedAt":"2022-09","progressValue":76.76767676767676,"inProgress":false,"authors":"김신회","contents":"확실한 사랑이 있고 그 사랑은 당신을 구원할 것이다.” _오지은(작가, 뮤지션) 『보노보노처럼 살다니 다행이야』, 『심심과 열심』 등으로 꾸준히 우리 곁에서 발 맞춰 걸으며 깊은 공감을 이끌어낸 김신회 작가가 신작 에세이 『가벼운 책임』을 펴냈다. 작가는 세상 사는 데 요령이 없는 어른들에게 ‘틀린 길로 가도 괜찮아, 다른 걸 찾을 수 있을 테니까’라는 위로의 메시지를 전해왔다. 그런 그도 실낱같은 바람에 무수히 흔들리고, 인간관계 속에서 상처받고","datetime":"2021-03-22T00:00:00.000+09:00","isbn":"1130636054 9791130636054","price":14000,"publisher":"오티움","sale_price":12600,"status":"정상판매","thumbnail":"https://search1.kakaocdn.net/thumb/R120x174.q85/?fname=http%3A%2F%2Ft1.daumcdn.net%2Flbook%2Fimage%2F5624930%3Ftimestamp%3D20240824152703","title":"가벼운 책임","translators":[],"url":"https://search.daum.net/search?w=bookpage&bookId=5624930&q=%EA%B0%80%EB%B2%BC%EC%9A%B4+%EC%B1%85%EC%9E%84"},{"name":"누구나 자료구조와 알고리즘","startedAt":"2022-09","progressValue":66,"authors":"제이 웬그로우","contents":"잘 안다고 가정하고 있다. 쉽게 설명했다는 책도 전문 용어로 가득하다. 비전공자나 수학적 기초가 약한 독자는 전문 용어에 두려움을 느끼며 이 주제를 이해할 만큼 자신이 똑똑하지 않다고 느끼며 이 주제를 회피한다. 그러나 자료 구조와 알고리즘은 대부분 상식선에서 이해할 수 있다. 상식이 통하는 설명으로 자료 구조와 알고리즘을 이해해보자. 프로그래밍의 핵심 스킬을 이해한다 자료 구조와 알고리즘은 프로그래밍의 핵심 스킬이다. 더 빠른 코드, 더 효율적인","datetime":"2018-06-30T00:00:00.000+09:00","isbn":"1160505063 9791160505061","price":16000,"publisher":"길벗","sale_price":14400,"status":"정상판매","thumbnail":"https://search1.kakaocdn.net/thumb/R120x174.q85/?fname=http%3A%2F%2Ft1.daumcdn.net%2Flbook%2Fimage%2F1598317%3Ftimestamp%3D20220121133246","title":"누구나 자료 구조와 알고리즘","translators":["심지현"],"url":"https://search.daum.net/search?w=bookpage&bookId=1598317&q=%EB%88%84%EA%B5%AC%EB%82%98+%EC%9E%90%EB%A3%8C+%EA%B5%AC%EC%A1%B0%EC%99%80+%EC%95%8C%EA%B3%A0%EB%A6%AC%EC%A6%98"},{"name":"가벼운 마음","startedAt":"2022-10","endAt":"2022-10","progressValue":100,"authors":"크리스티앙 보뱅","contents":"짙은 어두움 속에서도 삶의 환희를 찬양하는 시인이 쓰는 소설은 어떤 모습일까. 〈가벼운 마음〉은 보뱅의 시적인 문장과 단어들이 가벼이 날아올라 춤추며 흐려진 영혼에 빛을 비추고, 우리 안에 오래 묻혀 잊혀졌던 것들을 깨워 다시 한번 삶의 환희로 우리를 초대하는 작품이다. 〈작은 파티 드레스〉 〈환희의 인간〉 〈그리움의 정원에서〉와 같은 산문에서 보여주었던 일상의 삶 속에서 발견하는 보석같은 순간들과 죽음마저도 넘어서는 사랑에 대한 찬가도 아름다웠지만, 소설","datetime":"2022-08-22T00:00:00.000+09:00","isbn":"1190533154 9791190533157","price":14000,"publisher":"1984BOOKS","sale_price":12600,"status":"정상판매","thumbnail":"https://search1.kakaocdn.net/thumb/R120x174.q85/?fname=http%3A%2F%2Ft1.daumcdn.net%2Flbook%2Fimage%2F6145338%3Ftimestamp%3D20240518160055","title":"가벼운 마음","translators":["김도연"],"url":"https://search.daum.net/search?w=bookpage&bookId=6145338&q=%EA%B0%80%EB%B2%BC%EC%9A%B4+%EB%A7%88%EC%9D%8C"},{"name":"나의 아름다운 할머니","startedAt":"2022-10","progressValue":39.09090909090909,"inProgress":false,"authors":"심윤경","contents":"제대로 사랑하고 표현하는 법을 가르쳐드립니다. “밥숟가락 뜨는 법도 잊어버린 할머니가 된 내가 의미 없이 환하게 웃고 있다면, 그때 나는 나만의 위대한 성취를 해내는 중이다.” 『나의 아름다운 정원』 『설이』 등으로 큰 사랑을 받아온 소설가 심윤경이 작가 활동 20년을 맞아 처음으로 에세이를 펴냈다. 작가는 자신의 소설들에 나온 좋은 어른들의 원형은 ‘할머니’였다고 말한다. 책에는 작가가 아이를 키우면서 깨달은 할머니의 사랑법에 대한 이야기로","datetime":"2022-08-19T00:00:00.000+09:00","isbn":"1160949646 9791160949643","price":13000,"publisher":"사계절","sale_price":11700,"status":"정상판매","thumbnail":"https://search1.kakaocdn.net/thumb/R120x174.q85/?fname=http%3A%2F%2Ft1.daumcdn.net%2Flbook%2Fimage%2F6142667%3Ftimestamp%3D20240725160939","title":"나의 아름다운 할머니","translators":[],"url":"https://search.daum.net/search?w=bookpage&bookId=6142667&q=%EB%82%98%EC%9D%98+%EC%95%84%EB%A6%84%EB%8B%A4%EC%9A%B4+%ED%95%A0%EB%A8%B8%EB%8B%88"},{"name":"시선으로부터","startedAt":"2022-10","progressValue":3.880597014925373,"inProgress":false,"authors":"정세랑","contents":"선사했던 정세랑. 작가의 동명 소설을 원작으로 제작되는 넷플릭스 드라마 〈보건교사 안은영〉(이경미 감독, 정유미 주연)과, SM에서 제작중인 케이팝 드라마 〈일루미네이션〉의 각본을 집필하며 활동 반경을 넓혀가고 있는 그가 장편소설 『시선으로부터,』로 돌아왔다. 『시선으로부터,』는 구상부터 완성까지 5년이 걸린 대작으로, 한국일보문학상을 수상한 『피프티 피플』 이후 4년 만에 내놓는 신작 장편소설이다. 『시선으로부터,』는 올해 3월 오픈한 웹진 〈주간 문학동네","datetime":"2020-06-05T00:00:00.000+09:00","isbn":"8954672213 9788954672214","price":14000,"publisher":"문학동네","sale_price":12600,"status":"정상판매","thumbnail":"https://search1.kakaocdn.net/thumb/R120x174.q85/?fname=http%3A%2F%2Ft1.daumcdn.net%2Flbook%2Fimage%2F5377431%3Ftimestamp%3D20240410145817","title":"시선으로부터,","translators":[],"url":"https://search.daum.net/search?w=bookpage&bookId=5377431&q=%EC%8B%9C%EC%84%A0%EC%9C%BC%EB%A1%9C%EB%B6%80%ED%84%B0%2C"},{"name":"재수사1","startedAt":"2022-11","endAt":"2022-11","progressValue":100,"authors":"장강명","contents":"우리의 소원은 전쟁》 《한국이 싫어서》……. 날카로운 지성과 거침없는 상상력, 속도감 있는 문장으로 발표하는 작품마다 우리 삶과 연관된 가장 사실적인 순간을 포착해온, 그야말로 장르불문의 올라운더 소설가 장강명의 신작 장편소설 《재수사》가 은행나무출판사에서 출간된다. 6년 만의 장편소설이다. 강력범죄수사대 소속 형사 연지혜가 22년 전 발생한 신촌 여대생 살인사건을 재수사하며 벌어지는 일을 다룬 이 소설은, 치밀한 취재로 만들어낸 생생한 현장감, 서사를","datetime":"2022-08-22T00:00:00.000+09:00","isbn":"1167372018 9791167372017","price":16000,"publisher":"은행나무","sale_price":14400,"status":"정상판매","thumbnail":"https://search1.kakaocdn.net/thumb/R120x174.q85/?fname=http%3A%2F%2Ft1.daumcdn.net%2Flbook%2Fimage%2F6140619%3Ftimestamp%3D20230128142017","title":"재수사 1","translators":[],"url":"https://search.daum.net/search?w=bookpage&bookId=6140619&q=%EC%9E%AC%EC%88%98%EC%82%AC+1"},{"name":"재수사2","startedAt":"2022-11","endAt":"2022-11","progressValue":100,"authors":"장강명","contents":"우리의 소원은 전쟁》 《한국이 싫어서》……. 날카로운 지성과 거침없는 상상력, 속도감 있는 문장으로 발표하는 작품마다 우리 삶과 연관된 가장 사실적인 순간을 포착해온, 그야말로 장르불문의 올라운더 소설가 장강명의 신작 장편소설 《재수사》가 은행나무출판사에서 출간된다. 6년 만의 장편소설이다. 강력범죄수사대 소속 형사 연지혜가 22년 전 발생한 신촌 여대생 살인사건을 재수사하며 벌어지는 일을 다룬 이 소설은, 치밀한 취재로 만들어낸 생생한 현장감, 서사를","datetime":"2022-08-22T00:00:00.000+09:00","isbn":"1167372026 9791167372024","price":16000,"publisher":"은행나무","sale_price":14400,"status":"정상판매","thumbnail":"https://search1.kakaocdn.net/thumb/R120x174.q85/?fname=http%3A%2F%2Ft1.daumcdn.net%2Flbook%2Fimage%2F6141049%3Ftimestamp%3D20230727155726","title":"재수사 2","translators":[],"url":"https://search.daum.net/search?w=bookpage&bookId=6141049&q=%EC%9E%AC%EC%88%98%EC%82%AC+2"},{"name":"당신 인생의 이야기","startedAt":"2022-12","progressValue":100,"authors":"테드 창","contents":"과학소설 작가 테드 창의 SF 소설집 『당신 인생의 이야기』. 단 한 권의 작품집으로 ‘전 세대를 통틀어 가장 위대한 과학 단편소설 작가 중의 한 명’이라는 명성을 얻은 테드 창의 소설집이다. 과학이 줄 수 있는 최고의 지적 상상력과 소설이 줄 수 있는 최고의 철학적 사유를 선사하는 이 책은 기막힌 상상력을 품고 있으면서도 읽고 나면 엄청난 감동이 밀려오는 여덟 편의 단편을 수록했다. 천상의 시작점으로 이어지는 탑을 건설하는 고대 바빌로니아인에","datetime":"2016-10-19T00:00:00.000+09:00","isbn":"8956057842 9788956057842","price":17000,"publisher":"엘리","sale_price":15300,"status":"정상판매","thumbnail":"https://search1.kakaocdn.net/thumb/R120x174.q85/?fname=http%3A%2F%2Ft1.daumcdn.net%2Flbook%2Fimage%2F724138%3Ftimestamp%3D20240904113753","title":"당신 인생의 이야기","translators":["김상훈(강수백)"],"url":"https://search.daum.net/search?w=bookpage&bookId=724138&q=%EB%8B%B9%EC%8B%A0+%EC%9D%B8%EC%83%9D%EC%9D%98+%EC%9D%B4%EC%95%BC%EA%B8%B0"},{"name":"이토록 평범한 미래","startedAt":"2023-01","progressValue":100,"authors":"김연수","contents":"작가 김연수가 짧지 않은 침묵을 깨고 신작 소설집 『이토록 평범한 미래』를 출간한다. 『사월의 미, 칠월의 솔』(2013) 이후 9년 만에 펴내는 여섯번째 소설집이다. 그전까지 2~4년 간격으로 꾸준히 소설집을 펴내며 ‘다작 작가’로 알려져온 그에게 지난 9년은 “바뀌어야 한다는 내적인 욕구”가 강하게 작동하는 동시에 “외적으로도 바뀔 수밖에 없는 일들이 벌어진”(특별 소책자 『어텐션 북』 수록 인터뷰에서) 시간이었다. 안팎으로 변화를 추동하는 일","datetime":"2022-10-07T00:00:00.000+09:00","isbn":"8954680003 9788954680004","price":14000,"publisher":"문학동네","sale_price":12600,"status":"정상판매","thumbnail":"https://search1.kakaocdn.net/thumb/R120x174.q85/?fname=http%3A%2F%2Ft1.daumcdn.net%2Flbook%2Fimage%2F6170593%3Ftimestamp%3D20240601150456","title":"이토록 평범한 미래","translators":[],"url":"https://search.daum.net/search?w=bookpage&bookId=6170593&q=%EC%9D%B4%ED%86%A0%EB%A1%9D+%ED%8F%89%EB%B2%94%ED%95%9C+%EB%AF%B8%EB%9E%98"},{"name":"호밀밭의 파수꾼","startedAt":"2023-03","progressValue":100,"authors":"제롬 데이비드 샐린저","contents":"2023년 새로 출간하는 『호밀밭의 파수꾼』은 옮긴이 정영목 교수가 주인공 홀든 콜필드의 개성을 한층 더 생생히 표현하기 위해 원작의 문체와 문형에 가장 가까운 한국어 문장을 고심하며 저작권자의 자문과 검수를 거쳐 완성한 텍스트이다. 뿐만 아니라, 2020년대 한국 독자들의 생생한 문화적 문학적 감수성에도 부합하는 동시에 원작의 문장들이 갖는 리듬과 호흡, 맥락과 의미까지 고스란히 살리기 위한 어휘의 선별은 물론, 쉼표와 말줄임표 등 문장 부호의","datetime":"2023-01-17T00:00:00.000+09:00","isbn":"8937460475 9788937460470","price":12000,"publisher":"민음사","sale_price":10800,"status":"정상판매","thumbnail":"https://search1.kakaocdn.net/thumb/R120x174.q85/?fname=http%3A%2F%2Ft1.daumcdn.net%2Flbook%2Fimage%2F540813%3Ftimestamp%3D20240617112523","title":"호밀밭의 파수꾼","translators":["정영목"],"url":"https://search.daum.net/search?w=bookpage&bookId=540813&q=%ED%98%B8%EB%B0%80%EB%B0%AD%EC%9D%98+%ED%8C%8C%EC%88%98%EA%BE%BC"},{"name":"스토너","startedAt":"2023-05","endAt":"2023-08","progressValue":100,"authors":"존 윌리엄스","contents":"1965년 미국에서 발표된 후 오랜 시간 독자들에게 잊혀졌던 작품이 유럽 출판계와 평론가, 독자들의 열렬한 반응을 이끌어내며 베스트셀러가 되었다. 50년의 시차를 뛰어넘어 미국과 유럽 그리고 전 세계의 마음을 사로잡은 작품, 『스토너』의 이야기다. 농부의 아들로 태어나 문학을 사랑했으며 묵묵히 자신의 길을 가고자 했던 윌리엄 스토너. 세상의 기준에서 실패자와 다른 없는 삶을 산 한 남자의 이야기가 발표된 지 50년이 지난 지금 다시 주목 받은 이유는","datetime":"2015-01-02T00:00:00.000+09:00","isbn":"8925554992 9788925554990","price":16800,"publisher":"알에이치코리아","sale_price":15120,"status":"정상판매","thumbnail":"https://search1.kakaocdn.net/thumb/R120x174.q85/?fname=http%3A%2F%2Ft1.daumcdn.net%2Flbook%2Fimage%2F415420%3Ftimestamp%3D20240627152349","title":"스토너","translators":["김승욱"],"url":"https://search.daum.net/search?w=bookpage&bookId=415420&q=%EC%8A%A4%ED%86%A0%EB%84%88"},{"name":"가난의 문법","startedAt":"2023-05","progressValue":53,"inProgress":false,"authors":"소준철","contents":"『가난의 문법』은 한국출판문화산업진흥원 2020 우수출판콘텐츠 선정작. 도시연구자 소준철이 2015년부터 2019년까지 연구한 결과를 책으로 묶었다. 저자는 재활용품을 수집하는 여성 도시 노인의 생애사적 특징과 재활용품 수집이라는 일을 통해 가난을 들여다본다. 그들은 어떠한 가난의 경로를 거쳐왔는가? 분기점에서 한 어떤 선택이 그들을 가난으로 이끌었는가? 그들이 살아온 삶, 재활용품 수집을 시작한 이유, 수집 과정에서 일어나는 다양한 경쟁, 노인들","datetime":"2020-11-30T00:00:00.000+09:00","isbn":"1156758513 9791156758518","price":16000,"publisher":"푸른숲","sale_price":14400,"status":"정상판매","thumbnail":"https://search1.kakaocdn.net/thumb/R120x174.q85/?fname=http%3A%2F%2Ft1.daumcdn.net%2Flbook%2Fimage%2F5532650%3Ftimestamp%3D20240425155006","title":"가난의 문법","translators":[],"url":"https://search.daum.net/search?w=bookpage&bookId=5532650&q=%EA%B0%80%EB%82%9C%EC%9D%98+%EB%AC%B8%EB%B2%95"},{"name":"너무나 많은 여름이","startedAt":"2023-06","endAt":"2023-07","progressValue":100,"authors":"김연수","contents":"김연수의 ‘다음’ 걸음 지난해 소설집 『이토록 평범한 미래』를 출간한 후, 김연수는 여러 번, 그사이 “바뀌어야 한다는 내적인 욕구”가 강하게 작동하는 동시에 “외적으로도 바뀔 수밖에 없는 일들이 벌어”졌다고 언급한다. 신간 『너무나 많은 여름이』는 그 시기를 건넌 뒤 쓰여진 짧은 소설들로, 변화에 대한 내적인 욕구와 외적인 요구가 옮겨놓은, 김연수의 ‘그다음’ 첫걸음인 셈이다. 작가는 이 소설들을 여러 서점과 도서관에서 “얼굴과 얼굴을 마주”하고 독자들","datetime":"2023-06-26T00:00:00.000+09:00","isbn":"1196722013 9791196722012","price":16000,"publisher":"레제","sale_price":14400,"status":"정상판매","thumbnail":"https://search1.kakaocdn.net/thumb/R120x174.q85/?fname=http%3A%2F%2Ft1.daumcdn.net%2Flbook%2Fimage%2F6377248%3Ftimestamp%3D20240504160754","title":"너무나 많은 여름이","translators":[],"url":"https://search.daum.net/search?w=bookpage&bookId=6377248&q=%EB%84%88%EB%AC%B4%EB%82%98+%EB%A7%8E%EC%9D%80+%EC%97%AC%EB%A6%84%EC%9D%B4"},{"name":"리팩터링","startedAt":"2023-08","endAt":"2023-10","progressValue":100,"authors":"마틴 파울러","contents":"지난 20년간 전 세계 프로그래머에게 리팩터링의 교본이었던 이 책의 1판은, 기존 코드의 디자인을 개선하고 소프트웨어 유지 관리 능력을 향상시켰으며 기존 코드를 이해하기 쉽게 만드는 데 도움을 주었습니다. 간절히 기다려온 이번 개정판에는 프로그래밍 환경의 중요한 변화가 대거 반영되었습니다. 새로운 리팩터링 카탈로그를 자바스크립트 코드로 제시합니다. 리팩터링 원칙부터 클래스 없이 리팩터링하는 방법과 데이터 조직화, 조건부 로직 간소화 방법을 다룹니다. 또한","datetime":"2020-04-01T00:00:00.000+09:00","isbn":"1162242744 9791162242742","price":35000,"publisher":"한빛미디어","sale_price":31500,"status":"정상판매","thumbnail":"https://search1.kakaocdn.net/thumb/R120x174.q85/?fname=http%3A%2F%2Ft1.daumcdn.net%2Flbook%2Fimage%2F5326912%3Ftimestamp%3D20240904154033","title":"리팩터링","translators":["개앞맵시(이복연)"],"url":"https://search.daum.net/search?w=bookpage&bookId=5326912&q=%EB%A6%AC%ED%8C%A9%ED%84%B0%EB%A7%81"},{"name":"무의미의 축제","startedAt":"2023-10","endAt":"2023-10","progressValue":100,"authors":"밀란 쿤데라","contents":"「참을 수 없는 존재의 가벼움」 「농담」 「불멸」 「소설의 기술」로 등으로 유럽을 넘어 전세계 독자들의 사랑을 받은 거장 밀란 쿤데라의 마지막 소설 「무의미의 축제」가 한국어판 출간 10주년을 기념하여 리커버 에디션으로 출간되었다. 2000년, 「향수」가 스페인에서 출간된 이후 14년 후에 발표한 이 마지막 소설은 쿤데라 문학의 정점을 이룬다. 알랭, 칼리방, 샤를, 라몽, 네 주인공을 중심으로 다양한 이야기가 촘촘히 엮여 진행되는 이 소설은, 새로이 에로티시즘","datetime":"2024-06-24T00:00:00.000+09:00","isbn":"8937456745 9788937456749","price":15000,"publisher":"민음사","sale_price":13500,"status":"정상판매","thumbnail":"https://search1.kakaocdn.net/thumb/R120x174.q85/?fname=http%3A%2F%2Ft1.daumcdn.net%2Flbook%2Fimage%2F6671947%3Ftimestamp%3D20240711154305","title":"무의미의 축제","translators":["방미경"],"url":"https://search.daum.net/search?w=bookpage&bookId=6671947&q=%EB%AC%B4%EC%9D%98%EB%AF%B8%EC%9D%98+%EC%B6%95%EC%A0%9C"},{"name":"아무튼, 계속","startedAt":"2023-10","endAt":"2023-10","progressValue":100,"authors":"김교석","contents":"‘나를 만든 세계, 내가 만든 세계’ 아무튼 시리즈의 일곱 번째 책은 『아무튼, 계속』이다. 세상은 빠르게 변하고 얼리어답터가 아니면 뒤처질 것 같은 느낌에 괜히 마음이 급해지기도 하지만 그래도 우리 모두는 자신의 삶 속에서 계속되는 무언가를 하나씩은 붙들고 살지 않을까? 『아무튼, 계속』은 무언가를 ‘계속’ 하는 사람의 이야기이다. 전 『필름 2.0』 기자였고 현재 TV 칼럼니스트로 활동 중인 저자는 성장과 변화와 발전에서 행복을 느끼기보다는 모든 순간","datetime":"2017-12-12T00:00:00.000+09:00","isbn":"1186602341 9791186602348","price":12000,"publisher":"위고","sale_price":10800,"status":"정상판매","thumbnail":"https://search1.kakaocdn.net/thumb/R120x174.q85/?fname=http%3A%2F%2Ft1.daumcdn.net%2Flbook%2Fimage%2F1635624%3Ftimestamp%3D20240806112338","title":"아무튼, 계속","translators":[],"url":"https://search.daum.net/search?w=bookpage&bookId=1635624&q=%EC%95%84%EB%AC%B4%ED%8A%BC%2C+%EA%B3%84%EC%86%8D"},{"name":"모순","startedAt":"2023-10","endAt":"2023-12","progressValue":100,"authors":"양귀자","contents":"양귀자 소설의 힘을 보여준 베스트셀러 『모순』. 1998년에 초판이 출간된 이후 132쇄를 찍으며 여전히 많은 사랑을 받고 있는 작품을, 오래도록 소장할 수 있는 양장본으로 새롭게 선보인다. 스물다섯 살 미혼여성 안진진을 통해 모순으로 가득한 우리의 인생을 들여다본다. 작가 특유의 섬세한 문장들로 여러 인물들의 삶을 생생하게 그려내고 있다. 시장에서 내복을 팔고 있는 억척스런 어머니와 행방불명 상태로 떠돌다 가끔씩 귀가하는 아버지, 조폭의 보스가","datetime":"2013-04-01T00:00:00.000+09:00","isbn":"8998441012 9788998441012","price":13000,"publisher":"쓰다","sale_price":11700,"status":"정상판매","thumbnail":"https://search1.kakaocdn.net/thumb/R120x174.q85/?fname=http%3A%2F%2Ft1.daumcdn.net%2Flbook%2Fimage%2F1500252%3Ftimestamp%3D20240802114042","title":"모순","translators":[],"url":"https://search.daum.net/search?w=bookpage&bookId=1500252&q=%EB%AA%A8%EC%88%9C"},{"name":"0원으로 사는 삶","startedAt":"2023-12","inProgress":false,"progressValue":60,"authors":"박정미","contents":"브리스틀의 자전거 수리 전문 카페 ‘롤 포 더 소울’, 중부 우스터를 지나 런던에 돌아왔다. 노동력 교환 커뮤니티에 장기간 머물 수도 있었지만, 저자는 단순한 생존에서 나아가 자신만의 삶의 방식을 찾기로 한다. 도시에서도 0원살이를 이어가기로 한 이유도 여기에 있다. 보트, 카라반에 사는 모바일 리빙부터 버려진 창고나 공장을 거처로 삼는 웨어하우스 리빙, 빈 건물을 점거하는 스퀏팅까지. 대안 주거 공간에서 생활하는 사람들은 삶의 방식과 거주 방법 자체를 변화시키고자","datetime":"2022-10-28T00:00:00.000+09:00","isbn":"1159259119 9791159259111","price":19500,"publisher":"들녘","sale_price":17550,"status":"정상판매","thumbnail":"https://search1.kakaocdn.net/thumb/R120x174.q85/?fname=http%3A%2F%2Ft1.daumcdn.net%2Flbook%2Fimage%2F6204610%3Ftimestamp%3D20240725161830","title":"0원으로 사는 삶","translators":[],"url":"https://search.daum.net/search?w=bookpage&bookId=6204610&q=0%EC%9B%90%EC%9C%BC%EB%A1%9C+%EC%82%AC%EB%8A%94+%EC%82%B6"},{"name":"소크라테스 익스프레스","startedAt":"2023-12","endAt":"2024-03","progressValue":100,"authors":"에릭 와이너","contents":"《소크라테스 익스프레스》는 마르쿠스 아우렐리우스부터 몽테뉴까지 역사상 가장 위대한 철학자들을 만나러 떠나는 여행기이자, 그들의 삶과 작품 속의 지혜가 우리 인생을 개선하는 데 어떻게 도움이 되는지 답을 찾아가는 책이다. 매력적인 글솜씨로 “빌 브라이슨의 유머와 알랭 드 보통의 통찰력이 만났다”는 평가를 받는 에릭 와이너가 이 여행의 동반자로 나선다.","datetime":"2021-04-28T00:00:00.000+09:00","isbn":"1190030926 9791190030922","price":18000,"publisher":"어크로스","sale_price":16200,"status":"정상판매","thumbnail":"https://search1.kakaocdn.net/thumb/R120x174.q85/?fname=http%3A%2F%2Ft1.daumcdn.net%2Flbook%2Fimage%2F5652026%3Ftimestamp%3D20231124145436","title":"소크라테스 익스프레스","translators":["김하현"],"url":"https://search.daum.net/search?w=bookpage&bookId=5652026&q=%EC%86%8C%ED%81%AC%EB%9D%BC%ED%85%8C%EC%8A%A4+%EC%9D%B5%EC%8A%A4%ED%94%84%EB%A0%88%EC%8A%A4"},{"name":"잘 그리기 금지","startedAt":"2023-12","progressValue":100,"authors":"사이토 나오키","contents":"‘그림을 잘 그리고 싶다.’ ‘그림으로 sns에서 유명세와 인기를 얻고 싶다.’ ‘그림을 그려서 돈을 벌고 싶다.’ 일러스트레이터, 만화가, 웹툰 작가, 애니메이터를 꿈꾸거나 현재 직업으로 삼고 있는 분들, 그림을 그리는 분들이라면 이렇게 생각하는 사람들이 많을 겁니다. 이런 바람에도 그림이 잘 그려지지도 않고, 기껏 그려서 sns에 올려도 반응은 잠잠하고, 일은 들어오지를 않고, 급기야 그림 그리는 게 즐겁지 않게 느껴진다면 이 책을 읽어보세요. 이","datetime":"2022-01-10T00:00:00.000+09:00","isbn":"897929347X 9788979293470","price":16500,"publisher":"잉크잼","sale_price":14850,"status":"정상판매","thumbnail":"https://search1.kakaocdn.net/thumb/R120x174.q85/?fname=http%3A%2F%2Ft1.daumcdn.net%2Flbook%2Fimage%2F5924812%3Ftimestamp%3D20240828160344","title":"잘 그리기 금지","translators":["박수현"],"url":"https://search.daum.net/search?w=bookpage&bookId=5924812&q=%EC%9E%98+%EA%B7%B8%EB%A6%AC%EA%B8%B0+%EA%B8%88%EC%A7%80"},{"name":"개발자 원칙","startedAt":"2024-01","progressValue":100,"authors":"박성철, 강대명, 공용준, 김정, 박미정, 박종천","contents":"2022년 연말을 강타한 베스트셀러 《개발자 원칙》이 확장판으로 더 강력해져 돌아왔습니다. “나도 테크 리더가 될 수 있을까? 어떻게 선배 개발자들처럼 성장할 수 있을까? 3년 10년 후에도 개발자로 살아갈 수 있을까? 팀워크는 도대체 어떻게 맞춰야 하는 걸까?” 개발자로 살아가면서 하루에도 천 번을 되묻는 물음에 컬리, 레몬트리, 카카오, 코드스쿼드, 당근마켓, 몰로코, 데이블, 인프런, 패스트캠퍼스 전현직 테크 리더 9명이 답합니다. 지금까지 만나","datetime":"2024-09-01T00:00:00.000+09:00","isbn":"1191905942 9791191905946","price":24000,"publisher":"골든래빗(주)","sale_price":21600,"status":"정상판매","thumbnail":"https://search1.kakaocdn.net/thumb/R120x174.q85/?fname=http%3A%2F%2Ft1.daumcdn.net%2Flbook%2Fimage%2F6706967%3Ftimestamp%3D20240827163934","title":"개발자 원칙(확장판)","translators":[],"url":"https://search.daum.net/search?w=bookpage&bookId=6706967&q=%EA%B0%9C%EB%B0%9C%EC%9E%90+%EC%9B%90%EC%B9%99%28%ED%99%95%EC%9E%A5%ED%8C%90%29"},{"name":"소프트 스킬","startedAt":"2024-01","progressValue":77.4526678141136,"inProgress":false,"logs":[{"date":"2024-03-24","progressValue":40},{"date":"2024-04-14","progressValue":59.036144578313255},{"date":"2024-04-24","progressValue":62.99483648881239},{"date":"2024-05-02","progressValue":77.4526678141136}],"authors":"존 손메즈","contents":"저자 존 손메즈가 이 책을 쓴 이유는 개발자로 사는 데 도움이 되는 정보와 조언을 집약적으로 담은 안내서를 만들고 싶어서다. 자신이 33세에 은퇴하기까지 성공과 실패를 통해 배운 것, 여러 사람을 만나면서 보고 들으며 배운 것을 전달하고 공유하기 위해서다. 개발자의 인생을 리부트할 조언들로 꽉 차있다.","datetime":"2015-11-27T00:00:00.000+09:00","isbn":"1186659882 9791186659885","price":25000,"publisher":"길벗","sale_price":22500,"status":"정상판매","thumbnail":"https://search1.kakaocdn.net/thumb/R120x174.q85/?fname=http%3A%2F%2Ft1.daumcdn.net%2Flbook%2Fimage%2F1630490%3Ftimestamp%3D20221107235212","title":"소프트 스킬","translators":["이미령"],"url":"https://search.daum.net/search?w=bookpage&bookId=1630490&q=%EC%86%8C%ED%94%84%ED%8A%B8+%EC%8A%A4%ED%82%AC"},{"name":"일곱 해의 마지막","startedAt":"2024-02","endAt":"2024-03","progressValue":100,"authors":"김연수","contents":"활동의 궤적을 곧 한국소설의 중요한 흐름 가운데 하나로 만들어내며 한국문학의 판도를 뒤바꾼 작가 김연수의 신작 장편소설. 삼십 년 가까이 작가생활을 하는 동안 김연수는 에너지와 불안으로 가득한 청춘의 눈빛을 가장 가까이에서 기록하는 한편으로 사랑의 본질에 대해 끊임없이 탐구하며 그만의 지적인 사랑학 개론을 펼쳐왔다. 그리고 그와 동시에 방대한 역사적 자료를 바탕으로 객관적인 사실로는 가닿을 수 없는 빈틈에서 개인의 진실을 발견해내는 작업을 해오기도 했다","datetime":"2020-07-01T00:00:00.000+09:00","isbn":" 2090000077704","price":13500,"publisher":"문학동네","sale_price":12150,"status":"예약판매","thumbnail":"https://search1.kakaocdn.net/thumb/R120x174.q85/?fname=http%3A%2F%2Ft1.daumcdn.net%2Flbook%2Fimage%2F5396980%3Ftimestamp%3D20221108003642","title":"일곱 해의 마지막(작가 사인 미포함)","translators":[],"url":"https://search.daum.net/search?w=bookpage&bookId=5396980&q=%EC%9D%BC%EA%B3%B1+%ED%95%B4%EC%9D%98+%EB%A7%88%EC%A7%80%EB%A7%89%28%EC%9E%91%EA%B0%80+%EC%82%AC%EC%9D%B8+%EB%AF%B8%ED%8F%AC%ED%95%A8%29"},{"name":"세상을 어떻게 이해할 것인가","startedAt":"2024-03","progressValue":27.24014336917563,"logs":[{"date":"2024-03-24","progressValue":10},{"date":"2024-04-14","progressValue":27.24014336917563}],"authors":"프리드리히 니체","contents":"가운데 결코 놓쳐서는 안 될 대목들을 특별히 가려 뽑아, 니체 사상의 가이드라인이 될 수 있도록 하였다. 이는 훗날 니체의 저서를 본격적으로 읽어야 할 사람들의 포괄적인 이해를 돕기 위해서이다. 또한 제목처럼 ‘세상을 어떻게 이해할 것인가’ 하는 니체의 철학적 고민을 보여 줌으로써, 독자들이 니체의 철학을 삶 속에서 이해하고, 자신이 삶의 방식을 선택할 수 있도록 인도해주는 책이다. 따라서 그의 깊이 있는 사상을 형이상학적인 철학 문제로만 도외시하지","datetime":"2019-01-15T00:00:00.000+09:00","isbn":"8962261030 9788962261035","price":11000,"publisher":"해누리기획","sale_price":9900,"status":"정상판매","thumbnail":"https://search1.kakaocdn.net/thumb/R120x174.q85/?fname=http%3A%2F%2Ft1.daumcdn.net%2Flbook%2Fimage%2F4863491%3Ftimestamp%3D20240815130958","title":"세상을 어떻게 이해할 것인가","translators":["이동진"],"url":"https://search.daum.net/search?w=bookpage&bookId=4863491&q=%EC%84%B8%EC%83%81%EC%9D%84+%EC%96%B4%EB%96%BB%EA%B2%8C+%EC%9D%B4%ED%95%B4%ED%95%A0+%EA%B2%83%EC%9D%B8%EA%B0%80"},{"name":"우리 본성의 선한 천사","startedAt":"2024-03","progressValue":26.949152542372882,"logs":[{"date":"2024-03-24","progressValue":5},{"date":"2024-04-14","progressValue":10.677966101694915},{"date":"2024-04-24","progressValue":19.152542372881356},{"date":"2024-04-28","progressValue":24.40677966101695},{"date":"2024-05-02","progressValue":26.949152542372882}],"authors":"스티븐 핑커","contents":"인간은 폭력성과 어떻게 싸워 왔는가『우리 본성의 선한 천사』. 우리 안에 공존하는 ‘천사’와 ‘악마’, 인류는 어떻게 내면의 선한 천사들로 악한 본성들을 억누르고 점차 덜 폭력적인 세계, 점차 더 인도적인 세상을 진화시켜 왔는가? 현 시대 최고의 지성, 가장 영향력 있는 과학자로 손꼽히는 인지 과학자이자 진화 심리학자인 스티븐 핑커가 우리 사회를 지배하고 있는 ‘폭력을 둘러싼 통념들’에 대해 낱낱이 파헤쳤다. 저자는 고귀한 야만인, 오늘보다 나은","datetime":"2014-08-25T00:00:00.000+09:00","isbn":"8983716894 9788983716897","price":60000,"publisher":"사이언스북스","sale_price":54000,"status":"정상판매","thumbnail":"https://search1.kakaocdn.net/thumb/R120x174.q85/?fname=http%3A%2F%2Ft1.daumcdn.net%2Flbook%2Fimage%2F1165757%3Ftimestamp%3D20241002115207","title":"우리 본성의 선한 천사","translators":["김명남"],"url":"https://search.daum.net/search?w=bookpage&bookId=1165757&q=%EC%9A%B0%EB%A6%AC+%EB%B3%B8%EC%84%B1%EC%9D%98+%EC%84%A0%ED%95%9C+%EC%B2%9C%EC%82%AC"},{"name":"그렇게 작가가 된다","startedAt":"2024-03","progressValue":41.49377593360996,"logs":[{"date":"2024-03-24","progressValue":19.08713692946058},{"date":"2024-04-14","progressValue":21.57676348547718},{"date":"2024-04-28","progressValue":41.49377593360996}],"authors":"하랑","contents":"〈그렇게 작가가 된다〉는 영화 속 작가들이 현실 속 예비 작가들에게 건네는 ‘글과 책 쓰기’에 관한 조언을 담은 에세이다. ‘영화 속 작가의 입을 통해 책 쓰기의 과정을 보여준다'는 독특한 콘셉트는 지금까지 볼 수 없었다는 것 하나만으로도 이 책을 읽어봐야 할 충분한 이유가 된다. 영화 속 작가들이 건네는 말들을 따라가다 보면 어느새 한 권의 책이 출판되는 전 과정을 흥미롭게 들여다볼 수 있을 것이다. 또한 영화 속 작가들의 말들에 보태어 풀어낸 저자","datetime":"2022-05-30T00:00:00.000+09:00","isbn":"1197821473 9791197821479","price":14800,"publisher":"아델북스","sale_price":13320,"status":"정상판매","thumbnail":"https://search1.kakaocdn.net/thumb/R120x174.q85/?fname=http%3A%2F%2Ft1.daumcdn.net%2Flbook%2Fimage%2F6071383%3Ftimestamp%3D20240322163613","title":"그렇게 작가가 된다","translators":[],"url":"https://search.daum.net/search?w=bookpage&bookId=6071383&q=%EA%B7%B8%EB%A0%87%EA%B2%8C+%EC%9E%91%EA%B0%80%EA%B0%80+%EB%90%9C%EB%8B%A4"},{"name":"10개의 시점으로 보는 영화감상법","startedAt":"2024-03","endAt":"2024-04","progressValue":100,"logs":[{"date":"2024-03-24","progressValue":35.44303797468354},{"date":"2024-04-14","progressValue":81.85654008438819},{"date":"2024-04-24","progressValue":100}],"authors":"전찬일, 라이너","contents":"또 그만큼의 재미가 있을 것이다. 그리고 또 한 겹을 벗겨낼 수도 있고, 보는 사람에 따라 많은 껍질을 벗겨내고 그만큼의 다양한 재미를 찾을 수도 있을 것이다. 그래서 영화를 종합 예술이라 부르지 않는가. 이 중 어떠한 방식으로 영화의 재미를 느낄 것인가 하는 것은 전적으로 관객의 선택이다. 그러나 이 책은 이왕이면 최대한 많은 영화의 껍질을 벗겨내기를 권유한다. 그리고 그러기 위한 10개의 도구를 준비해 독자의 손에 쥐어준다. 전찬일 라이너는 매불쇼가","datetime":"2024-04-01T00:00:00.000+09:00","isbn":"1170790259 9791170790259","price":17000,"publisher":"oldstairs","sale_price":15300,"status":"정상판매","thumbnail":"https://search1.kakaocdn.net/thumb/R120x174.q85/?fname=http%3A%2F%2Ft1.daumcdn.net%2Flbook%2Fimage%2F6587250%3Ftimestamp%3D20240508154849","title":"10개의 시점으로 보는 영화감상법","translators":[],"url":"https://search.daum.net/search?w=bookpage&bookId=6587250&q=10%EA%B0%9C%EC%9D%98+%EC%8B%9C%EC%A0%90%EC%9C%BC%EB%A1%9C+%EB%B3%B4%EB%8A%94+%EC%98%81%ED%99%94%EA%B0%90%EC%83%81%EB%B2%95"},{"name":"슬픈 세상의 기쁜 말","startedAt":"2024-03","progressValue":100,"logs":[{"date":"2024-04-04","progressValue":20},{"date":"2024-04-14","progressValue":48.669201520912544},{"date":"2024-04-17","progressValue":76.04562737642586}],"authors":"정혜윤","contents":"“나는 다른 것은 몰라도 인간이 인간일 때 얼마나 우아할 수 있는지는 알고 있다. 그래서 인간이 지금과 다르게 존재하는 것이 얼마든지 가능하다는 것을 말하고 싶었다.” 남도 외딴 항구의 어부, 뒤늦게 글자를 깨우친 할머니, 시장 야채장수 언니,?9·11테러 생존자, 콜럼바인 총기 사건 희생자… 인간의 기억 속에 영원히 좋은 것으로 남을, 조용히 빛을 발하는 사람들의 이야기","datetime":"2021-08-05T00:00:00.000+09:00","isbn":"1186602643 9791186602645","price":16000,"publisher":"위고","sale_price":14400,"status":"정상판매","thumbnail":"https://search1.kakaocdn.net/thumb/R120x174.q85/?fname=http%3A%2F%2Ft1.daumcdn.net%2Flbook%2Fimage%2F5808014%3Ftimestamp%3D20240811135620","title":"슬픈 세상의 기쁜 말","translators":[],"url":"https://search.daum.net/search?w=bookpage&bookId=5808014&q=%EC%8A%AC%ED%94%88+%EC%84%B8%EC%83%81%EC%9D%98+%EA%B8%B0%EC%81%9C+%EB%A7%90"},{"name":"원숭이도 이해하는 자본론","startedAt":"2024-04","endAt":"2024-07","progressValue":100,"logs":[{"date":"2024-05-19","progressValue":30.914826498422716},{"date":"2024-07-02","progressValue":96.84542586750788}],"authors":"임승수","contents":"《새로 쓴 원숭이도 이해하는 자본론》은 자본주의 구조의 비밀과 한계 그리고 자본주의 사회의 빈부 격차의 원인을 근원적으로 밝혀주고자 한 책이다. 책은 마르크스 《자본론》의 고갱이를 충실하게, 무엇보다 이해하기 쉽도록 집필되었다. 사회형태를 구분하는 기준, 상품과 가치, 노동가치론와 노동시간, 화폐와 자본의 차이, 이윤의 출처, 잉여가치와 상품의 가치, 필요노동과 잉여노동, 잉여가치의 창출, 성과급제의 비밀, 단순재생산과 확대재생산, 자본의 유기적 구성","datetime":"2016-09-01T00:00:00.000+09:00","isbn":"895940618X 9788959406180","price":18000,"publisher":"시대의창","sale_price":16200,"status":"정상판매","thumbnail":"https://search1.kakaocdn.net/thumb/R120x174.q85/?fname=http%3A%2F%2Ft1.daumcdn.net%2Flbook%2Fimage%2F802786%3Ftimestamp%3D20240703112524","title":"원숭이도 이해하는 자본론","translators":[],"url":"https://search.daum.net/search?w=bookpage&bookId=802786&q=%EC%9B%90%EC%88%AD%EC%9D%B4%EB%8F%84+%EC%9D%B4%ED%95%B4%ED%95%98%EB%8A%94+%EC%9E%90%EB%B3%B8%EB%A1%A0"},{"name":"1페이지 한국사 365","startedAt":"2024-04","progressValue":9.315068493150685,"logs":[{"date":"2024-05-19","progressValue":4.10958904109589},{"date":"2024-07-02","progressValue":9.315068493150685}],"authors":"심용환","contents":"《읽기만 하면 내 것이 되는 1페이지 한국사 365》는 매일 1페이지씩, 365개의 주제를 읽으며 한국사에 대해 쉽고 재미있게 이해할 수 있는 책이다. 월요일부터 일요일까지 사건, 인물, 장소, 유적·유물, 문화, 학문·철학, 명문장 총 일곱 분야의 지식을 다루고 있어 한국사의 주요 장면을 빠짐없이 살펴볼 수 있다. 관심 있는 내용부터 읽어도 좋고 처음부터 차례대로 읽어도 좋다. 재미있게 읽기만 하면 지식이 쌓이고, 대화가 풀리고, 세계가 확장되는 경험","datetime":"2020-06-17T00:00:00.000+09:00","isbn":"1197035257 9791197035258","price":16500,"publisher":"비에이블","sale_price":14850,"status":"정상판매","thumbnail":"https://search1.kakaocdn.net/thumb/R120x174.q85/?fname=http%3A%2F%2Ft1.daumcdn.net%2Flbook%2Fimage%2F5384529%3Ftimestamp%3D20240803144553","title":"읽기만 하면 내 것이 되는 1페이지 한국사 365","translators":[],"url":"https://search.daum.net/search?w=bookpage&bookId=5384529&q=%EC%9D%BD%EA%B8%B0%EB%A7%8C+%ED%95%98%EB%A9%B4+%EB%82%B4+%EA%B2%83%EC%9D%B4+%EB%90%98%EB%8A%94+1%ED%8E%98%EC%9D%B4%EC%A7%80+%ED%95%9C%EA%B5%AD%EC%82%AC+365"},{"name":"구글 엔지니어는 이렇게 일한다","startedAt":"2024-06","progressValue":20,"logs":[{"date":"2024-07-02","progressValue":20}],"authors":"타이터스 윈터스, 톰 맨쉬렉, 하이럼 라이트","contents":"소프트웨어 엔지니어의 역할은 점점 더 확장될 것입니다. 이제 더 이상 소프트웨어 엔지니어링은 단순히 조직을 효과적으로 운영하는 방법에 그치지 않을 것입니다. 이 책에서는 여러분이 궁금해하고, 반드시 알아야 할 프로그램을 효과적으로 짜는 방법은 물론, 코드베이스를 지속 가능하고 건실하게 만들어주는 엔지니어링 관행까지 모두 소개합니다. 이 책 한 권이면 소프트웨어 엔지니어링 프로세스를 완벽하게 익히고 좋은 제품을 남들보다 빠르게 구현할 수 있게 됩니다. 또한 20","datetime":"2022-05-10T00:00:00.000+09:00","isbn":"116224562X 9791162245620","price":45000,"publisher":"한빛미디어","sale_price":40500,"status":"정상판매","thumbnail":"https://search1.kakaocdn.net/thumb/R120x174.q85/?fname=http%3A%2F%2Ft1.daumcdn.net%2Flbook%2Fimage%2F6066564%3Ftimestamp%3D20240525153958","title":"구글 엔지니어는 이렇게 일한다","translators":["개앞맵시(이복연)"],"url":"https://search.daum.net/search?w=bookpage&bookId=6066564&q=%EA%B5%AC%EA%B8%80+%EC%97%94%EC%A7%80%EB%8B%88%EC%96%B4%EB%8A%94+%EC%9D%B4%EB%A0%87%EA%B2%8C+%EC%9D%BC%ED%95%9C%EB%8B%A4"},{"name":"지지 않는다는 말","startedAt":"2024-06","endAt":"2024-07","progressValue":100,"logs":[{"date":"2024-07-02","progressValue":63.230240549828174}],"authors":"김연수","contents":"<원더보이>, <네가 누구든 얼마나 외롭든>의 저자 김연수의 산문집『지지 않는다는 말』. 이 책은 저자가 지금까지 만나온 사랑, 구름, 바람, 나무, 빗방울 그리고 달리면서 쓴 소설과 읽은 책들에 관한 이야기와 저자의 자전적 이야기까지 오롯이 담고 있다. 매일 1시간씩 달리게 되면 인생을 압축적으로 맛보게 된다는 것, 저자에게 달리기는 자신이 속한 세계를 이해하는 하나의 방법이라는 것 등 저자의 세계에 영향을 준 달리기에 대한 다양","datetime":"2012-07-16T00:00:00.000+09:00","isbn":"8992783612 9788992783613","price":12000,"publisher":"마음의숲","sale_price":-1,"status":"","thumbnail":"https://search1.kakaocdn.net/thumb/R120x174.q85/?fname=http%3A%2F%2Ft1.daumcdn.net%2Flbook%2Fimage%2F1377096%3Ftimestamp%3D20220922042237","title":"지지 않는다는 말","translators":[],"url":"https://search.daum.net/search?w=bookpage&bookId=1377096&q=%EC%A7%80%EC%A7%80+%EC%95%8A%EB%8A%94%EB%8B%A4%EB%8A%94+%EB%A7%90"},{"name":"세계의 끝 여자친구","startedAt":"2024-06","endAt":"2024-07","progressValue":100,"logs":[{"date":"2024-07-02","progressValue":28.888888888888886}],"authors":"김연수","contents":"이상문학상 수상작가 김연수의 네 번째 소설집『세계의 끝 여자친구』. 여섯 권의 장편소설과 세 권의 소설집을 통해 '삶'을 갈망해온 작가 김연수. 이번 소설집에는 2005년 봄부터 2009년 여름까지 쓴 아홉 편의 이야기가 담겨 있다. 밀도 높고 아름다운 문장, 우아하면서도 재치 있는 유머, 그 안에 자연스럽게 녹아든 진지한 문제의식이 여전히 돋보인다. 그동안 '나'의 이야기를 찾아 자신의 안으로 향했던 작가의 시선은 이제 서서히 '우리'를 향해, '세계","datetime":"2012-07-23T00:00:00.000+09:00","isbn":"8954608825 9788954608824","price":15500,"publisher":"문학동네","sale_price":13950,"status":"정상판매","thumbnail":"https://search1.kakaocdn.net/thumb/R120x174.q85/?fname=http%3A%2F%2Ft1.daumcdn.net%2Flbook%2Fimage%2F690170%3Ftimestamp%3D20240807112613","title":"세계의 끝 여자친구","translators":[],"url":"https://search.daum.net/search?w=bookpage&bookId=690170&q=%EC%84%B8%EA%B3%84%EC%9D%98+%EB%81%9D+%EC%97%AC%EC%9E%90%EC%B9%9C%EA%B5%AC"},{"name":"서사의 위기","startedAt":"2024-07","progressValue":60,"inProgress":false,"authors":"한병철","contents":"뜨겁게 달궜던 재독 철학자 한병철이, 이번에는 빠르게 나타났다 사라지는 이슈만 좇느라 정작 자기의 생각으로부터 멀어져 버린 스토리 중독 사회를 고발한다. 『피로사회』 이후 10여 년 만에 새로운 화두를 던지는 이 책의 핵심 키워드는 ‘서사’와 ‘스토리’다. 나만의 생각과 맥락이 서사라면, 반짝하고 사라져 버리는 뉴스와 정보들은 스토리다. 한병철은 우리가 억압도, 저항도 없는 스마트한 지배체계에서 자기 삶을 SNS에 게시하며 정보화하도록 조종당하고 있다고 지적","datetime":"2023-09-15T00:00:00.000+09:00","isbn":"1130646092 9791130646091","price":16800,"publisher":"다산초당","sale_price":15120,"status":"정상판매","thumbnail":"https://search1.kakaocdn.net/thumb/R120x174.q85/?fname=http%3A%2F%2Ft1.daumcdn.net%2Flbook%2Fimage%2F6431840%3Ftimestamp%3D20240629152709","title":"서사의 위기","translators":["최지수"],"url":"https://search.daum.net/search?w=bookpage&bookId=6431840&q=%EC%84%9C%EC%82%AC%EC%9D%98+%EC%9C%84%EA%B8%B0"},{"name":"나의 문화유산 답사기 일본편 1","startedAt":"2024-07","endAt":"2024-07","progressValue":60,"inProgress":false,"authors":"유홍준","contents":"『나의 문화유산답사기 일본편』 제1권 《규슈》. 《나의 문화유산답사기》로 한국의 문화기행서로 많은 사랑을 받은 유홍준 교수의 저작이다. '일본 속의 한국문화', '일본문화의 정수'를 찾기 위해 '일본편'을 소개한다. 가깝고도 먼 나라 한국과 일본. 이 책은 한일 관계에서 주요한 주제였던 과거사 문제를 문화사적으로 접근해보려는 저자의 노력으로 한일 양국이 문화적으로 영향을 주고받은 흔적을 일본문화 속에서 찾는 데에서 시작한다. 1권 규슈 편에서는 일본","datetime":"2013-07-29T00:00:00.000+09:00","isbn":"8936472305 9788936472306","price":16500,"publisher":"창비","sale_price":14850,"status":"정상판매","thumbnail":"https://search1.kakaocdn.net/thumb/R120x174.q85/?fname=http%3A%2F%2Ft1.daumcdn.net%2Flbook%2Fimage%2F533819%3Ftimestamp%3D20231124164422","title":"나의 문화유산답사기 일본편 1: 규슈","translators":[],"url":"https://search.daum.net/search?w=bookpage&bookId=533819&q=%EB%82%98%EC%9D%98+%EB%AC%B8%ED%99%94%EC%9C%A0%EC%82%B0%EB%8B%B5%EC%82%AC%EA%B8%B0+%EC%9D%BC%EB%B3%B8%ED%8E%B8+1%3A+%EA%B7%9C%EC%8A%88"},{"name":"나의 문화유산 답사기 일본편 2","startedAt":"2024-07","endAt":"2024-08","progressValue":40,"inProgress":false,"authors":"유홍준","contents":"『나의 문화유산답사기 일본편』. 제2권 《아스카 나라》. 《나의 문화유산답사기》로 한국의 문화기행서로 많은 사랑을 받은 유홍준 교수의 저작이다. '일본 속의 한국문화', '일본문화의 정수'를 찾기 위해 '일본편'을 소개한다. 가깝고도 먼 나라 한국과 일본. 이 책은 한일 관계에서 주요한 주제였던 과거사 문제를 문화사적으로 접근해보려는 저자의 노력으로 한일 양국이 문화적으로 영향을 주고받은 흔적을 일본문화 속에서 찾는 데에서 시작한다. 2권 아스카 나라","datetime":"2013-07-25T00:00:00.000+09:00","isbn":"8936472313 9788936472313","price":16500,"publisher":"창비","sale_price":14850,"status":"정상판매","thumbnail":"https://search1.kakaocdn.net/thumb/R120x174.q85/?fname=http%3A%2F%2Ft1.daumcdn.net%2Flbook%2Fimage%2F533823%3Ftimestamp%3D20231124145401","title":"나의 문화유산답사기 일본편 2: 아스카 나라","translators":[],"url":"https://search.daum.net/search?w=bookpage&bookId=533823&q=%EB%82%98%EC%9D%98+%EB%AC%B8%ED%99%94%EC%9C%A0%EC%82%B0%EB%8B%B5%EC%82%AC%EA%B8%B0+%EC%9D%BC%EB%B3%B8%ED%8E%B8+2%3A+%EC%95%84%EC%8A%A4%EC%B9%B4+%EB%82%98%EB%9D%BC"},{"name":"나의 문화유산 답사기 일본편 3","startedAt":"2024-07","endAt":"2024-08","progressValue":30,"inProgress":false,"authors":"유홍준","contents":"답사 일번지’를 시작으로 2012년 제7권 제주편 ‘돌하르방 어디 감수광’까지 20년 동안 330만 독자의 사랑을 받아왔고 한국 인문서 최초의 밀리언셀러로 기록된 유홍준의 『나의 문화유산답사기』가 이번에는 ‘일본 속의 한국문화’와 ‘일본문화의 정수’를 찾아 일본으로 떠난다. ‘답사기’ 일본편은 그동안 한일 관계의 주요한 주제였던 과거사 문제를 문화사적으로 접근해보고자 하는 의도에서 출발해 한국이 일본에 문화적으로 영향을 전해준 흔적을 찾고 그 바탕 위","datetime":"2020-09-20T00:00:00.000+09:00","isbn":"8936478001 9788936478001","price":18000,"publisher":"창비","sale_price":16200,"status":"정상판매","thumbnail":"https://search1.kakaocdn.net/thumb/R120x174.q85/?fname=http%3A%2F%2Ft1.daumcdn.net%2Flbook%2Fimage%2F5480242%3Ftimestamp%3D20240508145440","title":"나의 문화유산답사기 일본편 3: 교토의 역사","translators":[],"url":"https://search.daum.net/search?w=bookpage&bookId=5480242&q=%EB%82%98%EC%9D%98+%EB%AC%B8%ED%99%94%EC%9C%A0%EC%82%B0%EB%8B%B5%EC%82%AC%EA%B8%B0+%EC%9D%BC%EB%B3%B8%ED%8E%B8+3%3A+%EA%B5%90%ED%86%A0%EC%9D%98+%EC%97%AD%EC%82%AC"},{"name":"이야기 일본사","startedAt":"2024-07","endAt":"2024-07","progressValue":15,"inProgress":false,"authors":"우리미래역사체험학습 강사진","contents":"외우는 역사가 아닌 이해하는 역사를 담아낸 「이야기 역사」 제12권 『한 권으로 풀어 쓴 이야기 일본사』. 지리적으로는 아주 가깝고 문화적으로는 많이 닮은 일본의 역사 중 주요 사건을 엄선하여 그가 지닌 의미를 이야기 형식으로 엮었다. 사무라이 정신을 탄생시킨 무사정권 시대를 거쳐 근대화에 성공한 일본이 제2차 세계 대전에서 패한 이후 경제 대국으로 성장하기까지 따라간다. 일본의 상징인 천황의 유래 등 다양한 역사 지식을 담고 있다. 과거사 문제로","datetime":"2011-07-20T00:00:00.000+09:00","isbn":"8972233056 9788972233053","price":14000,"publisher":"청솔","sale_price":12600,"status":"정상판매","thumbnail":"https://search1.kakaocdn.net/thumb/R120x174.q85/?fname=http%3A%2F%2Ft1.daumcdn.net%2Flbook%2Fimage%2F997790%3Ftimestamp%3D20240921114209","title":"이야기 일본사","translators":[],"url":"https://search.daum.net/search?w=bookpage&bookId=997790&q=%EC%9D%B4%EC%95%BC%EA%B8%B0+%EC%9D%BC%EB%B3%B8%EC%82%AC"},{"name":"일본사 여행","startedAt":"2024-07","endAt":"2024-08","progressValue":20,"inProgress":false,"authors":"하종문","contents":"박물관이나 미술관에 가서 이름난 전시회를 둘러보고 나오면, 워낙 많은 것을 본 탓인지 간혹 무엇을 보았는지 혼동스러울 때가 있다. 이것저것 다 보았는데 머릿속에 남는 게 없다면 얼마나 허탈한가? 역사책도 마찬가지다. 어느 특정한 시대를 다루는 역사책이 아니고 고대부터 현대에 이르는 통사라면 수많은 사건과 인물, 개념과 용어는 한 번에 명확하게 잡히기 힘들다. 이 책은 그러한 역사 공부의 맹점(?)을 극복하고자 시대의 이미지를 포착하는 구조적 서술","datetime":"2014-05-12T00:00:00.000+09:00","isbn":"8976962842 9788976962843","price":19800,"publisher":"역사비평사","sale_price":17820,"status":"정상판매","thumbnail":"https://search1.kakaocdn.net/thumb/R120x174.q85/?fname=http%3A%2F%2Ft1.daumcdn.net%2Flbook%2Fimage%2F1078423%3Ftimestamp%3D20220930212814","title":"일본사 여행","translators":[],"url":"https://search.daum.net/search?w=bookpage&bookId=1078423&q=%EC%9D%BC%EB%B3%B8%EC%82%AC+%EC%97%AC%ED%96%89"},{"name":"이즈의 무희 천 마리 학 호수","startedAt":"2024-07","endAt":"2024-07","progressValue":10,"authors":"가와바타 야스나리","contents":"가와바타 야스나리의 초기와 원숙기의 대표작들 『이즈의 무희ㆍ천 마리 학ㆍ호수』. 50년 만에 부활한 정통 세계문학 시리즈 「을유세계문학전집」의 39번째 책이다. 인간의 고독을 일본적인 서정으로 그려낸 가와바타 야스나리의 작품 세 편을 모았다. <이즈의 무희>는 엘리트 청년과 유랑 가무단 무희의 순수한 만남과 이별을 그린 작품으로, 작가의 초기 대표작이다. <천 마리 학>은 패전 후 작가의 대표작으로, 간결한 심리 묘사와 에로틱한","datetime":"2010-12-25T00:00:00.000+09:00","isbn":"8932403694 9788932403694","price":13000,"publisher":"을유문화사","sale_price":11700,"status":"정상판매","thumbnail":"https://search1.kakaocdn.net/thumb/R120x174.q85/?fname=http%3A%2F%2Ft1.daumcdn.net%2Flbook%2Fimage%2F499480%3Ftimestamp%3D20240529112201","title":"이즈의 무희 천 마리 학 호수","translators":["신인섭"],"url":"https://search.daum.net/search?w=bookpage&bookId=499480&q=%EC%9D%B4%EC%A6%88%EC%9D%98+%EB%AC%B4%ED%9D%AC+%EC%B2%9C+%EB%A7%88%EB%A6%AC+%ED%95%99+%ED%98%B8%EC%88%98"},{"name":"수역","startedAt":"2024-08","endAt":"2024-08","progressValue":100,"authors":"우루시바라 유키","contents":"우루시바라 유키의『수역(水域)』애장판 (하)권. 계속되는 더위로 수도사용이 제한된 거리, 수영부지만 정작 물이 없어 부활동을 못 하고 있던 중학교 수영부원 카와무라 치나미는 이 폭염 속에 쓰러져 의식을 잃고만다. 이윽고 눈을 뜬 치나미 앞에 펼쳐진 것은 깨끗한 물로 둘러싸인 어느 마을이었는데…. 다시 의식을 찾고 현실로 돌아오지만 그 마을에 대한 이상한 끌림이 치나미를 패럴렐한 여름방학으로 이끌기 시작한다!","datetime":"2011-06-30T00:00:00.000+09:00","isbn":"8925281155 9788925281155","price":12000,"publisher":"대원씨아이","sale_price":10800,"status":"정상판매","thumbnail":"https://search1.kakaocdn.net/thumb/R120x174.q85/?fname=http%3A%2F%2Ft1.daumcdn.net%2Flbook%2Fimage%2F408173%3Ftimestamp%3D20230711144000","title":"수역(하)","translators":["오경화"],"url":"https://search.daum.net/search?w=bookpage&bookId=408173&q=%EC%88%98%EC%97%AD%28%ED%95%98%29"},{"name":"역사의 쓸모","startedAt":"2024-08","endAt":"2024-08","progressValue":45,"inProgress":false,"authors":"최태성","contents":"수백 년 전 이야기로 오늘의 고민을 해결하는 방법을 알려주는 실용적인 역사 사용 설명서 『역사의 쓸모』. 지난 20여 년간 500만 명의 가슴을 울린 대한민국 대표 역사 강사 최태성. 선택의 기로에 설 때마다 역사에서 답을 찾은 저자는 삶이라는 문제에 대한 가장 완벽한 해설서는 역사라고 말한다. 도저히 풀리지 않는 문제에 부딪쳤을 때 해설에서 도움을 얻듯, 우리보다 앞서 살았던 인물들의 선택과 그 결과가 담긴 역사에서 인생의 실마리를 얻을 수 있기 때문","datetime":"2019-11-22T00:00:00.000+09:00","isbn":"1130621960 9791130621968","price":15000,"publisher":"다산초당","sale_price":13500,"status":"정상판매","thumbnail":"https://search1.kakaocdn.net/thumb/R120x174.q85/?fname=http%3A%2F%2Ft1.daumcdn.net%2Flbook%2Fimage%2F4972082%3Ftimestamp%3D20230825191310","title":"역사의 쓸모","translators":[],"url":"https://search.daum.net/search?w=bookpage&bookId=4972082&q=%EC%97%AD%EC%82%AC%EC%9D%98+%EC%93%B8%EB%AA%A8"},{"name":"청춘유감","startedAt":"2024-08","endAt":"2024-09","progressValue":100,"authors":"한소범","contents":"출판과 문학에 관심 있는 이들이라면 꼭 한 번은 들어보았을 이름 한소범. 2016년 한국일보에 입사해 문학 기자로 일해온 그가 문학동네에서 첫 산문집 『청춘유감』을 출간한다. 문학과 책의 기쁨을 함께 나누고픈 마음에 뉴스레터 ‘무낙’을 발행하기도, ‘이.단.아(이 단편소설 아시나요?)’ 코너를 통해 한국문학의 가장 생생한 지금을 발빠르게 소개하기도 한 한소범. 문학 기자의 파격과 품격을 동시에 성취하며 새 시대에 걸맞은 남다른 행보를 보이고 있는 그","datetime":"2023-06-28T00:00:00.000+09:00","isbn":"8954693512 9788954693516","price":16000,"publisher":"문학동네","sale_price":14400,"status":"정상판매","thumbnail":"https://search1.kakaocdn.net/thumb/R120x174.q85/?fname=http%3A%2F%2Ft1.daumcdn.net%2Flbook%2Fimage%2F6375814%3Ftimestamp%3D20231103154435","title":"청춘유감","translators":[],"url":"https://search.daum.net/search?w=bookpage&bookId=6375814&q=%EC%B2%AD%EC%B6%98%EC%9C%A0%EA%B0%90"},{"name":"동경일일","startedAt":"2024-08","endAt":"2024-09","progressValue":100,"authors":"마츠모토 타이요","contents":"그만둔다. 방대한 양의 장서도 전부 팔아버리고, 만화와 연을 끊을 작정이었던 시오자와. 눈앞에 놓인 만화책에서 눈을 떼지 못하던 그는, 고심 끝에 오랫동안 꿈꿔왔던 자신만의 이상을 담은 잡지를 만들기로 결심한다. 그렇게 시오자와는 자신이 동경했던 만화가들을 찾아간다. 경비원, 마트 캐셔, 학습지 삽화가… 저마다의 사정으로 만화가를 그만둔 이들은 시오자와의 손에 이끌려 다시금 만화의 세계로 뛰어든다. 눈부신 발전을 이룩한 만화 산업. 그 성공가도에서 밀려나 사회","datetime":"2023-11-24T00:00:00.000+09:00","isbn":"8954696511 9788954696517","price":11000,"publisher":"문학동네","sale_price":9900,"status":"정상판매","thumbnail":"https://search1.kakaocdn.net/thumb/R120x174.q85/?fname=http%3A%2F%2Ft1.daumcdn.net%2Flbook%2Fimage%2F6497403%3Ftimestamp%3D20240614152706","title":"동경일일 1","translators":["이주향"],"url":"https://search.daum.net/search?w=bookpage&bookId=6497403&q=%EB%8F%99%EA%B2%BD%EC%9D%BC%EC%9D%BC+1"},{"name":"사물의 소멸","startedAt":"2024-09","progressValue":20,"authors":"한병철","contents":"모든 것을 알아두지만 깨달음에 이르지 못한다. 친구와 팔로워를 쌓아가지만 타자와 마주치치 않는다. 우리는 탈사물화한 세계, 정보가 지배하는 유령 같은 세계에 살고 있다.” 재독 철학자 한병철의 신작. 그의 진단에 따르면 우리는 사물의 시대에서 반사물, 즉 정보의 시대로 넘어가는 이행기에 살고 있다. 우리의 주의력은 점점 더 사물에서 반사물을 향해 이동한다. 스마트폰은 묵주와 같은 기능을 하는 ‘디지털 성물’이 되어가고 있으며, ‘좋아요’는 ‘디지털 아멘","datetime":"2022-09-05T00:00:00.000+09:00","isbn":"8934943688 9788934943686","price":15800,"publisher":"김영사","sale_price":14220,"status":"정상판매","thumbnail":"https://search1.kakaocdn.net/thumb/R120x174.q85/?fname=http%3A%2F%2Ft1.daumcdn.net%2Flbook%2Fimage%2F6154305%3Ftimestamp%3D20240604181512","title":"사물의 소멸","translators":["전대호"],"url":"https://search.daum.net/search?w=bookpage&bookId=6154305&q=%EC%82%AC%EB%AC%BC%EC%9D%98+%EC%86%8C%EB%A9%B8"},{"name":"아무튼, SF게임","startedAt":"2024-09","endAt":"2024-09","progressValue":100,"authors":"김초엽","contents":"마우스 커서는 모래시계로 변했다가 다시 화살표로 변하기를 여러 번. 칙칙한 회색 바탕이 창을 가득 채운 모니터 속의 세계. 나는 숨을 죽이고 눈앞에 펼쳐질 이상하고 낯선 세계를 기다린다.” 69번째 아무튼 시리즈는 김초엽의『아무튼, SF게임』이다. 동네 아이들 중 처음으로 컴퓨터를 갖게 된 일곱 살의 김초엽에게 컴퓨터는 다른 세계로 가는 통로였다. 낯선 규율과 이해할 수 없는 일들로 복잡한 세상에 비해서 모니터 속 세계는 명쾌하고 단순해 보였고 무엇보다","datetime":"2024-06-25T00:00:00.000+09:00","isbn":"1193044170 9791193044179","price":12000,"publisher":"위고","sale_price":10800,"status":"정상판매","thumbnail":"https://search1.kakaocdn.net/thumb/R120x174.q85/?fname=http%3A%2F%2Ft1.daumcdn.net%2Flbook%2Fimage%2F6671484%3Ftimestamp%3D20240719180832","title":"아무튼, SF 게임","translators":[],"url":"https://search.daum.net/search?w=bookpage&bookId=6671484&q=%EC%95%84%EB%AC%B4%ED%8A%BC%2C+SF+%EA%B2%8C%EC%9E%84"},{"name":"동네서점 베스트 컬렉션 김연수","startedAt":"2024-09","endAt":"2024-09","progressValue":100,"logs":[{"date":"2024-09-10","progressValue":75},{"date":"2024-09-11","progressValue":100}],"authors":"","thumbnail":"https://placehold.co/120x174","url":"https://google.com/search?q=동네서점 베스트 컬렉션 김연수"},{"name":"느리게 사는 것의 의미","startedAt":"2024-09","progressValue":40,"inProgress":false,"logs":[{"date":"2024-09-10","progressValue":31.379310344827587},{"date":"2024-09-10","progressValue":40}],"authors":"피에르 쌍소","contents":"서로 따뜻하게 보듬을 여유가 없는 사회에서 사는 우리에게 느림은 상생과 통섭을 추구하는 21세기의 새로운 가치를 전하는 『느리게 사는 것의 의미』. 피에르 쌍소는 느리게 사는 삶을 받아들이는 한결같은 삶의 자세 9가지를 제시한다. 한가로이 거닐며 자기만의 시간을 가질 것, 다른 이의 목소리에 귀 기울일 것, 대상이 무의미하게 느껴질 때까지 끊임없이 받아들이고 음미할 것, 일상을 재창조하고 새롭게 하는 공상의 시간을 가질 것 등 세상을 넉넉히 받아들이며 인생길","datetime":"2014-05-20T00:00:00.000+09:00","isbn":"8997870068 9788997870066","price":12800,"publisher":"공명","sale_price":11520,"status":"정상판매","thumbnail":"https://search1.kakaocdn.net/thumb/R120x174.q85/?fname=http%3A%2F%2Ft1.daumcdn.net%2Flbook%2Fimage%2F1494104%3Ftimestamp%3D20220803231326","title":"느리게 사는 것의 의미","translators":["강주헌"],"url":"https://search.daum.net/search?w=bookpage&bookId=1494104&q=%EB%8A%90%EB%A6%AC%EA%B2%8C+%EC%82%AC%EB%8A%94+%EA%B2%83%EC%9D%98+%EC%9D%98%EB%AF%B8"},{"name":"역사 문해력 수업","startedAt":"2024-09","progressValue":33.42465753424658,"inProgress":false,"logs":[{"date":"2024-09-10","progressValue":18.08219178082192},{"date":"2024-09-11","progressValue":33.42465753424658},{"date":"2024-09-12","progressValue":33.97260273972603}],"authors":"최호근","contents":"왜, 지금 ‘역사 문해력’인가 21세기 대한민국은 가히 역사 전성시대라 할 만하다. ‘역사 소비시대’라는 말이 오가고 정치판에서 ‘역사의 심판’이 곧잘 거론된다. 뿐인가. 과거사 청산을 두고 보수와 진보 진영 간 ‘역사 전쟁’이 한창이다. 그런가 하면 역사에서 교훈을 길어내는 책들도 쏟아진다. 인문학 위기론에서 역사학만은 예외인 듯한 양상이다. 하나 그뿐이다. 역사란 무엇인지, 역사적 진실과 사실은 어떤 차이가 있는지, 객관적 역사란 가능한지 등 역사","datetime":"2023-06-16T00:00:00.000+09:00","isbn":"1156122511 9791156122517","price":20000,"publisher":"푸른역사","sale_price":18000,"status":"정상판매","thumbnail":"https://search1.kakaocdn.net/thumb/R120x174.q85/?fname=http%3A%2F%2Ft1.daumcdn.net%2Flbook%2Fimage%2F6363583%3Ftimestamp%3D20240925161413","title":"역사 문해력 수업","translators":[],"url":"https://search.daum.net/search?w=bookpage&bookId=6363583&q=%EC%97%AD%EC%82%AC+%EB%AC%B8%ED%95%B4%EB%A0%A5+%EC%88%98%EC%97%85"},{"name":"지적 대화를 위한 넓고 얕은 지식 - 철학, 과학, 종교, 예술, 신비","startedAt":"2024-09","progressValue":100,"logs":[{"date":"2024-09-12","progressValue":21.50537634408602},{"date":"2024-09-13","progressValue":36.82795698924731},{"date":"2024-09-14","progressValue":57.795698924731184},{"date":"2024-09-18","progressValue":100}],"authors":"채사장","contents":"수준을 채우기 위해 공부를 시작해야겠다고 절감하지만, 금세 막막해져온다. 대체 어디서부터 얼마만큼 알아야 하는 걸까? 여기, 철학과 과학, 예술, 종교나 신비는 난해하고 이해할 수 없다며 애써 외면하던 사람들을 위한 책이 출간되었다. 인기리에 연재되고 있는 팟캐스트 방송 《지대넓얕》을 책으로 재구성한 『지적 대화를 위한 넓고 얕은 지식』으로, 역사부터 윤리까지의 방대한 영역을 다루면서도 각 분야의 구조적 연계성을 고려하여 출간된 지 열흘 만에 큰 화제","datetime":"2015-02-04T00:00:00.000+09:00","isbn":"8994120998 9788994120997","price":16000,"publisher":"한빛비즈","sale_price":14400,"status":"정상판매","thumbnail":"https://search1.kakaocdn.net/thumb/R120x174.q85/?fname=http%3A%2F%2Ft1.daumcdn.net%2Flbook%2Fimage%2F1420945%3Ftimestamp%3D20221107223137","title":"지적 대화를 위한 넓고 얕은 지식: 현실너머 편","translators":[],"url":"https://search.daum.net/search?w=bookpage&bookId=1420945&q=%EC%A7%80%EC%A0%81+%EB%8C%80%ED%99%94%EB%A5%BC+%EC%9C%84%ED%95%9C+%EB%84%93%EA%B3%A0+%EC%96%95%EC%9D%80+%EC%A7%80%EC%8B%9D%3A+%ED%98%84%EC%8B%A4%EB%84%88%EB%A8%B8+%ED%8E%B8"},{"name":"한국단편문학선 1","startedAt":"2024-09","progressValue":21.052631578947366,"logs":[{"date":"2024-09-13","progressValue":5},{"date":"2024-09-16","progressValue":5.263157894736842},{"date":"2024-09-19","progressValue":10.526315789473683},{"date":"2024-09-22","progressValue":21.052631578947366}],"authors":"김동인","contents":"한국문학의 정수, 우리 작가의 빼어난 단편 소설 19편 일제 강점기의 고난과 해방 직후의 비극을 견디며 성장한 한국의 단편 소설 시대 현실을 오롯이 담아내면서도 세대를 넘어 깊은 통찰을 전하는 명단편선 “새침하게 흐린 품이 눈이 올 듯하더니 눈은 아니 오고 얼다가 만 비가 추적추적 내리었다.”","datetime":"1998-08-05T00:00:00.000+09:00","isbn":"8937460106 9788937460104","price":12000,"publisher":"민음사","sale_price":10800,"status":"정상판매","thumbnail":"https://search1.kakaocdn.net/thumb/R120x174.q85/?fname=http%3A%2F%2Ft1.daumcdn.net%2Flbook%2Fimage%2F540776%3Ftimestamp%3D20240808112841","title":"한국단편문학선 1","translators":[],"url":"https://search.daum.net/search?w=bookpage&bookId=540776&q=%ED%95%9C%EA%B5%AD%EB%8B%A8%ED%8E%B8%EB%AC%B8%ED%95%99%EC%84%A0+1"},{"name":"지적 대화를 위한 넓고 얕은 지식 - 제로","startedAt":"2024-09","progressValue":100,"logs":[{"date":"2024-09-19","progressValue":39.059674502712475},{"date":"2024-09-22","progressValue":62.56781193490054},{"date":"2024-09-22","progressValue":100}],"authors":"채사장","contents":"만에 《지적 대화를 위한 넓고 얕은 지식》 신작으로 돌아왔다. 작가 특유의 유머와 필력으로 어려운 것을 쉽게 설명하고 지루한 것을 재밌게 정리하는 기술은 여전하다. 다만 이전 시리즈에서 그의 현실 감각이 빛을 발했다면, 이번 책에서는 오랜 기간의 사유와 통찰이 유감없이 발휘된다. 현대인은 여러 블랙미러를 통해 하루에도 수많은 지식과 접한다. 그런데 이런 파편적인 지식들은 대부분 금세 휘발되고, 삶에 자리 잡지 못한다. 왜일까? 그것은 이 지식들을 이해","datetime":"2019-12-24T00:00:00.000+09:00","isbn":"1190313138 9791190313131","price":19800,"publisher":"웨일북(whalebooks)","sale_price":17820,"status":"정상판매","thumbnail":"https://search1.kakaocdn.net/thumb/R120x174.q85/?fname=http%3A%2F%2Ft1.daumcdn.net%2Flbook%2Fimage%2F5145898%3Ftimestamp%3D20240628131648","title":"지적 대화를 위한 넓고 얕은 지식: 제로 편","translators":[],"url":"https://search.daum.net/search?w=bookpage&bookId=5145898&q=%EC%A7%80%EC%A0%81+%EB%8C%80%ED%99%94%EB%A5%BC+%EC%9C%84%ED%95%9C+%EB%84%93%EA%B3%A0+%EC%96%95%EC%9D%80+%EC%A7%80%EC%8B%9D%3A+%EC%A0%9C%EB%A1%9C+%ED%8E%B8"},{"name":"유리알 유희 1","startedAt":"2024-09","progressValue":45,"inProgress":false,"logs":[{"date":"2024-09-22","progressValue":23.333333333333332},{"date":"2024-09-25","progressValue":45},{"date":"2024-09-26","progressValue":46.666666666666664}],"authors":"헤르만 헤세","contents":"헤르만 헤세의 마지막 역작이자 노벨문학상 수상작 『유리알 유희』 제1권. 욕망과 금욕, 혼돈과 질서, 삶과 죽음, 동양과 서양, 선과 악 등 작가가 평생 고민해온 문제들을 다루고 있다. 미래의 어느 시기, 한 전기 작가가 200년 전에 살았던 전설적인 유리알 유희 명인 요제프 크네히트의 자료를 모아 그의 일대기를 쓰기 시작한다. 20세기 중반, 스위스 산간 지방에 세워진 정신적 이상향에서 요제프는 영재로 교육받고 뛰어난 재능을 보이다가 마침내 명인으로","datetime":"2011-09-25T00:00:00.000+09:00","isbn":"8937462737 9788937462733","price":13000,"publisher":"민음사","sale_price":11700,"status":"정상판매","thumbnail":"https://search1.kakaocdn.net/thumb/R120x174.q85/?fname=http%3A%2F%2Ft1.daumcdn.net%2Flbook%2Fimage%2F541118%3Ftimestamp%3D20240512112021","title":"유리알 유희 1","translators":["이영임"],"url":"https://search.daum.net/search?w=bookpage&bookId=541118&q=%EC%9C%A0%EB%A6%AC%EC%95%8C+%EC%9C%A0%ED%9D%AC+1"},{"name":"서점 일기","startedAt":"2024-09","progressValue":100,"logs":[{"date":"2024-09-25","progressValue":13.990825688073393},{"date":"2024-09-29","progressValue":36.69724770642202},{"date":"2024-09-29","progressValue":61.46788990825688},{"date":"2024-10-05","progressValue":100}],"authors":"숀 비텔","contents":"손님들의 기상천외한 요청, 제 구실을 하지 못하는 난방 기기, 쓰레기통을 뒤져 먹을 것을 구해 오는 제멋대로인 직원들과 일 년 내내 텅 비어 있는 금전 등록기… 저자의 솔직하고 냉소적이면서도 웃음이 터져 나오는 일기를 읽다 보면 한 번쯤 꿈꿔 봤을 서점 주인으로 살아가고 싶다는 꿈을 슬며시 내려놓게 될지도 모른다. 그럼에도 온라인 시대에 작은 시골 마을의 서점에서 책으로 생계를 유지하려 고군분투하는 저자의 시선에서는 마을과 사람들, 무엇보다 책에 대한 깊은","datetime":"2021-01-20T00:00:00.000+09:00","isbn":"115510093X 9791155100936","price":18000,"publisher":"여름언덕","sale_price":16200,"status":"정상판매","thumbnail":"https://search1.kakaocdn.net/thumb/R120x174.q85/?fname=http%3A%2F%2Ft1.daumcdn.net%2Flbook%2Fimage%2F5580310%3Ftimestamp%3D20240713150409","title":"서점 일기","translators":["김마림"],"url":"https://search.daum.net/search?w=bookpage&bookId=5580310&q=%EC%84%9C%EC%A0%90+%EC%9D%BC%EA%B8%B0"},{"name":"귀한 서점에 누추하신 분이","startedAt":"2024-09","progressValue":100,"logs":[{"date":"2024-09-26","progressValue":100}],"authors":"숀 비텔","contents":"서점 주인의 기쁨과 슬픔을 담담하면서도 다정하게 그려내 독자를 사로잡은 숀 비텔의 신작이 출간되었다. 저자는 이 책에서 “분명 나의 생계를 책임지는 이들의 심기를 건드릴 것”이라면서도, 헌책방을 운영하는 동안 만났던 각양각색의 손님을 저자 특유의 유쾌하면서도 시니컬한 문장으로 그려낸다. 서점에만 들어오면 (물어보지도 않았는데) 지식을 뽐내는 손놈부터 서비스업계에서 실존하기는 하는지 알 수 없는 완벽한 손님까지, “세상에 이런 사람도 있나?”에서 ‘이런","datetime":"2022-09-05T00:00:00.000+09:00","isbn":"115931862X 9791159318627","price":13800,"publisher":"책세상","sale_price":12420,"status":"정상판매","thumbnail":"https://search1.kakaocdn.net/thumb/R120x174.q85/?fname=http%3A%2F%2Ft1.daumcdn.net%2Flbook%2Fimage%2F6153628%3Ftimestamp%3D20231102183424","title":"귀한 서점에 누추하신 분이","translators":["이지민"],"url":"https://search.daum.net/search?w=bookpage&bookId=6153628&q=%EA%B7%80%ED%95%9C+%EC%84%9C%EC%A0%90%EC%97%90+%EB%88%84%EC%B6%94%ED%95%98%EC%8B%A0+%EB%B6%84%EC%9D%B4"},{"name":"사브리나","startedAt":"2024-09","progressValue":100,"logs":[{"date":"2024-09-26","progressValue":27.586206896551722},{"date":"2024-09-29","progressValue":100}],"authors":"닉 드르나소","contents":"첫 작품 《베벌리》로 큰 주목을 받고 만화계의 천재로 떠오른 신예작가 닉 드르나소의 그래픽노블 『사브리나』. 그래픽노블 최초로 맨부커상 후보에 오르면서 전 세계적으로 뜨거운 화제를 몰고 온 작품으로, 평범한 여성 사브리나가 아무 이유 없이 끔찍한 일을 당한 후 그 사건이 미디어와 SNS를 통해서 퍼져나가면서 남겨진 주위 사람들의 삶 또한 파괴되어가는 과정에 대한 이야기를 담고 있다. 공군에서 기술병으로 근무하는 캘빈. 그에게 어릴 적 친구 테디가","datetime":"2019-12-18T00:00:00.000+09:00","isbn":"8950983818 9788950983819","price":29800,"publisher":"아르테(arte)","sale_price":26820,"status":"정상판매","thumbnail":"https://search1.kakaocdn.net/thumb/R120x174.q85/?fname=http%3A%2F%2Ft1.daumcdn.net%2Flbook%2Fimage%2F5161992%3Ftimestamp%3D20230905165405","title":"사브리나","translators":["박산호"],"url":"https://search.daum.net/search?w=bookpage&bookId=5161992&q=%EC%82%AC%EB%B8%8C%EB%A6%AC%EB%82%98"},{"name":"옛날 영화, 이 좋은 걸 이제 알았다니","startedAt":"2024-09","endAt":"2024-10","progressValue":42.79835390946502,"inProgress":false,"logs":[{"date":"2024-09-29","progressValue":13.991769547325102},{"date":"2024-09-30","progressValue":42.79835390946502},{"date":"2024-10-05","progressValue":46.09053497942387}],"authors":"듀나","contents":"알았다니』, 『뚝배기, 이 좋은 걸 이제 알았다니』에 이은 네 번째 작품이며 SF 작가이자 영화평론가인 듀나의 옛날 영화 이야기이다. 방대한 영화적 지식과 경험을 바탕으로 영화 평론가로 왕성한 활동을 이어오고 있는 듀나는 『옛날 영화, 이 좋은 걸 이제 알았다니』를 통해 엄청난 양의 콘텐츠와 OTT의 시대에 ‘옛날 영화’를 보아야 하는 이유를 역설하며 우리가 쉽게 보지 못했던 옛날 영화와 그에 얽힌 역사, 인문학적 이야기를 풀어나간다. 고작 1세기 남짓한 영화사의","datetime":"2022-04-04T00:00:00.000+09:00","isbn":"1187886777 9791187886778","price":13500,"publisher":"구픽","sale_price":12150,"status":"정상판매","thumbnail":"https://search1.kakaocdn.net/thumb/R120x174.q85/?fname=http%3A%2F%2Ft1.daumcdn.net%2Flbook%2Fimage%2F6041700%3Ftimestamp%3D20230520153906","title":"옛날 영화, 이 좋은 걸 이제 알았다니","translators":[],"url":"https://search.daum.net/search?w=bookpage&bookId=6041700&q=%EC%98%9B%EB%82%A0+%EC%98%81%ED%99%94%2C+%EC%9D%B4+%EC%A2%8B%EC%9D%80+%EA%B1%B8+%EC%9D%B4%EC%A0%9C+%EC%95%8C%EC%95%98%EB%8B%A4%EB%8B%88"},{"name":"사랑의 생애","startedAt":"2024-10-04","endAt":"2024-10-08","progressValue":100,"logs":[{"date":"2024-10-04","progressValue":38.35616438356164},{"date":"2024-10-07","progressValue":71.91780821917808},{"date":"2024-10-08","progressValue":100}],"authors":"이승우","contents":"등을 수상했고, 프랑스의 세계적 문학상인 페미나상 외국문학 부분의 파이널리스트에 올랐으며, 르 클레지오가 한국 작가 중에서 노벨문학상 수상 가능성이 가장 높은 작가로 격찬하기도 한 작가, 이승우가 5년 만에 신작 장편소설 『사랑의 생애』를 예담에서 출간했다. 사랑에 관해 우리가 말할 수 있는 모든 것에 대해 이야기하는 이 소설은 평범한 사람들이 사랑을 시작하고 엇갈리고 끝내고 다시 시작하는, 어쩌면 더없이 평범해 보이는 과정을 통해 사랑의 근원과 속성, 그리고","datetime":"2017-03-02T00:00:00.000+09:00","isbn":"8959134821 9788959134823","price":16000,"publisher":"위즈덤하우스","sale_price":14400,"status":"정상판매","thumbnail":"https://search1.kakaocdn.net/thumb/R120x174.q85/?fname=http%3A%2F%2Ft1.daumcdn.net%2Flbook%2Fimage%2F794362%3Ftimestamp%3D20240906112513","title":"사랑의 생애","translators":[],"url":"https://search.daum.net/search?w=bookpage&bookId=794362&q=%EC%82%AC%EB%9E%91%EC%9D%98+%EC%83%9D%EC%95%A0"},{"name":"세상에서 가장 짧은 한국사","startedAt":"2024-10-08","progressValue":54.81283422459893,"logs":[{"date":"2024-10-08","progressValue":14.973262032085561},{"date":"2024-10-09","progressValue":21.92513368983957},{"date":"2024-10-10","progressValue":39.037433155080215},{"date":"2024-10-11","progressValue":54.81283422459893}],"authors":"김재원","contents":"《세상에서 가장 짧은 한국사》는 고대부터 근현대까지 한국사의 가장 중요한 순간들을 소개하면서, 단 한 권으로 역사의 흐름을 단숨에 파악할 수 있도록 돕는다. 특히 120만 유튜브 채널 〈공부왕 찐천재〉 화제의 역사 선생님이자 저자 김재원은 과거와 현재를 끊임없이 연결하며 마치 한 편의 소설처럼 역사를 설명한다. 쉽지만 가볍지 않고, 재미있지만 잊히지 않는 그의 한국사 이야기를 듣다 보면 역사란 교과서에 갇힌 학문이 아닌 오늘의 나와 맞닿은 이야기라는","datetime":"2022-06-15T00:00:00.000+09:00","isbn":"119182540X 9791191825404","price":17800,"publisher":"빅피시","sale_price":16020,"status":"정상판매","thumbnail":"https://search1.kakaocdn.net/thumb/R120x174.q85/?fname=http%3A%2F%2Ft1.daumcdn.net%2Flbook%2Fimage%2F6086456%3Ftimestamp%3D20240822163913","title":"세상에서 가장 짧은 한국사","translators":[],"url":"https://search.daum.net/search?w=bookpage&bookId=6086456&q=%EC%84%B8%EC%83%81%EC%97%90%EC%84%9C+%EA%B0%80%EC%9E%A5+%EC%A7%A7%EC%9D%80+%ED%95%9C%EA%B5%AD%EC%82%AC"},{"name":"목소리들","startedAt":"2024-10-08","progressValue":49.166666666666664,"logs":[{"date":"2024-10-08","progressValue":10},{"date":"2024-10-10","progressValue":49.166666666666664},{"date":"2024-10-11","progressValue":67.5}],"authors":"이승우","contents":"받으려는 간절함’이 아니라 ‘간절함을 이해하는’ 글의 저자가 될 수 있으면 좋겠습니다.” -‘작가의 말’에서 1981년 작품 활동을 시작한 후 지난 42년간 한국 문단에서 독보적인 영역을 구축해온 작가 이승우의 열두번째 소설집 『목소리들』이 문학과지성사에서 출간되었다. 국내는 물론 해외에서도 큰 사랑을 받으며 “한국에서 가장 유력한 노벨문학상 후보”(르 클레지오, 인터뷰에서)로 언급되기도 한 이승우는 프랑스 갈리마르출판사의 세계 명작 총서인 폴리오 시리즈에","datetime":"2023-11-30T00:00:00.000+09:00","isbn":"8932042357 9788932042350","price":16000,"publisher":"문학과지성사","sale_price":14400,"status":"정상판매","thumbnail":"https://search1.kakaocdn.net/thumb/R120x174.q85/?fname=http%3A%2F%2Ft1.daumcdn.net%2Flbook%2Fimage%2F6501751%3Ftimestamp%3D20240906165513","title":"목소리들","translators":[],"url":"https://search.daum.net/search?w=bookpage&bookId=6501751&q=%EB%AA%A9%EC%86%8C%EB%A6%AC%EB%93%A4"}]}`),w=n=>(g("data-v-7b5550c8"),n=n(),D(),n),I=w(()=>p("h1",{id:"📚-책",tabindex:"-1"},[q("📚 책 "),p("a",{class:"header-anchor",href:"#📚-책","aria-label":'Permalink to "📚 책"'},"​")],-1)),T={class:"reading"},R={key:0},N=JSON.parse('{"title":"📚 책","description":"","frontmatter":{},"headers":[],"relativePath":"reading.md","filePath":"reading.md","lastUpdated":1719933458000}'),P={name:"reading.md"},S=Object.assign(P,{setup(n){const{books:c=[]}=x||{},E=c.slice().reduce((e,a)=>{const t=new Date(a.startedAt).getFullYear();return e[t]||(e[t]=[]),e[t].push(a),e},{}),b=Object.entries(E).sort(([e],[a])=>a-e).map(([e,a])=>[e,a.sort((t,o)=>{const h=o.endAt||o.startedAt,m=t.endAt||t.startedAt;return h-m})]).map(([e,a])=>[e,a.map(t=>({...t,startedAt:new Date(t.startedAt),endAt:t.endAt?new Date(t.endAt):null}))]);return(e,a)=>{const t=B("BookAndProgress");return s(),r("div",null,[I,(s(),l(F,null,{default:C(()=>[(s(!0),r(i,null,d(k(b),([o,h],m)=>(s(),r("section",T,[m!==0?(s(),r("hr",R)):V("",!0),p("h1",null,f(o)+"년",1),(s(!0),r(i,null,d(h,u=>(s(),l(t,_({key:u.name,ref_for:!0},u),null,16))),128))]))),256))]),_:1}))])}}}),X=A(S,[["__scopeId","data-v-7b5550c8"]]);export{N as __pageData,X as default}; +import{_ as A,D as B,c as r,b as l,w as C,ak as F,o as s,F as i,E as d,k,p as g,l as D,j as p,a as q,e as V,t as f,M as _}from"./chunks/framework.8eP_U0YV.js";const x=JSON.parse(`{"books":[{"name":"모래알만 한 진실이라도","startedAt":"2020-05","endAt":"2022-06","progressValue":100,"authors":"박완서","contents":"박완서 에세이 결정판 『모래알만 한 진실이라도』가 ‘윤슬 에디션’으로 새로이 독자들을 찾아왔다. 그가 남긴 에세이 660여 편을 모두 살피고 그중 베스트 35편을 선별한 『모래알만 한 진실이라도』는 작품 선정에만 몇 개월이 소요된 만큼 박완서 에세이의 정수라고 칭하기에 손색이 없다. 초판 한정으로 독자들을 만나는 ‘윤슬 에디션’은 빛과 물의 반짝이는 순간을 포착해 화폭에 담아내는 영국 아티스트 고든 헌트의 작품을 표지 그림으로 사용했다. 시공간을","datetime":"2022-06-30T00:00:00.000+09:00","isbn":"8933871551 9788933871553","price":17000,"publisher":"세계사","sale_price":15300,"status":"정상판매","thumbnail":"https://search1.kakaocdn.net/thumb/R120x174.q85/?fname=http%3A%2F%2Ft1.daumcdn.net%2Flbook%2Fimage%2F5556823%3Ftimestamp%3D20230923162059","title":"모래알만 한 진실이라도","translators":[],"url":"https://search.daum.net/search?w=bookpage&bookId=5556823&q=%EB%AA%A8%EB%9E%98%EC%95%8C%EB%A7%8C+%ED%95%9C+%EC%A7%84%EC%8B%A4%EC%9D%B4%EB%9D%BC%EB%8F%84"},{"name":"한 권으로 읽는 컴퓨터 구조와 프로그래밍","startedAt":"2020-10","progressValue":18,"inProgress":false,"authors":"조너선 스타인하트","contents":"프로그래머가 되려는 개발자는 물론, 비전공자도 재미있게 읽을 수 있는 컴퓨터공학 핵심 강의! 하드웨어의 토대가 되는 기초 전자회로, 게이트부터 시작해서 메모리, CPU, I/O, 컴퓨터 아키텍처 전반을 설명하고, 그 위에서 소프트웨어를 작성하는 방법을 웹과 C 프로그램으로 직접 만들어보며, 보안, 인공지능, 알고리즘 등의 내용에 이르기까지 개발자라면 반드시 알아야 할 커튼 뒤에 감춰진 컴퓨터 구조와 프로그래밍에 대한 거의 모든 것을 다루는 컴퓨터공학 개론서","datetime":"2021-04-08T00:00:00.000+09:00","isbn":"1189909286 9791189909284","price":35000,"publisher":"책만","sale_price":31500,"status":"정상판매","thumbnail":"https://search1.kakaocdn.net/thumb/R120x174.q85/?fname=http%3A%2F%2Ft1.daumcdn.net%2Flbook%2Fimage%2F5634224%3Ftimestamp%3D20240614144508","title":"한 권으로 읽는 컴퓨터 구조와 프로그래밍","translators":["오현석"],"url":"https://search.daum.net/search?w=bookpage&bookId=5634224&q=%ED%95%9C+%EA%B6%8C%EC%9C%BC%EB%A1%9C+%EC%9D%BD%EB%8A%94+%EC%BB%B4%ED%93%A8%ED%84%B0+%EA%B5%AC%EC%A1%B0%EC%99%80+%ED%94%84%EB%A1%9C%EA%B7%B8%EB%9E%98%EB%B0%8D"},{"name":"일 잘하는 사람은 단순하게 합니다","startedAt":"2020-09","progressValue":29,"inProgress":false,"authors":"박소연","contents":"토론이, 요가 수업이, 전시회 관람이 아무리 만족스러운들 그 삶이 행복하다고 말하긴 어려울 것이다. 일 하는 사람에게는 퇴근 후의 시간을 즐겁게 보내는 계획만큼이나, 퇴근 전의 시간을 똑똑하게 쓰는 지혜도 중요하다. 이 책은 일 잘하는 사람들, 특히 효율적으로 일하면서 인생도 즐길 줄 아는 사람들의 노하우와 특별한 습관들을 담았다. “그래서 일을 잘하려면 대체 어떻게 해야 하나요?” 일하는 사람들의 멘토 박소연 저자가 들려주는 일 잘하는 사람들의 기획, 말","datetime":"2024-09-10T00:00:00.000+09:00","isbn":"1140710656 9791140710652","price":18000,"publisher":"더퀘스트","sale_price":16200,"status":"정상판매","thumbnail":"https://search1.kakaocdn.net/thumb/R120x174.q85/?fname=http%3A%2F%2Ft1.daumcdn.net%2Flbook%2Fimage%2F6717354%3Ftimestamp%3D20240929154353","title":"일 잘하는 사람은 단순하게 합니다","translators":[],"url":"https://search.daum.net/search?w=bookpage&bookId=6717354&q=%EC%9D%BC+%EC%9E%98%ED%95%98%EB%8A%94+%EC%82%AC%EB%9E%8C%EC%9D%80+%EB%8B%A8%EC%88%9C%ED%95%98%EA%B2%8C+%ED%95%A9%EB%8B%88%EB%8B%A4"},{"name":"불안의 책","startedAt":"2020-11","progressValue":28,"logs":[{"date":"2023-03-24","progressValue":13},{"date":"2024-05-19","progressValue":28}],"authors":"페르난두 페소아","contents":"『불안의 책』은 페소아가 생전에 완성한 작품이 아니라 사후 연구가들이 유고 더미에서 찾아낸 미완성 원고를 엮은 책이다. 작품을 구성하는 481개의 텍스트 속에는 페소아가 일평생 추구했던 내면의 성찰과 감각적 사유가 깊이 배어 있다.","datetime":"2015-09-18T00:00:00.000+09:00","isbn":"8954625762 9788954625760","price":18000,"publisher":"문학동네","sale_price":16200,"status":"정상판매","thumbnail":"https://search1.kakaocdn.net/thumb/R120x174.q85/?fname=http%3A%2F%2Ft1.daumcdn.net%2Flbook%2Fimage%2F691734%3Ftimestamp%3D20240531114031","title":"불안의 책","translators":["오진영"],"url":"https://search.daum.net/search?w=bookpage&bookId=691734&q=%EB%B6%88%EC%95%88%EC%9D%98+%EC%B1%85"},{"name":"리얼리티 버블","startedAt":"2021-01","progressValue":8,"inProgress":false,"authors":"지야 통","contents":"『리얼리티 버블』은 캐나다의 과학 저널리스트이자 방송인인 지야 통의 첫 책이다. 통은 17년간의 방송 경력을 통해 과학에 대한 사랑을 키워 왔다. 인터뷰어로서 그녀는 생각할 수 있는 모든 전문가들을 만났고, 다른 사람들의 눈을 통해 세계를 보는 법을 배웠다. 이 책은 바로 그 ‘보는’ 방법에 관한 이야기이다. 또 과학이라는 새로운 눈으로 본 우리 세계의 진실들에 관한 이야기이기도 하다. 통은 우리가 ‘거품 속에서 현실을 대한다’고 지적한다. 보이지 않는","datetime":"2021-01-25T00:00:00.000+09:00","isbn":"1196999236 9791196999230","price":17600,"publisher":"코쿤북스","sale_price":15840,"status":"정상판매","thumbnail":"https://search1.kakaocdn.net/thumb/R120x174.q85/?fname=http%3A%2F%2Ft1.daumcdn.net%2Flbook%2Fimage%2F5579889%3Ftimestamp%3D20240323164412","title":"리얼리티 버블","translators":["장호연"],"url":"https://search.daum.net/search?w=bookpage&bookId=5579889&q=%EB%A6%AC%EC%96%BC%EB%A6%AC%ED%8B%B0+%EB%B2%84%EB%B8%94"},{"name":"쌤 코끼리 그려주세요","startedAt":"2020-12","progressValue":100,"authors":"","thumbnail":"https://placehold.co/120x174","url":"https://google.com/search?q=쌤 코끼리 그려주세요"},{"name":"편집자는 편집을 하지 않는다 7","startedAt":"2020-12","progressValue":100,"authors":"","thumbnail":"https://placehold.co/120x174","url":"https://google.com/search?q=편집자는 편집을 하지 않는다 7"},{"name":"자기 앞의 생","startedAt":"2021-01","progressValue":100,"authors":"로맹 가리(에밀 아자르)","contents":"열네 살 소년 모모가 들려주는 신비롭고 경이로운 생의 비밀을 담은 에밀 아자르의 소설 『자기 앞의 생』. 1980년 의문의 권총 자살로 생을 마감한 프랑스 작가 로맹 가리가 에밀 아자르라는 필명으로 출간한 두 번째 소설이다. 어린 소년 모모의 슬프지만 아름다운 성장 이야기를 담고 있다. 악동 같지만 순수한 어린 주인공 모모를 통해 이 세상 누구도 눈길을 주지 않는 밑바닥 삶을 살아가는 불행한 사람들의 슬픔과 고독과 사랑을 그리고 있다. 저자는","datetime":"2013-01-24T00:00:00.000+09:00","isbn":"8982816631 9788982816635","price":16000,"publisher":"문학동네","sale_price":11700,"status":"정상판매","thumbnail":"https://search1.kakaocdn.net/thumb/R120x174.q85/?fname=http%3A%2F%2Ft1.daumcdn.net%2Flbook%2Fimage%2F1153955%3Ftimestamp%3D20241009114625","title":"자기 앞의 생","translators":["용경식"],"url":"https://search.daum.net/search?w=bookpage&bookId=1153955&q=%EC%9E%90%EA%B8%B0+%EC%95%9E%EC%9D%98+%EC%83%9D"},{"name":"함께자라기","startedAt":"2020-07","progressValue":100,"authors":"김창준","contents":"‘함께’는 협력을 말하고, ‘자라기’는 학습을 말합니다. 무엇이건 실제 바깥세상(야생)에 임팩트를 남기려면 혼자 힘으로만 되는 게 없습니다. 함께 해야 합니다. 주변 사람들과 함께. 매일 부대끼는 동료들과 함께. 스스로 변하고 싶지만 계속 실패하는 사람, 조직을 개선하기 위한 시도를 하다가 오히려 데어본 사람, 불확실한 상황에서 합리적인 판단을 해야 하는 사람, 한 분야에서 전문성을 키워야 하는 사람에게 전문성을 키울 수 있는 제대로 된 방법을 알려줍니다","datetime":"2018-11-30T00:00:00.000+09:00","isbn":"8966262333 9788966262335","price":13000,"publisher":"인사이트","sale_price":11700,"status":"정상판매","thumbnail":"https://search1.kakaocdn.net/thumb/R120x174.q85/?fname=http%3A%2F%2Ft1.daumcdn.net%2Flbook%2Fimage%2F4833808%3Ftimestamp%3D20240618125701","title":"함께 자라기","translators":[],"url":"https://search.daum.net/search?w=bookpage&bookId=4833808&q=%ED%95%A8%EA%BB%98+%EC%9E%90%EB%9D%BC%EA%B8%B0"},{"name":"눈물을 마시는 새","startedAt":"2021-12","endAt":"2021-01","progressValue":97,"authors":"이영도","contents":"하퍼 콜린스, 아셰트, 펭귄 랜덤하우스, 그루포 플라네타 등 세계 메이저 출판사들의 선택을 받으며 세계 14개국에 수출 확정된 한국 판타지 문학의 전설 이영도 작가의 『눈물을 마시는 새』 일러스트 특별 한정판이 출간되었다. 이번 판본은 『장길산』 , 『붉은 말』 등 한국적 미를 붓과 먹으로 표현해 온 백성민 화백이 7개월여 동안 그린 『눈물을 마시는 새』 삽화 34점이 별지 방식으로 수록되었으며, 이와 함께 『눈물을 마시는 새』 작품 속 장면 중 6","datetime":"2023-05-17T00:00:00.000+09:00","isbn":"1170522688 9791170522683","price":60000,"publisher":"황금가지","sale_price":54000,"status":"정상판매","thumbnail":"https://search1.kakaocdn.net/thumb/R120x174.q85/?fname=http%3A%2F%2Ft1.daumcdn.net%2Flbook%2Fimage%2F6355388%3Ftimestamp%3D20240730191002","title":"눈물을 마시는 새(하)","translators":[],"url":"https://search.daum.net/search?w=bookpage&bookId=6355388&q=%EB%88%88%EB%AC%BC%EC%9D%84+%EB%A7%88%EC%8B%9C%EB%8A%94+%EC%83%88%28%ED%95%98%29"},{"name":"실격당한 자들을 위한 변론","startedAt":"2022-01","progressValue":100,"authors":"김원영","contents":"1급 지체장애인인 변호사 김원영이 우리 사회에서 잘못된 삶, 실격당한 인생이라 낙인찍힌 이들의 삶을 변론하는 『실격당한 자들을 위한 변론』. 저자는 소수자들이 삶에서 만나는 연극적인 순간들, 즉 차별과 배제, 수치와 모욕 앞에서 아무렇지 않은 듯 노련하게 맞받아치고 우아하게 대응하는 태도가 놓인 딜레마에서 논의를 시작한다. 저자는 거짓된 연극을 집어치우라고 하기보다는 사회학자 어빙 고프먼과 인류학자 김현경의 논의를 빌려와 사람과 사람이 주고받는 연극","datetime":"2018-06-15T00:00:00.000+09:00","isbn":"1160943737 9791160943733","price":16000,"publisher":"사계절","sale_price":14400,"status":"정상판매","thumbnail":"https://search1.kakaocdn.net/thumb/R120x174.q85/?fname=http%3A%2F%2Ft1.daumcdn.net%2Flbook%2Fimage%2F1598802%3Ftimestamp%3D20240511113126","title":"실격당한 자들을 위한 변론","translators":[],"url":"https://search.daum.net/search?w=bookpage&bookId=1598802&q=%EC%8B%A4%EA%B2%A9%EB%8B%B9%ED%95%9C+%EC%9E%90%EB%93%A4%EC%9D%84+%EC%9C%84%ED%95%9C+%EB%B3%80%EB%A1%A0"},{"name":"산책과 연애","startedAt":"2022-01","progressValue":100,"authors":"유진목","contents":"유진목, 그리고 ‘산책’과 ‘연애’ “평소 산책이라는 것을 하지 않는 사람이 ‘산책과 연애’라는 주제로 책을 쓰기로 한 것은 연애를 하는 동안에 유독 혼자서 산책했던 시간들이 떠올랐기 때문이다. 나는 연애를 할 때마다 그들을 죽이지 않으려고 필사적으로 걸었다.” _본문 중에서 우리가 낮에 산책을 하는 이유가 나무 그늘에서 사랑을 줍기 위해서이고, 우리가 밤에 연애를 하는 이유가 완전하지 않은 당신을 겨우 사랑하기 위해서라면, 시인이『산책과","datetime":"2020-09-15T00:00:00.000+09:00","isbn":"1190999013 9791190999014","price":15000,"publisher":"시간의흐름","sale_price":13500,"status":"정상판매","thumbnail":"https://search1.kakaocdn.net/thumb/R120x174.q85/?fname=http%3A%2F%2Ft1.daumcdn.net%2Flbook%2Fimage%2F5477651%3Ftimestamp%3D20241009150936","title":"산책과 연애","translators":[],"url":"https://search.daum.net/search?w=bookpage&bookId=5477651&q=%EC%82%B0%EC%B1%85%EA%B3%BC+%EC%97%B0%EC%95%A0"},{"name":"신호와 소음","startedAt":"2022-02","progressValue":24.623803009575923,"inProgress":false,"authors":"네이트 실버","contents":"『신호와 소음』은 2012년 치러진 미국 대통령 선거 결과를 정확하게 예측한 통계학자 네이트 실버가 자신의 통계학과 예측 철학을 담아낸 책이다. 통계학을 기반으로 어떻게 잘못된 정보(소음)을 거르고 진짜 의미 있는 정보(신호)를 찾을 것인지에 대해 다룬다. 정치, 경제, 스포츠, 기후, 전쟁, 테러, 전염병, 도박 등 다양한 분야에 걸쳐 ‘미래’를 제대로 예측하는 방법에 대해서 설명한다. 책은 크게 두 부분으로 나뉘는데, 1부와 2부에서는 예측 문제","datetime":"2014-07-11T00:00:00.000+09:00","isbn":"8966187587 9788966187584","price":28000,"publisher":"더퀘스트","sale_price":25200,"status":"정상판매","thumbnail":"https://search1.kakaocdn.net/thumb/R120x174.q85/?fname=http%3A%2F%2Ft1.daumcdn.net%2Flbook%2Fimage%2F924116%3Ftimestamp%3D20230412165944","title":"신호와 소음","translators":["이경식"],"url":"https://search.daum.net/search?w=bookpage&bookId=924116&q=%EC%8B%A0%ED%98%B8%EC%99%80+%EC%86%8C%EC%9D%8C"},{"name":"멀고도 가까운","startedAt":"2022-03","endAt":"2022-04","progressValue":34.86486486486486,"inProgress":false,"authors":"리베카 솔닛","contents":"『멀고도 가까운』은 ‘맨스플레인’이라는 단어로 21세기에도 만연한 젠더 불평등의 핵심을 명쾌하게 요약하며 명성을 얻은 바 있는 리베카 솔닛의 에세이다. 지난해 한국에서 출간되면서 숱한 화제를 일으킨 《남자들은 자꾸 나를 가르치려 든다》 외에도 《걷기의 역사》, 《이 폐허를 응시하라》 등 작가의 다양한 관심과 면모를 보여주는 책들이 국내에 소개되어 있는데, 이 책은 그런 다양한 면모를 가장 통합적으로 보여준다. 저자는 읽기와 쓰기, 고독과 연대, 병과","datetime":"2016-02-11T00:00:00.000+09:00","isbn":"8983717734 9788983717733","price":17000,"publisher":"반비","sale_price":15300,"status":"정상판매","thumbnail":"https://search1.kakaocdn.net/thumb/R120x174.q85/?fname=http%3A%2F%2Ft1.daumcdn.net%2Flbook%2Fimage%2F1165228%3Ftimestamp%3D20240515112714","title":"멀고도 가까운","translators":["김현우"],"url":"https://search.daum.net/search?w=bookpage&bookId=1165228&q=%EB%A9%80%EA%B3%A0%EB%8F%84+%EA%B0%80%EA%B9%8C%EC%9A%B4"},{"name":"세상을 바꾸는 행동경제학","startedAt":"2022-03","progressValue":11,"inProgress":false,"authors":"마이클 샌더스, 수잔나 흄","contents":"사람들의 선택을 유도하는 심리적 장치를 연구하여 정책을 제안하는 세계 최고 수준의 행동경제학 연구 조직인 영국 정부 행동통찰팀의 노하우를 집대성하다! 〈넛지〉의 저자 캐스 선스타인을 비롯한 저명한 행동경제학자들이 앞다투어 추천한 책! 당신도 모르게 당신의 선택과 행동을 조종하는 행동경제학의 비밀! 심리학적 원리를 바탕으로 사람들의 행동을 유도하는 영국 ‘행동통찰팀’의 특별한 문제해결법을 공개한다. -사람들은 왜 한가한 식당보다는 손님이","datetime":"2021-01-22T00:00:00.000+09:00","isbn":"1188314653 9791188314652","price":23000,"publisher":"비즈니스랩","sale_price":20700,"status":"정상판매","thumbnail":"https://search1.kakaocdn.net/thumb/R120x174.q85/?fname=http%3A%2F%2Ft1.daumcdn.net%2Flbook%2Fimage%2F5579953%3Ftimestamp%3D20230510140425","title":"세상을 바꾸는 행동경제학","translators":["안세라"],"url":"https://search.daum.net/search?w=bookpage&bookId=5579953&q=%EC%84%B8%EC%83%81%EC%9D%84+%EB%B0%94%EA%BE%B8%EB%8A%94+%ED%96%89%EB%8F%99%EA%B2%BD%EC%A0%9C%ED%95%99"},{"name":"쥐","startedAt":"2022-03","progressValue":100,"authors":"아트 슈피겔만","contents":"만화책 유일 퓰리처상 수상작 『쥐 : 한 생존자의 이야기』. 새로운 표현 양식을 설계하고 실험적인 기법으로 《쥐》를 탈고하기까지 아트 슈피겔만은 14년이라는 긴 세월을 소요했다. 그리고 그렇게 해서 슈피겔만은 만화라는 대중문화를 예술적 표현 양식의 하나로 끌어올린 ‘그래픽 노블’의 창시자가 되었다. 유태인 출신이면서 동시에 유태인으로서 자신의 정체성을 온몸으로 거부하는 작가 슈피겔만은 독일의 구겐하임상, 미국의 퓰리처상, 전미도서비평가협회상을","datetime":"2019-03-08T00:00:00.000+09:00","isbn":"8955824939 9788955824933","price":21000,"publisher":"아름드리미디어","sale_price":18900,"status":"정상판매","thumbnail":"https://search1.kakaocdn.net/thumb/R120x174.q85/?fname=http%3A%2F%2Ft1.daumcdn.net%2Flbook%2Fimage%2F4904822%3Ftimestamp%3D20240620125312","title":"쥐(합본판)","translators":["권희섭"],"url":"https://search.daum.net/search?w=bookpage&bookId=4904822&q=%EC%A5%90%28%ED%95%A9%EB%B3%B8%ED%8C%90%29"},{"name":"아무튼, 메모","startedAt":"2022-03","progressValue":100,"authors":"정혜윤","contents":"_ 『아무튼, 메모』 “메모같이 사소한 일에 무슨 의미가 있을까?” 이런 질문에 CBS 라디오 PD 정혜윤은 되묻는다. 우리는 항상 사소한 것들의 도움 및 방해를 받고 있지 않냐고. 강아지가 꼬리만 흔들어도 웃을 수 있지 않냐고, 미세먼지만 심해도 우울하지 않냐고, 소음만 심해도 떠나고 싶지 않냐고. 그리고 덧붙인다. 몇 문장을 옮겨 적고 큰 소리로 외우는 것은 전혀 사소한 일이 아니라고. ‘사소한 일’이란 말을 언젠가는 ‘자그마한 기적’이라고 부르고 싶어","datetime":"2020-03-15T00:00:00.000+09:00","isbn":"1186602511 9791186602515","price":12000,"publisher":"위고","sale_price":10800,"status":"정상판매","thumbnail":"https://search1.kakaocdn.net/thumb/R120x174.q85/?fname=http%3A%2F%2Ft1.daumcdn.net%2Flbook%2Fimage%2F5267084%3Ftimestamp%3D20240122203320","title":"아무튼, 메모","translators":[],"url":"https://search.daum.net/search?w=bookpage&bookId=5267084&q=%EC%95%84%EB%AC%B4%ED%8A%BC%2C+%EB%A9%94%EB%AA%A8"},{"name":"거의 모든 것의 역사","startedAt":"2022-04","progressValue":10.800744878957168,"inProgress":false,"authors":"빌 브라이슨","contents":"2003년 출간된 이래 전 세계의 많은 독자들의 사랑을 받아온 빌 브라이슨의 『거의 모든 것의 역사(개역판)』 이번 개역판은 빠르게 발전하는 현대 과학의 새로운 지식을 반영하고 이전의 번역을 새롭게 다듬은 것이다. 이 책의 저자이자 ‘현존하는 가장 유머러스한 작가’라는 평을 듣는 빌 브라이슨은 3년에 걸쳐 과학에 관한 방대하고 집요한 정보 수집과 학습을 통해 결코 지루하지 않은 과학교양서를 탄생시켰다. 빌 브라이슨은 이 책에서 대폭발(빅뱅)에서","datetime":"2020-04-10T00:00:00.000+09:00","isbn":"8972917117 9788972917113","price":25000,"publisher":"까치","sale_price":22500,"status":"정상판매","thumbnail":"https://search1.kakaocdn.net/thumb/R120x174.q85/?fname=http%3A%2F%2Ft1.daumcdn.net%2Flbook%2Fimage%2F5346983%3Ftimestamp%3D20240305151815","title":"거의 모든 것의 역사(개역판)","translators":["이덕환"],"url":"https://search.daum.net/search?w=bookpage&bookId=5346983&q=%EA%B1%B0%EC%9D%98+%EB%AA%A8%EB%93%A0+%EA%B2%83%EC%9D%98+%EC%97%AD%EC%82%AC%28%EA%B0%9C%EC%97%AD%ED%8C%90%29"},{"name":"책 읽는 삶","startedAt":"2022-04","progressValue":78,"inProgress":false,"authors":"C. S. 루이스","contents":"알려지지 않은 에세이, 편지 등에서 ‘삶의 변화를 낳는 독서 행위’에 대한 글을 엄선한 책이 출간되었다. 영상물이 세상을 독식해 가는 요즘, 독서욕을 공유한 사람들의 관심을 끌 만한 재미있고 기발하고 지혜로운 글들을 선별해 엮은 《책 읽는 삶》. 당장 책장으로 달려가 책을 펼치고 싶게 만드는 책! “요즘 책과 옛날 책을 번갈아 읽어야 한다”, “동화, 아이들만의 책이 아니다”, “재미로 읽을 책을 고르는 것이 중요하다” 등 문학 읽기를 중심으로 독서 생활","datetime":"2021-07-14T00:00:00.000+09:00","isbn":"8953140277 9788953140271","price":10000,"publisher":"두란노서원","sale_price":9000,"status":"정상판매","thumbnail":"https://search1.kakaocdn.net/thumb/R120x174.q85/?fname=http%3A%2F%2Ft1.daumcdn.net%2Flbook%2Fimage%2F5792319%3Ftimestamp%3D20240808151547","title":"책 읽는 삶","translators":["윤종석"],"url":"https://search.daum.net/search?w=bookpage&bookId=5792319&q=%EC%B1%85+%EC%9D%BD%EB%8A%94+%EC%82%B6"},{"name":"작별인사","startedAt":"2022-05","progressValue":100,"authors":"김영하","contents":"김영하가 『살인자의 기억법』 이후 9 년 만에 내놓는 장편소설 『작별인사』는 그리 멀지 않은 미래를 배경으로, 별안간 삶이 송두리째 뒤흔들린 한 소년의 여정을 좇는다. 유명한 IT 기업의 연구원인 아버지와 쾌적하고 평화롭게 살아가던 철이는 어느날 갑자기 수용소로 끌려가 난생처음 날것의 감정으로 가득한 혼돈의 세계에 맞닥뜨리게 되면서 정신적, 신체적 위기에 직면한다. 동시에 자신처럼 사회에서 배제된 자들을 만나 처음으로 생생한 소속감을 느끼고 따뜻한","datetime":"2022-05-02T00:00:00.000+09:00","isbn":"1191114228 9791191114225","price":14000,"publisher":"복복서가","sale_price":12600,"status":"정상판매","thumbnail":"https://search1.kakaocdn.net/thumb/R120x174.q85/?fname=http%3A%2F%2Ft1.daumcdn.net%2Flbook%2Fimage%2F6056307%3Ftimestamp%3D20240613145729","title":"작별인사","translators":[],"url":"https://search.daum.net/search?w=bookpage&bookId=6056307&q=%EC%9E%91%EB%B3%84%EC%9D%B8%EC%82%AC"},{"name":"게으름에 대한 찬양","startedAt":"2022-05","progressValue":12,"inProgress":false,"authors":"버트런드 러셀","contents":"비판하며, 열심히 일해야 한다는 사회적 통념과 달리 인간의 진정한 자유와 주체성 확립을 위해서는 오히려 여가가 필요하다고 주장한다. 이 책은 정치적 대립 상황에서 간과되기 쉬운 사회 현안들을 여러 측면에서 바라보고 있다. <게으름에 대한 찬양>을 포함하여 <무용한 지식과 유용한 지식>, <건축에 대한 몇 가지 생각>, <현대판 마이더스>, <사회주의를 위한 변명> 등 15편의 글을 만나볼 수 있다","datetime":"2005-04-25T00:00:00.000+09:00","isbn":"8956025797 9788956025797","price":8800,"publisher":"사회평론","sale_price":7920,"status":"정상판매","thumbnail":"https://search1.kakaocdn.net/thumb/R120x174.q85/?fname=http%3A%2F%2Ft1.daumcdn.net%2Flbook%2Fimage%2F723098%3Ftimestamp%3D20240810113243","title":"게으름에 대한 찬양","translators":["송은경"],"url":"https://search.daum.net/search?w=bookpage&bookId=723098&q=%EA%B2%8C%EC%9C%BC%EB%A6%84%EC%97%90+%EB%8C%80%ED%95%9C+%EC%B0%AC%EC%96%91"},{"name":"쓰고 싶다 쓰고 싶지 않다","startedAt":"2022-05","progressValue":100,"authors":"전고운, 이석원, 이다혜, 이랑, 박정민, 김종관","contents":"삶의 이야기를 전하고, 많은 이들이 작가라는 이름을 갖게 되길 간절히 희망한다. 지금 시대를 살아가는 사람들에게 ‘쓰기’란 좀 더 자신을 잘 표현하기 위해 갖추어야 할 능력이 되었다. 다양한 표현의 시대, 이 책 『쓰고 싶다 쓰고 싶지 않다』 는 마음이 글로 표현되기까지의 뒷모습을 조명한다. 각자의 일과 삶에서 직접적으로든 간접적으로든 쓰기가 영향을 미치는 사람들인 전고운, 이석원, 이다혜, 이랑, 박정민, 김종관, 백세희, 한은형, 임대형 9인의 이야기","datetime":"2022-04-25T00:00:00.000+09:00","isbn":" 2090000114485","price":15000,"publisher":"유선사","sale_price":13500,"status":"예약판매","thumbnail":"https://search1.kakaocdn.net/thumb/R120x174.q85/?fname=http%3A%2F%2Ft1.daumcdn.net%2Flbook%2Fimage%2F6094876%3Ftimestamp%3D20240122203101","title":"쓰고 싶다 쓰고 싶지 않다 사인본 (교보문고 랜선 팬 사인회 전용 상품)","translators":[],"url":"https://search.daum.net/search?w=bookpage&bookId=6094876&q=%EC%93%B0%EA%B3%A0+%EC%8B%B6%EB%8B%A4+%EC%93%B0%EA%B3%A0+%EC%8B%B6%EC%A7%80+%EC%95%8A%EB%8B%A4+%EC%82%AC%EC%9D%B8%EB%B3%B8+%28%EA%B5%90%EB%B3%B4%EB%AC%B8%EA%B3%A0+%EB%9E%9C%EC%84%A0+%ED%8C%AC+%EC%82%AC%EC%9D%B8%ED%9A%8C+%EC%A0%84%EC%9A%A9+%EC%83%81%ED%92%88%29"},{"name":"오직 두사람","startedAt":"2022-06","progressValue":100,"authors":"김영하","contents":"《무슨 일이 일어났는지 아무도》 이후 7년 만에 펴낸 김영하의 소설집 『오직 두 사람』. 다채로운 스펙트럼으로 한국문학의 지평을 확장해온, 이른바 ‘김영하 스타일’이 총망라된 작품집이다. 무언가를 상실한 사람들, 그리고 상실 이후의 삶을 살아가는 이들의 이야기를 담은 일곱 편의 작품이 담겨 있다. 한 인간 내면의 복합적인 감정부터 다종다양한 관계의 모순, 더 나아가 소위 신의 뜻이라 비유되는 알 수 없는 상황에 처한 인간의 고뇌까지 담아낸 이야기를","datetime":"2017-05-25T00:00:00.000+09:00","isbn":"8954645615 9788954645614","price":13000,"publisher":"문학동네","sale_price":11700,"status":"정상판매","thumbnail":"https://search1.kakaocdn.net/thumb/R120x174.q85/?fname=http%3A%2F%2Ft1.daumcdn.net%2Flbook%2Fimage%2F693034%3Ftimestamp%3D20240512112018","title":"오직 두 사람","translators":[],"url":"https://search.daum.net/search?w=bookpage&bookId=693034&q=%EC%98%A4%EC%A7%81+%EB%91%90+%EC%82%AC%EB%9E%8C"},{"name":"읽지 않은 책에 대해 말하는 법","startedAt":"2022-06","progressValue":82.70042194092827,"inProgress":false,"authors":"피에르 바야르","contents":"〈읽지 않은 책에 대해 말하는 법〉은 비독서를 포함하는 새로운 독서 패러다임을 제시하는 책이다. 2007년에 프랑스에서 출간되어 대중과 평단과 언론의 찬사를 받은 책으로, 전통적으로 당연하게 여겨온 독서문화와 그에 대한 금기를 되짚어본다. '이런 책은 꼭 읽어야 한다'는 강박관념에서 벗어나, 독서의 목적과 방법에 대한 새로운 패러다임을 제시한다. 이 책은 읽지 않은 책에 대해서는 언급할 수 없다는 사회적 금기를 깨뜨리고, 읽지 않은 책에 대해서도","datetime":"2008-02-20T00:00:00.000+09:00","isbn":"8989348978 9788989348979","price":12000,"publisher":"여름언덕","sale_price":10800,"status":"정상판매","thumbnail":"https://search1.kakaocdn.net/thumb/R120x174.q85/?fname=http%3A%2F%2Ft1.daumcdn.net%2Flbook%2Fimage%2F1293577%3Ftimestamp%3D20241009114642","title":"읽지 않은 책에 대해 말하는 법","translators":["김병욱"],"url":"https://search.daum.net/search?w=bookpage&bookId=1293577&q=%EC%9D%BD%EC%A7%80+%EC%95%8A%EC%9D%80+%EC%B1%85%EC%97%90+%EB%8C%80%ED%95%B4+%EB%A7%90%ED%95%98%EB%8A%94+%EB%B2%95"},{"name":"깨끗한 존경","startedAt":"2022-06","progressValue":62.96296296296296,"inProgress":false,"authors":"이슬아","contents":"이슬아의 첫 번째 인터뷰집. 정혜윤, 김한민, 유진목, 김원영과의 긴 대화가 담겨 있다. 네 사람의 이야기를 보고 들은 뒤 감탄과 절망을 오가며 새로운 자신을 향해 나아간다. 2019년 〈일간 이슬아〉 시즌 2에 연재된 인터뷰 원고를 모아 다듬은 책이다.","datetime":"2019-11-13T00:00:00.000+09:00","isbn":"1196589143 9791196589141","price":15000,"publisher":"헤엄","sale_price":13500,"status":"정상판매","thumbnail":"https://search1.kakaocdn.net/thumb/R120x174.q85/?fname=http%3A%2F%2Ft1.daumcdn.net%2Flbook%2Fimage%2F5138233%3Ftimestamp%3D20240614132932","title":"깨끗한 존경","translators":[],"url":"https://search.daum.net/search?w=bookpage&bookId=5138233&q=%EA%B9%A8%EB%81%97%ED%95%9C+%EC%A1%B4%EA%B2%BD"},{"name":"H마트에서 울다","startedAt":"2022-07","progressValue":100,"authors":"미셸 자우너","contents":"인디 팝 밴드 재패니즈 브렉퍼스트의 보컬이자 2022 타임지 ‘가장 영향력 있는 100인’에 이름을 올린 한국계 미국인 미셸 자우너의 뭉클한 성장기를 담은 에세이 『H마트에서 울다』의 리커버판을 전 세계 최초로 선보인다. 2022년 한국어판 출간 이래 많은 독자들의 사랑을 받아온 이 책은 한인마트에서 잃어버린 한국인의 조각을 찾는 한 여성의 흥미로운 이야기로 전 세계인을 사로잡았다. K-푸드를 테마로 한 이번 리커버판은 엄마와 딸 사이에 음식으로","datetime":"2022-02-28T00:00:00.000+09:00","isbn":"8954683371 9788954683371","price":16000,"publisher":"문학동네","sale_price":14400,"status":"정상판매","thumbnail":"https://search1.kakaocdn.net/thumb/R120x174.q85/?fname=http%3A%2F%2Ft1.daumcdn.net%2Flbook%2Fimage%2F6015290%3Ftimestamp%3D20240531151609","title":"H마트에서 울다(리커버:K)","translators":["정혜윤"],"url":"https://search.daum.net/search?w=bookpage&bookId=6015290&q=H%EB%A7%88%ED%8A%B8%EC%97%90%EC%84%9C+%EC%9A%B8%EB%8B%A4%28%EB%A6%AC%EC%BB%A4%EB%B2%84%3AK%29"},{"name":"시드 마이어","startedAt":"2022-08","progressValue":13,"inProgress":false,"authors":"시드 마이어, 제니퍼 리 누넌","contents":"한번 시작하면 헤어나올 수 없는 마성의 게임 〈문명〉을 탄생시킨 전설적인 게임 디자이너 시드 마이어의 삶과 커리어, 그리고 게임 철학이 담긴 40년의 기억 턴제 게임의 대가이자 전설적인 개발자인 시드 마이어가자신의 삶과 커리어, 컴퓨터 게임 시장을 개척해 낸 시절부터 지금까지 만들어온 모든 게임에 얽힌 일화들과 게임 철학을 담았다. 학창 시절 재미로 만들었던 게임부터 대성공을 거둔 〈문명〉 시리즈에 이르기까지, 시드 마이어로부터 탄생했거나","datetime":"2021-06-25T00:00:00.000+09:00","isbn":"8931465408 9788931465402","price":19800,"publisher":"영진닷컴","sale_price":17820,"status":"정상판매","thumbnail":"https://search1.kakaocdn.net/thumb/R120x174.q85/?fname=http%3A%2F%2Ft1.daumcdn.net%2Flbook%2Fimage%2F5746878%3Ftimestamp%3D20240713151410","title":"시드 마이어","translators":["이미령"],"url":"https://search.daum.net/search?w=bookpage&bookId=5746878&q=%EC%8B%9C%EB%93%9C+%EB%A7%88%EC%9D%B4%EC%96%B4"},{"name":"가벼운 책임","startedAt":"2022-09","progressValue":76.76767676767676,"inProgress":false,"authors":"김신회","contents":"확실한 사랑이 있고 그 사랑은 당신을 구원할 것이다.” _오지은(작가, 뮤지션) 『보노보노처럼 살다니 다행이야』, 『심심과 열심』 등으로 꾸준히 우리 곁에서 발 맞춰 걸으며 깊은 공감을 이끌어낸 김신회 작가가 신작 에세이 『가벼운 책임』을 펴냈다. 작가는 세상 사는 데 요령이 없는 어른들에게 ‘틀린 길로 가도 괜찮아, 다른 걸 찾을 수 있을 테니까’라는 위로의 메시지를 전해왔다. 그런 그도 실낱같은 바람에 무수히 흔들리고, 인간관계 속에서 상처받고","datetime":"2021-03-22T00:00:00.000+09:00","isbn":"1130636054 9791130636054","price":14000,"publisher":"오티움","sale_price":12600,"status":"정상판매","thumbnail":"https://search1.kakaocdn.net/thumb/R120x174.q85/?fname=http%3A%2F%2Ft1.daumcdn.net%2Flbook%2Fimage%2F5624930%3Ftimestamp%3D20240824152703","title":"가벼운 책임","translators":[],"url":"https://search.daum.net/search?w=bookpage&bookId=5624930&q=%EA%B0%80%EB%B2%BC%EC%9A%B4+%EC%B1%85%EC%9E%84"},{"name":"누구나 자료구조와 알고리즘","startedAt":"2022-09","progressValue":66,"authors":"제이 웬그로우","contents":"잘 안다고 가정하고 있다. 쉽게 설명했다는 책도 전문 용어로 가득하다. 비전공자나 수학적 기초가 약한 독자는 전문 용어에 두려움을 느끼며 이 주제를 이해할 만큼 자신이 똑똑하지 않다고 느끼며 이 주제를 회피한다. 그러나 자료 구조와 알고리즘은 대부분 상식선에서 이해할 수 있다. 상식이 통하는 설명으로 자료 구조와 알고리즘을 이해해보자. 프로그래밍의 핵심 스킬을 이해한다 자료 구조와 알고리즘은 프로그래밍의 핵심 스킬이다. 더 빠른 코드, 더 효율적인","datetime":"2018-06-30T00:00:00.000+09:00","isbn":"1160505063 9791160505061","price":16000,"publisher":"길벗","sale_price":14400,"status":"정상판매","thumbnail":"https://search1.kakaocdn.net/thumb/R120x174.q85/?fname=http%3A%2F%2Ft1.daumcdn.net%2Flbook%2Fimage%2F1598317%3Ftimestamp%3D20220121133246","title":"누구나 자료 구조와 알고리즘","translators":["심지현"],"url":"https://search.daum.net/search?w=bookpage&bookId=1598317&q=%EB%88%84%EA%B5%AC%EB%82%98+%EC%9E%90%EB%A3%8C+%EA%B5%AC%EC%A1%B0%EC%99%80+%EC%95%8C%EA%B3%A0%EB%A6%AC%EC%A6%98"},{"name":"가벼운 마음","startedAt":"2022-10","endAt":"2022-10","progressValue":100,"authors":"크리스티앙 보뱅","contents":"짙은 어두움 속에서도 삶의 환희를 찬양하는 시인이 쓰는 소설은 어떤 모습일까. 〈가벼운 마음〉은 보뱅의 시적인 문장과 단어들이 가벼이 날아올라 춤추며 흐려진 영혼에 빛을 비추고, 우리 안에 오래 묻혀 잊혀졌던 것들을 깨워 다시 한번 삶의 환희로 우리를 초대하는 작품이다. 〈작은 파티 드레스〉 〈환희의 인간〉 〈그리움의 정원에서〉와 같은 산문에서 보여주었던 일상의 삶 속에서 발견하는 보석같은 순간들과 죽음마저도 넘어서는 사랑에 대한 찬가도 아름다웠지만, 소설","datetime":"2022-08-22T00:00:00.000+09:00","isbn":"1190533154 9791190533157","price":14000,"publisher":"1984BOOKS","sale_price":12600,"status":"정상판매","thumbnail":"https://search1.kakaocdn.net/thumb/R120x174.q85/?fname=http%3A%2F%2Ft1.daumcdn.net%2Flbook%2Fimage%2F6145338%3Ftimestamp%3D20240518160055","title":"가벼운 마음","translators":["김도연"],"url":"https://search.daum.net/search?w=bookpage&bookId=6145338&q=%EA%B0%80%EB%B2%BC%EC%9A%B4+%EB%A7%88%EC%9D%8C"},{"name":"나의 아름다운 할머니","startedAt":"2022-10","progressValue":39.09090909090909,"inProgress":false,"authors":"심윤경","contents":"제대로 사랑하고 표현하는 법을 가르쳐드립니다. “밥숟가락 뜨는 법도 잊어버린 할머니가 된 내가 의미 없이 환하게 웃고 있다면, 그때 나는 나만의 위대한 성취를 해내는 중이다.” 『나의 아름다운 정원』 『설이』 등으로 큰 사랑을 받아온 소설가 심윤경이 작가 활동 20년을 맞아 처음으로 에세이를 펴냈다. 작가는 자신의 소설들에 나온 좋은 어른들의 원형은 ‘할머니’였다고 말한다. 책에는 작가가 아이를 키우면서 깨달은 할머니의 사랑법에 대한 이야기로","datetime":"2022-08-19T00:00:00.000+09:00","isbn":"1160949646 9791160949643","price":13000,"publisher":"사계절","sale_price":11700,"status":"정상판매","thumbnail":"https://search1.kakaocdn.net/thumb/R120x174.q85/?fname=http%3A%2F%2Ft1.daumcdn.net%2Flbook%2Fimage%2F6142667%3Ftimestamp%3D20240725160939","title":"나의 아름다운 할머니","translators":[],"url":"https://search.daum.net/search?w=bookpage&bookId=6142667&q=%EB%82%98%EC%9D%98+%EC%95%84%EB%A6%84%EB%8B%A4%EC%9A%B4+%ED%95%A0%EB%A8%B8%EB%8B%88"},{"name":"시선으로부터","startedAt":"2022-10","progressValue":3.880597014925373,"inProgress":false,"authors":"정세랑","contents":"선사했던 정세랑. 작가의 동명 소설을 원작으로 제작되는 넷플릭스 드라마 〈보건교사 안은영〉(이경미 감독, 정유미 주연)과, SM에서 제작중인 케이팝 드라마 〈일루미네이션〉의 각본을 집필하며 활동 반경을 넓혀가고 있는 그가 장편소설 『시선으로부터,』로 돌아왔다. 『시선으로부터,』는 구상부터 완성까지 5년이 걸린 대작으로, 한국일보문학상을 수상한 『피프티 피플』 이후 4년 만에 내놓는 신작 장편소설이다. 『시선으로부터,』는 올해 3월 오픈한 웹진 〈주간 문학동네","datetime":"2020-06-05T00:00:00.000+09:00","isbn":"8954672213 9788954672214","price":14000,"publisher":"문학동네","sale_price":12600,"status":"정상판매","thumbnail":"https://search1.kakaocdn.net/thumb/R120x174.q85/?fname=http%3A%2F%2Ft1.daumcdn.net%2Flbook%2Fimage%2F5377431%3Ftimestamp%3D20240410145817","title":"시선으로부터,","translators":[],"url":"https://search.daum.net/search?w=bookpage&bookId=5377431&q=%EC%8B%9C%EC%84%A0%EC%9C%BC%EB%A1%9C%EB%B6%80%ED%84%B0%2C"},{"name":"재수사1","startedAt":"2022-11","endAt":"2022-11","progressValue":100,"authors":"장강명","contents":"우리의 소원은 전쟁》 《한국이 싫어서》……. 날카로운 지성과 거침없는 상상력, 속도감 있는 문장으로 발표하는 작품마다 우리 삶과 연관된 가장 사실적인 순간을 포착해온, 그야말로 장르불문의 올라운더 소설가 장강명의 신작 장편소설 《재수사》가 은행나무출판사에서 출간된다. 6년 만의 장편소설이다. 강력범죄수사대 소속 형사 연지혜가 22년 전 발생한 신촌 여대생 살인사건을 재수사하며 벌어지는 일을 다룬 이 소설은, 치밀한 취재로 만들어낸 생생한 현장감, 서사를","datetime":"2022-08-22T00:00:00.000+09:00","isbn":"1167372018 9791167372017","price":16000,"publisher":"은행나무","sale_price":14400,"status":"정상판매","thumbnail":"https://search1.kakaocdn.net/thumb/R120x174.q85/?fname=http%3A%2F%2Ft1.daumcdn.net%2Flbook%2Fimage%2F6140619%3Ftimestamp%3D20230128142017","title":"재수사 1","translators":[],"url":"https://search.daum.net/search?w=bookpage&bookId=6140619&q=%EC%9E%AC%EC%88%98%EC%82%AC+1"},{"name":"재수사2","startedAt":"2022-11","endAt":"2022-11","progressValue":100,"authors":"장강명","contents":"우리의 소원은 전쟁》 《한국이 싫어서》……. 날카로운 지성과 거침없는 상상력, 속도감 있는 문장으로 발표하는 작품마다 우리 삶과 연관된 가장 사실적인 순간을 포착해온, 그야말로 장르불문의 올라운더 소설가 장강명의 신작 장편소설 《재수사》가 은행나무출판사에서 출간된다. 6년 만의 장편소설이다. 강력범죄수사대 소속 형사 연지혜가 22년 전 발생한 신촌 여대생 살인사건을 재수사하며 벌어지는 일을 다룬 이 소설은, 치밀한 취재로 만들어낸 생생한 현장감, 서사를","datetime":"2022-08-22T00:00:00.000+09:00","isbn":"1167372026 9791167372024","price":16000,"publisher":"은행나무","sale_price":14400,"status":"정상판매","thumbnail":"https://search1.kakaocdn.net/thumb/R120x174.q85/?fname=http%3A%2F%2Ft1.daumcdn.net%2Flbook%2Fimage%2F6141049%3Ftimestamp%3D20230727155726","title":"재수사 2","translators":[],"url":"https://search.daum.net/search?w=bookpage&bookId=6141049&q=%EC%9E%AC%EC%88%98%EC%82%AC+2"},{"name":"당신 인생의 이야기","startedAt":"2022-12","progressValue":100,"authors":"테드 창","contents":"과학소설 작가 테드 창의 SF 소설집 『당신 인생의 이야기』. 단 한 권의 작품집으로 ‘전 세대를 통틀어 가장 위대한 과학 단편소설 작가 중의 한 명’이라는 명성을 얻은 테드 창의 소설집이다. 과학이 줄 수 있는 최고의 지적 상상력과 소설이 줄 수 있는 최고의 철학적 사유를 선사하는 이 책은 기막힌 상상력을 품고 있으면서도 읽고 나면 엄청난 감동이 밀려오는 여덟 편의 단편을 수록했다. 천상의 시작점으로 이어지는 탑을 건설하는 고대 바빌로니아인에","datetime":"2016-10-19T00:00:00.000+09:00","isbn":"8956057842 9788956057842","price":17000,"publisher":"엘리","sale_price":15300,"status":"정상판매","thumbnail":"https://search1.kakaocdn.net/thumb/R120x174.q85/?fname=http%3A%2F%2Ft1.daumcdn.net%2Flbook%2Fimage%2F724138%3Ftimestamp%3D20240904113753","title":"당신 인생의 이야기","translators":["김상훈(강수백)"],"url":"https://search.daum.net/search?w=bookpage&bookId=724138&q=%EB%8B%B9%EC%8B%A0+%EC%9D%B8%EC%83%9D%EC%9D%98+%EC%9D%B4%EC%95%BC%EA%B8%B0"},{"name":"이토록 평범한 미래","startedAt":"2023-01","progressValue":100,"authors":"김연수","contents":"작가 김연수가 짧지 않은 침묵을 깨고 신작 소설집 『이토록 평범한 미래』를 출간한다. 『사월의 미, 칠월의 솔』(2013) 이후 9년 만에 펴내는 여섯번째 소설집이다. 그전까지 2~4년 간격으로 꾸준히 소설집을 펴내며 ‘다작 작가’로 알려져온 그에게 지난 9년은 “바뀌어야 한다는 내적인 욕구”가 강하게 작동하는 동시에 “외적으로도 바뀔 수밖에 없는 일들이 벌어진”(특별 소책자 『어텐션 북』 수록 인터뷰에서) 시간이었다. 안팎으로 변화를 추동하는 일","datetime":"2022-10-07T00:00:00.000+09:00","isbn":"8954680003 9788954680004","price":14000,"publisher":"문학동네","sale_price":12600,"status":"정상판매","thumbnail":"https://search1.kakaocdn.net/thumb/R120x174.q85/?fname=http%3A%2F%2Ft1.daumcdn.net%2Flbook%2Fimage%2F6170593%3Ftimestamp%3D20240601150456","title":"이토록 평범한 미래","translators":[],"url":"https://search.daum.net/search?w=bookpage&bookId=6170593&q=%EC%9D%B4%ED%86%A0%EB%A1%9D+%ED%8F%89%EB%B2%94%ED%95%9C+%EB%AF%B8%EB%9E%98"},{"name":"호밀밭의 파수꾼","startedAt":"2023-03","progressValue":100,"authors":"제롬 데이비드 샐린저","contents":"2023년 새로 출간하는 『호밀밭의 파수꾼』은 옮긴이 정영목 교수가 주인공 홀든 콜필드의 개성을 한층 더 생생히 표현하기 위해 원작의 문체와 문형에 가장 가까운 한국어 문장을 고심하며 저작권자의 자문과 검수를 거쳐 완성한 텍스트이다. 뿐만 아니라, 2020년대 한국 독자들의 생생한 문화적 문학적 감수성에도 부합하는 동시에 원작의 문장들이 갖는 리듬과 호흡, 맥락과 의미까지 고스란히 살리기 위한 어휘의 선별은 물론, 쉼표와 말줄임표 등 문장 부호의","datetime":"2023-01-17T00:00:00.000+09:00","isbn":"8937460475 9788937460470","price":12000,"publisher":"민음사","sale_price":10800,"status":"정상판매","thumbnail":"https://search1.kakaocdn.net/thumb/R120x174.q85/?fname=http%3A%2F%2Ft1.daumcdn.net%2Flbook%2Fimage%2F540813%3Ftimestamp%3D20240617112523","title":"호밀밭의 파수꾼","translators":["정영목"],"url":"https://search.daum.net/search?w=bookpage&bookId=540813&q=%ED%98%B8%EB%B0%80%EB%B0%AD%EC%9D%98+%ED%8C%8C%EC%88%98%EA%BE%BC"},{"name":"스토너","startedAt":"2023-05","endAt":"2023-08","progressValue":100,"authors":"존 윌리엄스","contents":"1965년 미국에서 발표된 후 오랜 시간 독자들에게 잊혀졌던 작품이 유럽 출판계와 평론가, 독자들의 열렬한 반응을 이끌어내며 베스트셀러가 되었다. 50년의 시차를 뛰어넘어 미국과 유럽 그리고 전 세계의 마음을 사로잡은 작품, 『스토너』의 이야기다. 농부의 아들로 태어나 문학을 사랑했으며 묵묵히 자신의 길을 가고자 했던 윌리엄 스토너. 세상의 기준에서 실패자와 다른 없는 삶을 산 한 남자의 이야기가 발표된 지 50년이 지난 지금 다시 주목 받은 이유는","datetime":"2015-01-02T00:00:00.000+09:00","isbn":"8925554992 9788925554990","price":16800,"publisher":"알에이치코리아","sale_price":15120,"status":"정상판매","thumbnail":"https://search1.kakaocdn.net/thumb/R120x174.q85/?fname=http%3A%2F%2Ft1.daumcdn.net%2Flbook%2Fimage%2F415420%3Ftimestamp%3D20240627152349","title":"스토너","translators":["김승욱"],"url":"https://search.daum.net/search?w=bookpage&bookId=415420&q=%EC%8A%A4%ED%86%A0%EB%84%88"},{"name":"가난의 문법","startedAt":"2023-05","progressValue":53,"inProgress":false,"authors":"소준철","contents":"『가난의 문법』은 한국출판문화산업진흥원 2020 우수출판콘텐츠 선정작. 도시연구자 소준철이 2015년부터 2019년까지 연구한 결과를 책으로 묶었다. 저자는 재활용품을 수집하는 여성 도시 노인의 생애사적 특징과 재활용품 수집이라는 일을 통해 가난을 들여다본다. 그들은 어떠한 가난의 경로를 거쳐왔는가? 분기점에서 한 어떤 선택이 그들을 가난으로 이끌었는가? 그들이 살아온 삶, 재활용품 수집을 시작한 이유, 수집 과정에서 일어나는 다양한 경쟁, 노인들","datetime":"2020-11-30T00:00:00.000+09:00","isbn":"1156758513 9791156758518","price":16000,"publisher":"푸른숲","sale_price":14400,"status":"정상판매","thumbnail":"https://search1.kakaocdn.net/thumb/R120x174.q85/?fname=http%3A%2F%2Ft1.daumcdn.net%2Flbook%2Fimage%2F5532650%3Ftimestamp%3D20240425155006","title":"가난의 문법","translators":[],"url":"https://search.daum.net/search?w=bookpage&bookId=5532650&q=%EA%B0%80%EB%82%9C%EC%9D%98+%EB%AC%B8%EB%B2%95"},{"name":"너무나 많은 여름이","startedAt":"2023-06","endAt":"2023-07","progressValue":100,"authors":"김연수","contents":"김연수의 ‘다음’ 걸음 지난해 소설집 『이토록 평범한 미래』를 출간한 후, 김연수는 여러 번, 그사이 “바뀌어야 한다는 내적인 욕구”가 강하게 작동하는 동시에 “외적으로도 바뀔 수밖에 없는 일들이 벌어”졌다고 언급한다. 신간 『너무나 많은 여름이』는 그 시기를 건넌 뒤 쓰여진 짧은 소설들로, 변화에 대한 내적인 욕구와 외적인 요구가 옮겨놓은, 김연수의 ‘그다음’ 첫걸음인 셈이다. 작가는 이 소설들을 여러 서점과 도서관에서 “얼굴과 얼굴을 마주”하고 독자들","datetime":"2023-06-26T00:00:00.000+09:00","isbn":"1196722013 9791196722012","price":16000,"publisher":"레제","sale_price":14400,"status":"정상판매","thumbnail":"https://search1.kakaocdn.net/thumb/R120x174.q85/?fname=http%3A%2F%2Ft1.daumcdn.net%2Flbook%2Fimage%2F6377248%3Ftimestamp%3D20240504160754","title":"너무나 많은 여름이","translators":[],"url":"https://search.daum.net/search?w=bookpage&bookId=6377248&q=%EB%84%88%EB%AC%B4%EB%82%98+%EB%A7%8E%EC%9D%80+%EC%97%AC%EB%A6%84%EC%9D%B4"},{"name":"리팩터링","startedAt":"2023-08","endAt":"2023-10","progressValue":100,"authors":"마틴 파울러","contents":"지난 20년간 전 세계 프로그래머에게 리팩터링의 교본이었던 이 책의 1판은, 기존 코드의 디자인을 개선하고 소프트웨어 유지 관리 능력을 향상시켰으며 기존 코드를 이해하기 쉽게 만드는 데 도움을 주었습니다. 간절히 기다려온 이번 개정판에는 프로그래밍 환경의 중요한 변화가 대거 반영되었습니다. 새로운 리팩터링 카탈로그를 자바스크립트 코드로 제시합니다. 리팩터링 원칙부터 클래스 없이 리팩터링하는 방법과 데이터 조직화, 조건부 로직 간소화 방법을 다룹니다. 또한","datetime":"2020-04-01T00:00:00.000+09:00","isbn":"1162242744 9791162242742","price":35000,"publisher":"한빛미디어","sale_price":31500,"status":"정상판매","thumbnail":"https://search1.kakaocdn.net/thumb/R120x174.q85/?fname=http%3A%2F%2Ft1.daumcdn.net%2Flbook%2Fimage%2F5326912%3Ftimestamp%3D20240904154033","title":"리팩터링","translators":["개앞맵시(이복연)"],"url":"https://search.daum.net/search?w=bookpage&bookId=5326912&q=%EB%A6%AC%ED%8C%A9%ED%84%B0%EB%A7%81"},{"name":"무의미의 축제","startedAt":"2023-10","endAt":"2023-10","progressValue":100,"authors":"밀란 쿤데라","contents":"「참을 수 없는 존재의 가벼움」 「농담」 「불멸」 「소설의 기술」로 등으로 유럽을 넘어 전세계 독자들의 사랑을 받은 거장 밀란 쿤데라의 마지막 소설 「무의미의 축제」가 한국어판 출간 10주년을 기념하여 리커버 에디션으로 출간되었다. 2000년, 「향수」가 스페인에서 출간된 이후 14년 후에 발표한 이 마지막 소설은 쿤데라 문학의 정점을 이룬다. 알랭, 칼리방, 샤를, 라몽, 네 주인공을 중심으로 다양한 이야기가 촘촘히 엮여 진행되는 이 소설은, 새로이 에로티시즘","datetime":"2024-06-24T00:00:00.000+09:00","isbn":"8937456745 9788937456749","price":15000,"publisher":"민음사","sale_price":13500,"status":"정상판매","thumbnail":"https://search1.kakaocdn.net/thumb/R120x174.q85/?fname=http%3A%2F%2Ft1.daumcdn.net%2Flbook%2Fimage%2F6671947%3Ftimestamp%3D20240711154305","title":"무의미의 축제","translators":["방미경"],"url":"https://search.daum.net/search?w=bookpage&bookId=6671947&q=%EB%AC%B4%EC%9D%98%EB%AF%B8%EC%9D%98+%EC%B6%95%EC%A0%9C"},{"name":"아무튼, 계속","startedAt":"2023-10","endAt":"2023-10","progressValue":100,"authors":"김교석","contents":"‘나를 만든 세계, 내가 만든 세계’ 아무튼 시리즈의 일곱 번째 책은 『아무튼, 계속』이다. 세상은 빠르게 변하고 얼리어답터가 아니면 뒤처질 것 같은 느낌에 괜히 마음이 급해지기도 하지만 그래도 우리 모두는 자신의 삶 속에서 계속되는 무언가를 하나씩은 붙들고 살지 않을까? 『아무튼, 계속』은 무언가를 ‘계속’ 하는 사람의 이야기이다. 전 『필름 2.0』 기자였고 현재 TV 칼럼니스트로 활동 중인 저자는 성장과 변화와 발전에서 행복을 느끼기보다는 모든 순간","datetime":"2017-12-12T00:00:00.000+09:00","isbn":"1186602341 9791186602348","price":12000,"publisher":"위고","sale_price":10800,"status":"정상판매","thumbnail":"https://search1.kakaocdn.net/thumb/R120x174.q85/?fname=http%3A%2F%2Ft1.daumcdn.net%2Flbook%2Fimage%2F1635624%3Ftimestamp%3D20240806112338","title":"아무튼, 계속","translators":[],"url":"https://search.daum.net/search?w=bookpage&bookId=1635624&q=%EC%95%84%EB%AC%B4%ED%8A%BC%2C+%EA%B3%84%EC%86%8D"},{"name":"모순","startedAt":"2023-10","endAt":"2023-12","progressValue":100,"authors":"양귀자","contents":"양귀자 소설의 힘을 보여준 베스트셀러 『모순』. 1998년에 초판이 출간된 이후 132쇄를 찍으며 여전히 많은 사랑을 받고 있는 작품을, 오래도록 소장할 수 있는 양장본으로 새롭게 선보인다. 스물다섯 살 미혼여성 안진진을 통해 모순으로 가득한 우리의 인생을 들여다본다. 작가 특유의 섬세한 문장들로 여러 인물들의 삶을 생생하게 그려내고 있다. 시장에서 내복을 팔고 있는 억척스런 어머니와 행방불명 상태로 떠돌다 가끔씩 귀가하는 아버지, 조폭의 보스가","datetime":"2013-04-01T00:00:00.000+09:00","isbn":"8998441012 9788998441012","price":13000,"publisher":"쓰다","sale_price":11700,"status":"정상판매","thumbnail":"https://search1.kakaocdn.net/thumb/R120x174.q85/?fname=http%3A%2F%2Ft1.daumcdn.net%2Flbook%2Fimage%2F1500252%3Ftimestamp%3D20240802114042","title":"모순","translators":[],"url":"https://search.daum.net/search?w=bookpage&bookId=1500252&q=%EB%AA%A8%EC%88%9C"},{"name":"0원으로 사는 삶","startedAt":"2023-12","inProgress":false,"progressValue":60,"authors":"박정미","contents":"브리스틀의 자전거 수리 전문 카페 ‘롤 포 더 소울’, 중부 우스터를 지나 런던에 돌아왔다. 노동력 교환 커뮤니티에 장기간 머물 수도 있었지만, 저자는 단순한 생존에서 나아가 자신만의 삶의 방식을 찾기로 한다. 도시에서도 0원살이를 이어가기로 한 이유도 여기에 있다. 보트, 카라반에 사는 모바일 리빙부터 버려진 창고나 공장을 거처로 삼는 웨어하우스 리빙, 빈 건물을 점거하는 스퀏팅까지. 대안 주거 공간에서 생활하는 사람들은 삶의 방식과 거주 방법 자체를 변화시키고자","datetime":"2022-10-28T00:00:00.000+09:00","isbn":"1159259119 9791159259111","price":19500,"publisher":"들녘","sale_price":17550,"status":"정상판매","thumbnail":"https://search1.kakaocdn.net/thumb/R120x174.q85/?fname=http%3A%2F%2Ft1.daumcdn.net%2Flbook%2Fimage%2F6204610%3Ftimestamp%3D20240725161830","title":"0원으로 사는 삶","translators":[],"url":"https://search.daum.net/search?w=bookpage&bookId=6204610&q=0%EC%9B%90%EC%9C%BC%EB%A1%9C+%EC%82%AC%EB%8A%94+%EC%82%B6"},{"name":"소크라테스 익스프레스","startedAt":"2023-12","endAt":"2024-03","progressValue":100,"authors":"에릭 와이너","contents":"《소크라테스 익스프레스》는 마르쿠스 아우렐리우스부터 몽테뉴까지 역사상 가장 위대한 철학자들을 만나러 떠나는 여행기이자, 그들의 삶과 작품 속의 지혜가 우리 인생을 개선하는 데 어떻게 도움이 되는지 답을 찾아가는 책이다. 매력적인 글솜씨로 “빌 브라이슨의 유머와 알랭 드 보통의 통찰력이 만났다”는 평가를 받는 에릭 와이너가 이 여행의 동반자로 나선다.","datetime":"2021-04-28T00:00:00.000+09:00","isbn":"1190030926 9791190030922","price":18000,"publisher":"어크로스","sale_price":16200,"status":"정상판매","thumbnail":"https://search1.kakaocdn.net/thumb/R120x174.q85/?fname=http%3A%2F%2Ft1.daumcdn.net%2Flbook%2Fimage%2F5652026%3Ftimestamp%3D20231124145436","title":"소크라테스 익스프레스","translators":["김하현"],"url":"https://search.daum.net/search?w=bookpage&bookId=5652026&q=%EC%86%8C%ED%81%AC%EB%9D%BC%ED%85%8C%EC%8A%A4+%EC%9D%B5%EC%8A%A4%ED%94%84%EB%A0%88%EC%8A%A4"},{"name":"잘 그리기 금지","startedAt":"2023-12","progressValue":100,"authors":"사이토 나오키","contents":"‘그림을 잘 그리고 싶다.’ ‘그림으로 sns에서 유명세와 인기를 얻고 싶다.’ ‘그림을 그려서 돈을 벌고 싶다.’ 일러스트레이터, 만화가, 웹툰 작가, 애니메이터를 꿈꾸거나 현재 직업으로 삼고 있는 분들, 그림을 그리는 분들이라면 이렇게 생각하는 사람들이 많을 겁니다. 이런 바람에도 그림이 잘 그려지지도 않고, 기껏 그려서 sns에 올려도 반응은 잠잠하고, 일은 들어오지를 않고, 급기야 그림 그리는 게 즐겁지 않게 느껴진다면 이 책을 읽어보세요. 이","datetime":"2022-01-10T00:00:00.000+09:00","isbn":"897929347X 9788979293470","price":16500,"publisher":"잉크잼","sale_price":14850,"status":"정상판매","thumbnail":"https://search1.kakaocdn.net/thumb/R120x174.q85/?fname=http%3A%2F%2Ft1.daumcdn.net%2Flbook%2Fimage%2F5924812%3Ftimestamp%3D20240828160344","title":"잘 그리기 금지","translators":["박수현"],"url":"https://search.daum.net/search?w=bookpage&bookId=5924812&q=%EC%9E%98+%EA%B7%B8%EB%A6%AC%EA%B8%B0+%EA%B8%88%EC%A7%80"},{"name":"개발자 원칙","startedAt":"2024-01","progressValue":100,"authors":"박성철, 강대명, 공용준, 김정, 박미정, 박종천","contents":"2022년 연말을 강타한 베스트셀러 《개발자 원칙》이 확장판으로 더 강력해져 돌아왔습니다. “나도 테크 리더가 될 수 있을까? 어떻게 선배 개발자들처럼 성장할 수 있을까? 3년 10년 후에도 개발자로 살아갈 수 있을까? 팀워크는 도대체 어떻게 맞춰야 하는 걸까?” 개발자로 살아가면서 하루에도 천 번을 되묻는 물음에 컬리, 레몬트리, 카카오, 코드스쿼드, 당근마켓, 몰로코, 데이블, 인프런, 패스트캠퍼스 전현직 테크 리더 9명이 답합니다. 지금까지 만나","datetime":"2024-09-01T00:00:00.000+09:00","isbn":"1191905942 9791191905946","price":24000,"publisher":"골든래빗(주)","sale_price":21600,"status":"정상판매","thumbnail":"https://search1.kakaocdn.net/thumb/R120x174.q85/?fname=http%3A%2F%2Ft1.daumcdn.net%2Flbook%2Fimage%2F6706967%3Ftimestamp%3D20240827163934","title":"개발자 원칙(확장판)","translators":[],"url":"https://search.daum.net/search?w=bookpage&bookId=6706967&q=%EA%B0%9C%EB%B0%9C%EC%9E%90+%EC%9B%90%EC%B9%99%28%ED%99%95%EC%9E%A5%ED%8C%90%29"},{"name":"소프트 스킬","startedAt":"2024-01","progressValue":77.4526678141136,"inProgress":false,"logs":[{"date":"2024-03-24","progressValue":40},{"date":"2024-04-14","progressValue":59.036144578313255},{"date":"2024-04-24","progressValue":62.99483648881239},{"date":"2024-05-02","progressValue":77.4526678141136}],"authors":"존 손메즈","contents":"저자 존 손메즈가 이 책을 쓴 이유는 개발자로 사는 데 도움이 되는 정보와 조언을 집약적으로 담은 안내서를 만들고 싶어서다. 자신이 33세에 은퇴하기까지 성공과 실패를 통해 배운 것, 여러 사람을 만나면서 보고 들으며 배운 것을 전달하고 공유하기 위해서다. 개발자의 인생을 리부트할 조언들로 꽉 차있다.","datetime":"2015-11-27T00:00:00.000+09:00","isbn":"1186659882 9791186659885","price":25000,"publisher":"길벗","sale_price":22500,"status":"정상판매","thumbnail":"https://search1.kakaocdn.net/thumb/R120x174.q85/?fname=http%3A%2F%2Ft1.daumcdn.net%2Flbook%2Fimage%2F1630490%3Ftimestamp%3D20221107235212","title":"소프트 스킬","translators":["이미령"],"url":"https://search.daum.net/search?w=bookpage&bookId=1630490&q=%EC%86%8C%ED%94%84%ED%8A%B8+%EC%8A%A4%ED%82%AC"},{"name":"일곱 해의 마지막","startedAt":"2024-02","endAt":"2024-03","progressValue":100,"authors":"김연수","contents":"활동의 궤적을 곧 한국소설의 중요한 흐름 가운데 하나로 만들어내며 한국문학의 판도를 뒤바꾼 작가 김연수의 신작 장편소설. 삼십 년 가까이 작가생활을 하는 동안 김연수는 에너지와 불안으로 가득한 청춘의 눈빛을 가장 가까이에서 기록하는 한편으로 사랑의 본질에 대해 끊임없이 탐구하며 그만의 지적인 사랑학 개론을 펼쳐왔다. 그리고 그와 동시에 방대한 역사적 자료를 바탕으로 객관적인 사실로는 가닿을 수 없는 빈틈에서 개인의 진실을 발견해내는 작업을 해오기도 했다","datetime":"2020-07-01T00:00:00.000+09:00","isbn":" 2090000077704","price":13500,"publisher":"문학동네","sale_price":12150,"status":"예약판매","thumbnail":"https://search1.kakaocdn.net/thumb/R120x174.q85/?fname=http%3A%2F%2Ft1.daumcdn.net%2Flbook%2Fimage%2F5396980%3Ftimestamp%3D20221108003642","title":"일곱 해의 마지막(작가 사인 미포함)","translators":[],"url":"https://search.daum.net/search?w=bookpage&bookId=5396980&q=%EC%9D%BC%EA%B3%B1+%ED%95%B4%EC%9D%98+%EB%A7%88%EC%A7%80%EB%A7%89%28%EC%9E%91%EA%B0%80+%EC%82%AC%EC%9D%B8+%EB%AF%B8%ED%8F%AC%ED%95%A8%29"},{"name":"세상을 어떻게 이해할 것인가","startedAt":"2024-03","progressValue":27.24014336917563,"logs":[{"date":"2024-03-24","progressValue":10},{"date":"2024-04-14","progressValue":27.24014336917563}],"authors":"프리드리히 니체","contents":"가운데 결코 놓쳐서는 안 될 대목들을 특별히 가려 뽑아, 니체 사상의 가이드라인이 될 수 있도록 하였다. 이는 훗날 니체의 저서를 본격적으로 읽어야 할 사람들의 포괄적인 이해를 돕기 위해서이다. 또한 제목처럼 ‘세상을 어떻게 이해할 것인가’ 하는 니체의 철학적 고민을 보여 줌으로써, 독자들이 니체의 철학을 삶 속에서 이해하고, 자신이 삶의 방식을 선택할 수 있도록 인도해주는 책이다. 따라서 그의 깊이 있는 사상을 형이상학적인 철학 문제로만 도외시하지","datetime":"2019-01-15T00:00:00.000+09:00","isbn":"8962261030 9788962261035","price":11000,"publisher":"해누리기획","sale_price":9900,"status":"정상판매","thumbnail":"https://search1.kakaocdn.net/thumb/R120x174.q85/?fname=http%3A%2F%2Ft1.daumcdn.net%2Flbook%2Fimage%2F4863491%3Ftimestamp%3D20240815130958","title":"세상을 어떻게 이해할 것인가","translators":["이동진"],"url":"https://search.daum.net/search?w=bookpage&bookId=4863491&q=%EC%84%B8%EC%83%81%EC%9D%84+%EC%96%B4%EB%96%BB%EA%B2%8C+%EC%9D%B4%ED%95%B4%ED%95%A0+%EA%B2%83%EC%9D%B8%EA%B0%80"},{"name":"우리 본성의 선한 천사","startedAt":"2024-03","progressValue":26.949152542372882,"logs":[{"date":"2024-03-24","progressValue":5},{"date":"2024-04-14","progressValue":10.677966101694915},{"date":"2024-04-24","progressValue":19.152542372881356},{"date":"2024-04-28","progressValue":24.40677966101695},{"date":"2024-05-02","progressValue":26.949152542372882}],"authors":"스티븐 핑커","contents":"인간은 폭력성과 어떻게 싸워 왔는가『우리 본성의 선한 천사』. 우리 안에 공존하는 ‘천사’와 ‘악마’, 인류는 어떻게 내면의 선한 천사들로 악한 본성들을 억누르고 점차 덜 폭력적인 세계, 점차 더 인도적인 세상을 진화시켜 왔는가? 현 시대 최고의 지성, 가장 영향력 있는 과학자로 손꼽히는 인지 과학자이자 진화 심리학자인 스티븐 핑커가 우리 사회를 지배하고 있는 ‘폭력을 둘러싼 통념들’에 대해 낱낱이 파헤쳤다. 저자는 고귀한 야만인, 오늘보다 나은","datetime":"2014-08-25T00:00:00.000+09:00","isbn":"8983716894 9788983716897","price":60000,"publisher":"사이언스북스","sale_price":54000,"status":"정상판매","thumbnail":"https://search1.kakaocdn.net/thumb/R120x174.q85/?fname=http%3A%2F%2Ft1.daumcdn.net%2Flbook%2Fimage%2F1165757%3Ftimestamp%3D20241002115207","title":"우리 본성의 선한 천사","translators":["김명남"],"url":"https://search.daum.net/search?w=bookpage&bookId=1165757&q=%EC%9A%B0%EB%A6%AC+%EB%B3%B8%EC%84%B1%EC%9D%98+%EC%84%A0%ED%95%9C+%EC%B2%9C%EC%82%AC"},{"name":"그렇게 작가가 된다","startedAt":"2024-03","progressValue":41.49377593360996,"logs":[{"date":"2024-03-24","progressValue":19.08713692946058},{"date":"2024-04-14","progressValue":21.57676348547718},{"date":"2024-04-28","progressValue":41.49377593360996}],"authors":"하랑","contents":"〈그렇게 작가가 된다〉는 영화 속 작가들이 현실 속 예비 작가들에게 건네는 ‘글과 책 쓰기’에 관한 조언을 담은 에세이다. ‘영화 속 작가의 입을 통해 책 쓰기의 과정을 보여준다'는 독특한 콘셉트는 지금까지 볼 수 없었다는 것 하나만으로도 이 책을 읽어봐야 할 충분한 이유가 된다. 영화 속 작가들이 건네는 말들을 따라가다 보면 어느새 한 권의 책이 출판되는 전 과정을 흥미롭게 들여다볼 수 있을 것이다. 또한 영화 속 작가들의 말들에 보태어 풀어낸 저자","datetime":"2022-05-30T00:00:00.000+09:00","isbn":"1197821473 9791197821479","price":14800,"publisher":"아델북스","sale_price":13320,"status":"정상판매","thumbnail":"https://search1.kakaocdn.net/thumb/R120x174.q85/?fname=http%3A%2F%2Ft1.daumcdn.net%2Flbook%2Fimage%2F6071383%3Ftimestamp%3D20240322163613","title":"그렇게 작가가 된다","translators":[],"url":"https://search.daum.net/search?w=bookpage&bookId=6071383&q=%EA%B7%B8%EB%A0%87%EA%B2%8C+%EC%9E%91%EA%B0%80%EA%B0%80+%EB%90%9C%EB%8B%A4"},{"name":"10개의 시점으로 보는 영화감상법","startedAt":"2024-03","endAt":"2024-04","progressValue":100,"logs":[{"date":"2024-03-24","progressValue":35.44303797468354},{"date":"2024-04-14","progressValue":81.85654008438819},{"date":"2024-04-24","progressValue":100}],"authors":"전찬일, 라이너","contents":"또 그만큼의 재미가 있을 것이다. 그리고 또 한 겹을 벗겨낼 수도 있고, 보는 사람에 따라 많은 껍질을 벗겨내고 그만큼의 다양한 재미를 찾을 수도 있을 것이다. 그래서 영화를 종합 예술이라 부르지 않는가. 이 중 어떠한 방식으로 영화의 재미를 느낄 것인가 하는 것은 전적으로 관객의 선택이다. 그러나 이 책은 이왕이면 최대한 많은 영화의 껍질을 벗겨내기를 권유한다. 그리고 그러기 위한 10개의 도구를 준비해 독자의 손에 쥐어준다. 전찬일 라이너는 매불쇼가","datetime":"2024-04-01T00:00:00.000+09:00","isbn":"1170790259 9791170790259","price":17000,"publisher":"oldstairs","sale_price":15300,"status":"정상판매","thumbnail":"https://search1.kakaocdn.net/thumb/R120x174.q85/?fname=http%3A%2F%2Ft1.daumcdn.net%2Flbook%2Fimage%2F6587250%3Ftimestamp%3D20240508154849","title":"10개의 시점으로 보는 영화감상법","translators":[],"url":"https://search.daum.net/search?w=bookpage&bookId=6587250&q=10%EA%B0%9C%EC%9D%98+%EC%8B%9C%EC%A0%90%EC%9C%BC%EB%A1%9C+%EB%B3%B4%EB%8A%94+%EC%98%81%ED%99%94%EA%B0%90%EC%83%81%EB%B2%95"},{"name":"슬픈 세상의 기쁜 말","startedAt":"2024-03","progressValue":100,"logs":[{"date":"2024-04-04","progressValue":20},{"date":"2024-04-14","progressValue":48.669201520912544},{"date":"2024-04-17","progressValue":76.04562737642586}],"authors":"정혜윤","contents":"“나는 다른 것은 몰라도 인간이 인간일 때 얼마나 우아할 수 있는지는 알고 있다. 그래서 인간이 지금과 다르게 존재하는 것이 얼마든지 가능하다는 것을 말하고 싶었다.” 남도 외딴 항구의 어부, 뒤늦게 글자를 깨우친 할머니, 시장 야채장수 언니,?9·11테러 생존자, 콜럼바인 총기 사건 희생자… 인간의 기억 속에 영원히 좋은 것으로 남을, 조용히 빛을 발하는 사람들의 이야기","datetime":"2021-08-05T00:00:00.000+09:00","isbn":"1186602643 9791186602645","price":16000,"publisher":"위고","sale_price":14400,"status":"정상판매","thumbnail":"https://search1.kakaocdn.net/thumb/R120x174.q85/?fname=http%3A%2F%2Ft1.daumcdn.net%2Flbook%2Fimage%2F5808014%3Ftimestamp%3D20240811135620","title":"슬픈 세상의 기쁜 말","translators":[],"url":"https://search.daum.net/search?w=bookpage&bookId=5808014&q=%EC%8A%AC%ED%94%88+%EC%84%B8%EC%83%81%EC%9D%98+%EA%B8%B0%EC%81%9C+%EB%A7%90"},{"name":"원숭이도 이해하는 자본론","startedAt":"2024-04","endAt":"2024-07","progressValue":100,"logs":[{"date":"2024-05-19","progressValue":30.914826498422716},{"date":"2024-07-02","progressValue":96.84542586750788}],"authors":"임승수","contents":"《새로 쓴 원숭이도 이해하는 자본론》은 자본주의 구조의 비밀과 한계 그리고 자본주의 사회의 빈부 격차의 원인을 근원적으로 밝혀주고자 한 책이다. 책은 마르크스 《자본론》의 고갱이를 충실하게, 무엇보다 이해하기 쉽도록 집필되었다. 사회형태를 구분하는 기준, 상품과 가치, 노동가치론와 노동시간, 화폐와 자본의 차이, 이윤의 출처, 잉여가치와 상품의 가치, 필요노동과 잉여노동, 잉여가치의 창출, 성과급제의 비밀, 단순재생산과 확대재생산, 자본의 유기적 구성","datetime":"2016-09-01T00:00:00.000+09:00","isbn":"895940618X 9788959406180","price":18000,"publisher":"시대의창","sale_price":16200,"status":"정상판매","thumbnail":"https://search1.kakaocdn.net/thumb/R120x174.q85/?fname=http%3A%2F%2Ft1.daumcdn.net%2Flbook%2Fimage%2F802786%3Ftimestamp%3D20240703112524","title":"원숭이도 이해하는 자본론","translators":[],"url":"https://search.daum.net/search?w=bookpage&bookId=802786&q=%EC%9B%90%EC%88%AD%EC%9D%B4%EB%8F%84+%EC%9D%B4%ED%95%B4%ED%95%98%EB%8A%94+%EC%9E%90%EB%B3%B8%EB%A1%A0"},{"name":"1페이지 한국사 365","startedAt":"2024-04","progressValue":9.315068493150685,"logs":[{"date":"2024-05-19","progressValue":4.10958904109589},{"date":"2024-07-02","progressValue":9.315068493150685}],"authors":"심용환","contents":"《읽기만 하면 내 것이 되는 1페이지 한국사 365》는 매일 1페이지씩, 365개의 주제를 읽으며 한국사에 대해 쉽고 재미있게 이해할 수 있는 책이다. 월요일부터 일요일까지 사건, 인물, 장소, 유적·유물, 문화, 학문·철학, 명문장 총 일곱 분야의 지식을 다루고 있어 한국사의 주요 장면을 빠짐없이 살펴볼 수 있다. 관심 있는 내용부터 읽어도 좋고 처음부터 차례대로 읽어도 좋다. 재미있게 읽기만 하면 지식이 쌓이고, 대화가 풀리고, 세계가 확장되는 경험","datetime":"2020-06-17T00:00:00.000+09:00","isbn":"1197035257 9791197035258","price":16500,"publisher":"비에이블","sale_price":14850,"status":"정상판매","thumbnail":"https://search1.kakaocdn.net/thumb/R120x174.q85/?fname=http%3A%2F%2Ft1.daumcdn.net%2Flbook%2Fimage%2F5384529%3Ftimestamp%3D20240803144553","title":"읽기만 하면 내 것이 되는 1페이지 한국사 365","translators":[],"url":"https://search.daum.net/search?w=bookpage&bookId=5384529&q=%EC%9D%BD%EA%B8%B0%EB%A7%8C+%ED%95%98%EB%A9%B4+%EB%82%B4+%EA%B2%83%EC%9D%B4+%EB%90%98%EB%8A%94+1%ED%8E%98%EC%9D%B4%EC%A7%80+%ED%95%9C%EA%B5%AD%EC%82%AC+365"},{"name":"구글 엔지니어는 이렇게 일한다","startedAt":"2024-06","progressValue":20,"logs":[{"date":"2024-07-02","progressValue":20}],"authors":"타이터스 윈터스, 톰 맨쉬렉, 하이럼 라이트","contents":"소프트웨어 엔지니어의 역할은 점점 더 확장될 것입니다. 이제 더 이상 소프트웨어 엔지니어링은 단순히 조직을 효과적으로 운영하는 방법에 그치지 않을 것입니다. 이 책에서는 여러분이 궁금해하고, 반드시 알아야 할 프로그램을 효과적으로 짜는 방법은 물론, 코드베이스를 지속 가능하고 건실하게 만들어주는 엔지니어링 관행까지 모두 소개합니다. 이 책 한 권이면 소프트웨어 엔지니어링 프로세스를 완벽하게 익히고 좋은 제품을 남들보다 빠르게 구현할 수 있게 됩니다. 또한 20","datetime":"2022-05-10T00:00:00.000+09:00","isbn":"116224562X 9791162245620","price":45000,"publisher":"한빛미디어","sale_price":40500,"status":"정상판매","thumbnail":"https://search1.kakaocdn.net/thumb/R120x174.q85/?fname=http%3A%2F%2Ft1.daumcdn.net%2Flbook%2Fimage%2F6066564%3Ftimestamp%3D20240525153958","title":"구글 엔지니어는 이렇게 일한다","translators":["개앞맵시(이복연)"],"url":"https://search.daum.net/search?w=bookpage&bookId=6066564&q=%EA%B5%AC%EA%B8%80+%EC%97%94%EC%A7%80%EB%8B%88%EC%96%B4%EB%8A%94+%EC%9D%B4%EB%A0%87%EA%B2%8C+%EC%9D%BC%ED%95%9C%EB%8B%A4"},{"name":"지지 않는다는 말","startedAt":"2024-06","endAt":"2024-07","progressValue":100,"logs":[{"date":"2024-07-02","progressValue":63.230240549828174}],"authors":"김연수","contents":"<원더보이>, <네가 누구든 얼마나 외롭든>의 저자 김연수의 산문집『지지 않는다는 말』. 이 책은 저자가 지금까지 만나온 사랑, 구름, 바람, 나무, 빗방울 그리고 달리면서 쓴 소설과 읽은 책들에 관한 이야기와 저자의 자전적 이야기까지 오롯이 담고 있다. 매일 1시간씩 달리게 되면 인생을 압축적으로 맛보게 된다는 것, 저자에게 달리기는 자신이 속한 세계를 이해하는 하나의 방법이라는 것 등 저자의 세계에 영향을 준 달리기에 대한 다양","datetime":"2012-07-16T00:00:00.000+09:00","isbn":"8992783612 9788992783613","price":12000,"publisher":"마음의숲","sale_price":-1,"status":"","thumbnail":"https://search1.kakaocdn.net/thumb/R120x174.q85/?fname=http%3A%2F%2Ft1.daumcdn.net%2Flbook%2Fimage%2F1377096%3Ftimestamp%3D20220922042237","title":"지지 않는다는 말","translators":[],"url":"https://search.daum.net/search?w=bookpage&bookId=1377096&q=%EC%A7%80%EC%A7%80+%EC%95%8A%EB%8A%94%EB%8B%A4%EB%8A%94+%EB%A7%90"},{"name":"세계의 끝 여자친구","startedAt":"2024-06","endAt":"2024-07","progressValue":100,"logs":[{"date":"2024-07-02","progressValue":28.888888888888886}],"authors":"김연수","contents":"이상문학상 수상작가 김연수의 네 번째 소설집『세계의 끝 여자친구』. 여섯 권의 장편소설과 세 권의 소설집을 통해 '삶'을 갈망해온 작가 김연수. 이번 소설집에는 2005년 봄부터 2009년 여름까지 쓴 아홉 편의 이야기가 담겨 있다. 밀도 높고 아름다운 문장, 우아하면서도 재치 있는 유머, 그 안에 자연스럽게 녹아든 진지한 문제의식이 여전히 돋보인다. 그동안 '나'의 이야기를 찾아 자신의 안으로 향했던 작가의 시선은 이제 서서히 '우리'를 향해, '세계","datetime":"2012-07-23T00:00:00.000+09:00","isbn":"8954608825 9788954608824","price":15500,"publisher":"문학동네","sale_price":13950,"status":"정상판매","thumbnail":"https://search1.kakaocdn.net/thumb/R120x174.q85/?fname=http%3A%2F%2Ft1.daumcdn.net%2Flbook%2Fimage%2F690170%3Ftimestamp%3D20240807112613","title":"세계의 끝 여자친구","translators":[],"url":"https://search.daum.net/search?w=bookpage&bookId=690170&q=%EC%84%B8%EA%B3%84%EC%9D%98+%EB%81%9D+%EC%97%AC%EC%9E%90%EC%B9%9C%EA%B5%AC"},{"name":"서사의 위기","startedAt":"2024-07","progressValue":60,"inProgress":false,"authors":"한병철","contents":"뜨겁게 달궜던 재독 철학자 한병철이, 이번에는 빠르게 나타났다 사라지는 이슈만 좇느라 정작 자기의 생각으로부터 멀어져 버린 스토리 중독 사회를 고발한다. 『피로사회』 이후 10여 년 만에 새로운 화두를 던지는 이 책의 핵심 키워드는 ‘서사’와 ‘스토리’다. 나만의 생각과 맥락이 서사라면, 반짝하고 사라져 버리는 뉴스와 정보들은 스토리다. 한병철은 우리가 억압도, 저항도 없는 스마트한 지배체계에서 자기 삶을 SNS에 게시하며 정보화하도록 조종당하고 있다고 지적","datetime":"2023-09-15T00:00:00.000+09:00","isbn":"1130646092 9791130646091","price":16800,"publisher":"다산초당","sale_price":15120,"status":"정상판매","thumbnail":"https://search1.kakaocdn.net/thumb/R120x174.q85/?fname=http%3A%2F%2Ft1.daumcdn.net%2Flbook%2Fimage%2F6431840%3Ftimestamp%3D20240629152709","title":"서사의 위기","translators":["최지수"],"url":"https://search.daum.net/search?w=bookpage&bookId=6431840&q=%EC%84%9C%EC%82%AC%EC%9D%98+%EC%9C%84%EA%B8%B0"},{"name":"나의 문화유산 답사기 일본편 1","startedAt":"2024-07","endAt":"2024-07","progressValue":60,"inProgress":false,"authors":"유홍준","contents":"『나의 문화유산답사기 일본편』 제1권 《규슈》. 《나의 문화유산답사기》로 한국의 문화기행서로 많은 사랑을 받은 유홍준 교수의 저작이다. '일본 속의 한국문화', '일본문화의 정수'를 찾기 위해 '일본편'을 소개한다. 가깝고도 먼 나라 한국과 일본. 이 책은 한일 관계에서 주요한 주제였던 과거사 문제를 문화사적으로 접근해보려는 저자의 노력으로 한일 양국이 문화적으로 영향을 주고받은 흔적을 일본문화 속에서 찾는 데에서 시작한다. 1권 규슈 편에서는 일본","datetime":"2013-07-29T00:00:00.000+09:00","isbn":"8936472305 9788936472306","price":16500,"publisher":"창비","sale_price":14850,"status":"정상판매","thumbnail":"https://search1.kakaocdn.net/thumb/R120x174.q85/?fname=http%3A%2F%2Ft1.daumcdn.net%2Flbook%2Fimage%2F533819%3Ftimestamp%3D20231124164422","title":"나의 문화유산답사기 일본편 1: 규슈","translators":[],"url":"https://search.daum.net/search?w=bookpage&bookId=533819&q=%EB%82%98%EC%9D%98+%EB%AC%B8%ED%99%94%EC%9C%A0%EC%82%B0%EB%8B%B5%EC%82%AC%EA%B8%B0+%EC%9D%BC%EB%B3%B8%ED%8E%B8+1%3A+%EA%B7%9C%EC%8A%88"},{"name":"나의 문화유산 답사기 일본편 2","startedAt":"2024-07","endAt":"2024-08","progressValue":40,"inProgress":false,"authors":"유홍준","contents":"『나의 문화유산답사기 일본편』. 제2권 《아스카 나라》. 《나의 문화유산답사기》로 한국의 문화기행서로 많은 사랑을 받은 유홍준 교수의 저작이다. '일본 속의 한국문화', '일본문화의 정수'를 찾기 위해 '일본편'을 소개한다. 가깝고도 먼 나라 한국과 일본. 이 책은 한일 관계에서 주요한 주제였던 과거사 문제를 문화사적으로 접근해보려는 저자의 노력으로 한일 양국이 문화적으로 영향을 주고받은 흔적을 일본문화 속에서 찾는 데에서 시작한다. 2권 아스카 나라","datetime":"2013-07-25T00:00:00.000+09:00","isbn":"8936472313 9788936472313","price":16500,"publisher":"창비","sale_price":14850,"status":"정상판매","thumbnail":"https://search1.kakaocdn.net/thumb/R120x174.q85/?fname=http%3A%2F%2Ft1.daumcdn.net%2Flbook%2Fimage%2F533823%3Ftimestamp%3D20231124145401","title":"나의 문화유산답사기 일본편 2: 아스카 나라","translators":[],"url":"https://search.daum.net/search?w=bookpage&bookId=533823&q=%EB%82%98%EC%9D%98+%EB%AC%B8%ED%99%94%EC%9C%A0%EC%82%B0%EB%8B%B5%EC%82%AC%EA%B8%B0+%EC%9D%BC%EB%B3%B8%ED%8E%B8+2%3A+%EC%95%84%EC%8A%A4%EC%B9%B4+%EB%82%98%EB%9D%BC"},{"name":"나의 문화유산 답사기 일본편 3","startedAt":"2024-07","endAt":"2024-08","progressValue":30,"inProgress":false,"authors":"유홍준","contents":"답사 일번지’를 시작으로 2012년 제7권 제주편 ‘돌하르방 어디 감수광’까지 20년 동안 330만 독자의 사랑을 받아왔고 한국 인문서 최초의 밀리언셀러로 기록된 유홍준의 『나의 문화유산답사기』가 이번에는 ‘일본 속의 한국문화’와 ‘일본문화의 정수’를 찾아 일본으로 떠난다. ‘답사기’ 일본편은 그동안 한일 관계의 주요한 주제였던 과거사 문제를 문화사적으로 접근해보고자 하는 의도에서 출발해 한국이 일본에 문화적으로 영향을 전해준 흔적을 찾고 그 바탕 위","datetime":"2020-09-20T00:00:00.000+09:00","isbn":"8936478001 9788936478001","price":18000,"publisher":"창비","sale_price":16200,"status":"정상판매","thumbnail":"https://search1.kakaocdn.net/thumb/R120x174.q85/?fname=http%3A%2F%2Ft1.daumcdn.net%2Flbook%2Fimage%2F5480242%3Ftimestamp%3D20240508145440","title":"나의 문화유산답사기 일본편 3: 교토의 역사","translators":[],"url":"https://search.daum.net/search?w=bookpage&bookId=5480242&q=%EB%82%98%EC%9D%98+%EB%AC%B8%ED%99%94%EC%9C%A0%EC%82%B0%EB%8B%B5%EC%82%AC%EA%B8%B0+%EC%9D%BC%EB%B3%B8%ED%8E%B8+3%3A+%EA%B5%90%ED%86%A0%EC%9D%98+%EC%97%AD%EC%82%AC"},{"name":"이야기 일본사","startedAt":"2024-07","endAt":"2024-07","progressValue":15,"inProgress":false,"authors":"우리미래역사체험학습 강사진","contents":"외우는 역사가 아닌 이해하는 역사를 담아낸 「이야기 역사」 제12권 『한 권으로 풀어 쓴 이야기 일본사』. 지리적으로는 아주 가깝고 문화적으로는 많이 닮은 일본의 역사 중 주요 사건을 엄선하여 그가 지닌 의미를 이야기 형식으로 엮었다. 사무라이 정신을 탄생시킨 무사정권 시대를 거쳐 근대화에 성공한 일본이 제2차 세계 대전에서 패한 이후 경제 대국으로 성장하기까지 따라간다. 일본의 상징인 천황의 유래 등 다양한 역사 지식을 담고 있다. 과거사 문제로","datetime":"2011-07-20T00:00:00.000+09:00","isbn":"8972233056 9788972233053","price":14000,"publisher":"청솔","sale_price":12600,"status":"정상판매","thumbnail":"https://search1.kakaocdn.net/thumb/R120x174.q85/?fname=http%3A%2F%2Ft1.daumcdn.net%2Flbook%2Fimage%2F997790%3Ftimestamp%3D20240921114209","title":"이야기 일본사","translators":[],"url":"https://search.daum.net/search?w=bookpage&bookId=997790&q=%EC%9D%B4%EC%95%BC%EA%B8%B0+%EC%9D%BC%EB%B3%B8%EC%82%AC"},{"name":"일본사 여행","startedAt":"2024-07","endAt":"2024-08","progressValue":20,"inProgress":false,"authors":"하종문","contents":"박물관이나 미술관에 가서 이름난 전시회를 둘러보고 나오면, 워낙 많은 것을 본 탓인지 간혹 무엇을 보았는지 혼동스러울 때가 있다. 이것저것 다 보았는데 머릿속에 남는 게 없다면 얼마나 허탈한가? 역사책도 마찬가지다. 어느 특정한 시대를 다루는 역사책이 아니고 고대부터 현대에 이르는 통사라면 수많은 사건과 인물, 개념과 용어는 한 번에 명확하게 잡히기 힘들다. 이 책은 그러한 역사 공부의 맹점(?)을 극복하고자 시대의 이미지를 포착하는 구조적 서술","datetime":"2014-05-12T00:00:00.000+09:00","isbn":"8976962842 9788976962843","price":19800,"publisher":"역사비평사","sale_price":17820,"status":"정상판매","thumbnail":"https://search1.kakaocdn.net/thumb/R120x174.q85/?fname=http%3A%2F%2Ft1.daumcdn.net%2Flbook%2Fimage%2F1078423%3Ftimestamp%3D20220930212814","title":"일본사 여행","translators":[],"url":"https://search.daum.net/search?w=bookpage&bookId=1078423&q=%EC%9D%BC%EB%B3%B8%EC%82%AC+%EC%97%AC%ED%96%89"},{"name":"이즈의 무희 천 마리 학 호수","startedAt":"2024-07","endAt":"2024-07","progressValue":10,"authors":"가와바타 야스나리","contents":"가와바타 야스나리의 초기와 원숙기의 대표작들 『이즈의 무희ㆍ천 마리 학ㆍ호수』. 50년 만에 부활한 정통 세계문학 시리즈 「을유세계문학전집」의 39번째 책이다. 인간의 고독을 일본적인 서정으로 그려낸 가와바타 야스나리의 작품 세 편을 모았다. <이즈의 무희>는 엘리트 청년과 유랑 가무단 무희의 순수한 만남과 이별을 그린 작품으로, 작가의 초기 대표작이다. <천 마리 학>은 패전 후 작가의 대표작으로, 간결한 심리 묘사와 에로틱한","datetime":"2010-12-25T00:00:00.000+09:00","isbn":"8932403694 9788932403694","price":13000,"publisher":"을유문화사","sale_price":11700,"status":"정상판매","thumbnail":"https://search1.kakaocdn.net/thumb/R120x174.q85/?fname=http%3A%2F%2Ft1.daumcdn.net%2Flbook%2Fimage%2F499480%3Ftimestamp%3D20240529112201","title":"이즈의 무희 천 마리 학 호수","translators":["신인섭"],"url":"https://search.daum.net/search?w=bookpage&bookId=499480&q=%EC%9D%B4%EC%A6%88%EC%9D%98+%EB%AC%B4%ED%9D%AC+%EC%B2%9C+%EB%A7%88%EB%A6%AC+%ED%95%99+%ED%98%B8%EC%88%98"},{"name":"수역","startedAt":"2024-08","endAt":"2024-08","progressValue":100,"authors":"우루시바라 유키","contents":"우루시바라 유키의『수역(水域)』애장판 (하)권. 계속되는 더위로 수도사용이 제한된 거리, 수영부지만 정작 물이 없어 부활동을 못 하고 있던 중학교 수영부원 카와무라 치나미는 이 폭염 속에 쓰러져 의식을 잃고만다. 이윽고 눈을 뜬 치나미 앞에 펼쳐진 것은 깨끗한 물로 둘러싸인 어느 마을이었는데…. 다시 의식을 찾고 현실로 돌아오지만 그 마을에 대한 이상한 끌림이 치나미를 패럴렐한 여름방학으로 이끌기 시작한다!","datetime":"2011-06-30T00:00:00.000+09:00","isbn":"8925281155 9788925281155","price":12000,"publisher":"대원씨아이","sale_price":10800,"status":"정상판매","thumbnail":"https://search1.kakaocdn.net/thumb/R120x174.q85/?fname=http%3A%2F%2Ft1.daumcdn.net%2Flbook%2Fimage%2F408173%3Ftimestamp%3D20230711144000","title":"수역(하)","translators":["오경화"],"url":"https://search.daum.net/search?w=bookpage&bookId=408173&q=%EC%88%98%EC%97%AD%28%ED%95%98%29"},{"name":"역사의 쓸모","startedAt":"2024-08","endAt":"2024-08","progressValue":45,"inProgress":false,"authors":"최태성","contents":"수백 년 전 이야기로 오늘의 고민을 해결하는 방법을 알려주는 실용적인 역사 사용 설명서 『역사의 쓸모』. 지난 20여 년간 500만 명의 가슴을 울린 대한민국 대표 역사 강사 최태성. 선택의 기로에 설 때마다 역사에서 답을 찾은 저자는 삶이라는 문제에 대한 가장 완벽한 해설서는 역사라고 말한다. 도저히 풀리지 않는 문제에 부딪쳤을 때 해설에서 도움을 얻듯, 우리보다 앞서 살았던 인물들의 선택과 그 결과가 담긴 역사에서 인생의 실마리를 얻을 수 있기 때문","datetime":"2019-11-22T00:00:00.000+09:00","isbn":"1130621960 9791130621968","price":15000,"publisher":"다산초당","sale_price":13500,"status":"정상판매","thumbnail":"https://search1.kakaocdn.net/thumb/R120x174.q85/?fname=http%3A%2F%2Ft1.daumcdn.net%2Flbook%2Fimage%2F4972082%3Ftimestamp%3D20230825191310","title":"역사의 쓸모","translators":[],"url":"https://search.daum.net/search?w=bookpage&bookId=4972082&q=%EC%97%AD%EC%82%AC%EC%9D%98+%EC%93%B8%EB%AA%A8"},{"name":"청춘유감","startedAt":"2024-08","endAt":"2024-09","progressValue":100,"authors":"한소범","contents":"출판과 문학에 관심 있는 이들이라면 꼭 한 번은 들어보았을 이름 한소범. 2016년 한국일보에 입사해 문학 기자로 일해온 그가 문학동네에서 첫 산문집 『청춘유감』을 출간한다. 문학과 책의 기쁨을 함께 나누고픈 마음에 뉴스레터 ‘무낙’을 발행하기도, ‘이.단.아(이 단편소설 아시나요?)’ 코너를 통해 한국문학의 가장 생생한 지금을 발빠르게 소개하기도 한 한소범. 문학 기자의 파격과 품격을 동시에 성취하며 새 시대에 걸맞은 남다른 행보를 보이고 있는 그","datetime":"2023-06-28T00:00:00.000+09:00","isbn":"8954693512 9788954693516","price":16000,"publisher":"문학동네","sale_price":14400,"status":"정상판매","thumbnail":"https://search1.kakaocdn.net/thumb/R120x174.q85/?fname=http%3A%2F%2Ft1.daumcdn.net%2Flbook%2Fimage%2F6375814%3Ftimestamp%3D20231103154435","title":"청춘유감","translators":[],"url":"https://search.daum.net/search?w=bookpage&bookId=6375814&q=%EC%B2%AD%EC%B6%98%EC%9C%A0%EA%B0%90"},{"name":"동경일일","startedAt":"2024-08","endAt":"2024-09","progressValue":100,"authors":"마츠모토 타이요","contents":"그만둔다. 방대한 양의 장서도 전부 팔아버리고, 만화와 연을 끊을 작정이었던 시오자와. 눈앞에 놓인 만화책에서 눈을 떼지 못하던 그는, 고심 끝에 오랫동안 꿈꿔왔던 자신만의 이상을 담은 잡지를 만들기로 결심한다. 그렇게 시오자와는 자신이 동경했던 만화가들을 찾아간다. 경비원, 마트 캐셔, 학습지 삽화가… 저마다의 사정으로 만화가를 그만둔 이들은 시오자와의 손에 이끌려 다시금 만화의 세계로 뛰어든다. 눈부신 발전을 이룩한 만화 산업. 그 성공가도에서 밀려나 사회","datetime":"2023-11-24T00:00:00.000+09:00","isbn":"8954696511 9788954696517","price":11000,"publisher":"문학동네","sale_price":9900,"status":"정상판매","thumbnail":"https://search1.kakaocdn.net/thumb/R120x174.q85/?fname=http%3A%2F%2Ft1.daumcdn.net%2Flbook%2Fimage%2F6497403%3Ftimestamp%3D20240614152706","title":"동경일일 1","translators":["이주향"],"url":"https://search.daum.net/search?w=bookpage&bookId=6497403&q=%EB%8F%99%EA%B2%BD%EC%9D%BC%EC%9D%BC+1"},{"name":"사물의 소멸","startedAt":"2024-09","progressValue":20,"authors":"한병철","contents":"모든 것을 알아두지만 깨달음에 이르지 못한다. 친구와 팔로워를 쌓아가지만 타자와 마주치치 않는다. 우리는 탈사물화한 세계, 정보가 지배하는 유령 같은 세계에 살고 있다.” 재독 철학자 한병철의 신작. 그의 진단에 따르면 우리는 사물의 시대에서 반사물, 즉 정보의 시대로 넘어가는 이행기에 살고 있다. 우리의 주의력은 점점 더 사물에서 반사물을 향해 이동한다. 스마트폰은 묵주와 같은 기능을 하는 ‘디지털 성물’이 되어가고 있으며, ‘좋아요’는 ‘디지털 아멘","datetime":"2022-09-05T00:00:00.000+09:00","isbn":"8934943688 9788934943686","price":15800,"publisher":"김영사","sale_price":14220,"status":"정상판매","thumbnail":"https://search1.kakaocdn.net/thumb/R120x174.q85/?fname=http%3A%2F%2Ft1.daumcdn.net%2Flbook%2Fimage%2F6154305%3Ftimestamp%3D20240604181512","title":"사물의 소멸","translators":["전대호"],"url":"https://search.daum.net/search?w=bookpage&bookId=6154305&q=%EC%82%AC%EB%AC%BC%EC%9D%98+%EC%86%8C%EB%A9%B8"},{"name":"아무튼, SF게임","startedAt":"2024-09","endAt":"2024-09","progressValue":100,"authors":"김초엽","contents":"마우스 커서는 모래시계로 변했다가 다시 화살표로 변하기를 여러 번. 칙칙한 회색 바탕이 창을 가득 채운 모니터 속의 세계. 나는 숨을 죽이고 눈앞에 펼쳐질 이상하고 낯선 세계를 기다린다.” 69번째 아무튼 시리즈는 김초엽의『아무튼, SF게임』이다. 동네 아이들 중 처음으로 컴퓨터를 갖게 된 일곱 살의 김초엽에게 컴퓨터는 다른 세계로 가는 통로였다. 낯선 규율과 이해할 수 없는 일들로 복잡한 세상에 비해서 모니터 속 세계는 명쾌하고 단순해 보였고 무엇보다","datetime":"2024-06-25T00:00:00.000+09:00","isbn":"1193044170 9791193044179","price":12000,"publisher":"위고","sale_price":10800,"status":"정상판매","thumbnail":"https://search1.kakaocdn.net/thumb/R120x174.q85/?fname=http%3A%2F%2Ft1.daumcdn.net%2Flbook%2Fimage%2F6671484%3Ftimestamp%3D20240719180832","title":"아무튼, SF 게임","translators":[],"url":"https://search.daum.net/search?w=bookpage&bookId=6671484&q=%EC%95%84%EB%AC%B4%ED%8A%BC%2C+SF+%EA%B2%8C%EC%9E%84"},{"name":"동네서점 베스트 컬렉션 김연수","startedAt":"2024-09","endAt":"2024-09","progressValue":100,"logs":[{"date":"2024-09-10","progressValue":75},{"date":"2024-09-11","progressValue":100}],"authors":"","thumbnail":"https://placehold.co/120x174","url":"https://google.com/search?q=동네서점 베스트 컬렉션 김연수"},{"name":"느리게 사는 것의 의미","startedAt":"2024-09","progressValue":40,"inProgress":false,"logs":[{"date":"2024-09-10","progressValue":31.379310344827587},{"date":"2024-09-10","progressValue":40}],"authors":"피에르 쌍소","contents":"서로 따뜻하게 보듬을 여유가 없는 사회에서 사는 우리에게 느림은 상생과 통섭을 추구하는 21세기의 새로운 가치를 전하는 『느리게 사는 것의 의미』. 피에르 쌍소는 느리게 사는 삶을 받아들이는 한결같은 삶의 자세 9가지를 제시한다. 한가로이 거닐며 자기만의 시간을 가질 것, 다른 이의 목소리에 귀 기울일 것, 대상이 무의미하게 느껴질 때까지 끊임없이 받아들이고 음미할 것, 일상을 재창조하고 새롭게 하는 공상의 시간을 가질 것 등 세상을 넉넉히 받아들이며 인생길","datetime":"2014-05-20T00:00:00.000+09:00","isbn":"8997870068 9788997870066","price":12800,"publisher":"공명","sale_price":11520,"status":"정상판매","thumbnail":"https://search1.kakaocdn.net/thumb/R120x174.q85/?fname=http%3A%2F%2Ft1.daumcdn.net%2Flbook%2Fimage%2F1494104%3Ftimestamp%3D20220803231326","title":"느리게 사는 것의 의미","translators":["강주헌"],"url":"https://search.daum.net/search?w=bookpage&bookId=1494104&q=%EB%8A%90%EB%A6%AC%EA%B2%8C+%EC%82%AC%EB%8A%94+%EA%B2%83%EC%9D%98+%EC%9D%98%EB%AF%B8"},{"name":"역사 문해력 수업","startedAt":"2024-09","progressValue":33.42465753424658,"inProgress":false,"logs":[{"date":"2024-09-10","progressValue":18.08219178082192},{"date":"2024-09-11","progressValue":33.42465753424658},{"date":"2024-09-12","progressValue":33.97260273972603}],"authors":"최호근","contents":"왜, 지금 ‘역사 문해력’인가 21세기 대한민국은 가히 역사 전성시대라 할 만하다. ‘역사 소비시대’라는 말이 오가고 정치판에서 ‘역사의 심판’이 곧잘 거론된다. 뿐인가. 과거사 청산을 두고 보수와 진보 진영 간 ‘역사 전쟁’이 한창이다. 그런가 하면 역사에서 교훈을 길어내는 책들도 쏟아진다. 인문학 위기론에서 역사학만은 예외인 듯한 양상이다. 하나 그뿐이다. 역사란 무엇인지, 역사적 진실과 사실은 어떤 차이가 있는지, 객관적 역사란 가능한지 등 역사","datetime":"2023-06-16T00:00:00.000+09:00","isbn":"1156122511 9791156122517","price":20000,"publisher":"푸른역사","sale_price":18000,"status":"정상판매","thumbnail":"https://search1.kakaocdn.net/thumb/R120x174.q85/?fname=http%3A%2F%2Ft1.daumcdn.net%2Flbook%2Fimage%2F6363583%3Ftimestamp%3D20240925161413","title":"역사 문해력 수업","translators":[],"url":"https://search.daum.net/search?w=bookpage&bookId=6363583&q=%EC%97%AD%EC%82%AC+%EB%AC%B8%ED%95%B4%EB%A0%A5+%EC%88%98%EC%97%85"},{"name":"지적 대화를 위한 넓고 얕은 지식 - 철학, 과학, 종교, 예술, 신비","startedAt":"2024-09","progressValue":100,"logs":[{"date":"2024-09-12","progressValue":21.50537634408602},{"date":"2024-09-13","progressValue":36.82795698924731},{"date":"2024-09-14","progressValue":57.795698924731184},{"date":"2024-09-18","progressValue":100}],"authors":"채사장","contents":"수준을 채우기 위해 공부를 시작해야겠다고 절감하지만, 금세 막막해져온다. 대체 어디서부터 얼마만큼 알아야 하는 걸까? 여기, 철학과 과학, 예술, 종교나 신비는 난해하고 이해할 수 없다며 애써 외면하던 사람들을 위한 책이 출간되었다. 인기리에 연재되고 있는 팟캐스트 방송 《지대넓얕》을 책으로 재구성한 『지적 대화를 위한 넓고 얕은 지식』으로, 역사부터 윤리까지의 방대한 영역을 다루면서도 각 분야의 구조적 연계성을 고려하여 출간된 지 열흘 만에 큰 화제","datetime":"2015-02-04T00:00:00.000+09:00","isbn":"8994120998 9788994120997","price":16000,"publisher":"한빛비즈","sale_price":14400,"status":"정상판매","thumbnail":"https://search1.kakaocdn.net/thumb/R120x174.q85/?fname=http%3A%2F%2Ft1.daumcdn.net%2Flbook%2Fimage%2F1420945%3Ftimestamp%3D20221107223137","title":"지적 대화를 위한 넓고 얕은 지식: 현실너머 편","translators":[],"url":"https://search.daum.net/search?w=bookpage&bookId=1420945&q=%EC%A7%80%EC%A0%81+%EB%8C%80%ED%99%94%EB%A5%BC+%EC%9C%84%ED%95%9C+%EB%84%93%EA%B3%A0+%EC%96%95%EC%9D%80+%EC%A7%80%EC%8B%9D%3A+%ED%98%84%EC%8B%A4%EB%84%88%EB%A8%B8+%ED%8E%B8"},{"name":"한국단편문학선 1","startedAt":"2024-09","progressValue":21.052631578947366,"logs":[{"date":"2024-09-13","progressValue":5},{"date":"2024-09-16","progressValue":5.263157894736842},{"date":"2024-09-19","progressValue":10.526315789473683},{"date":"2024-09-22","progressValue":21.052631578947366}],"authors":"김동인","contents":"한국문학의 정수, 우리 작가의 빼어난 단편 소설 19편 일제 강점기의 고난과 해방 직후의 비극을 견디며 성장한 한국의 단편 소설 시대 현실을 오롯이 담아내면서도 세대를 넘어 깊은 통찰을 전하는 명단편선 “새침하게 흐린 품이 눈이 올 듯하더니 눈은 아니 오고 얼다가 만 비가 추적추적 내리었다.”","datetime":"1998-08-05T00:00:00.000+09:00","isbn":"8937460106 9788937460104","price":12000,"publisher":"민음사","sale_price":10800,"status":"정상판매","thumbnail":"https://search1.kakaocdn.net/thumb/R120x174.q85/?fname=http%3A%2F%2Ft1.daumcdn.net%2Flbook%2Fimage%2F540776%3Ftimestamp%3D20240808112841","title":"한국단편문학선 1","translators":[],"url":"https://search.daum.net/search?w=bookpage&bookId=540776&q=%ED%95%9C%EA%B5%AD%EB%8B%A8%ED%8E%B8%EB%AC%B8%ED%95%99%EC%84%A0+1"},{"name":"지적 대화를 위한 넓고 얕은 지식 - 제로","startedAt":"2024-09","progressValue":100,"logs":[{"date":"2024-09-19","progressValue":39.059674502712475},{"date":"2024-09-22","progressValue":62.56781193490054},{"date":"2024-09-22","progressValue":100}],"authors":"채사장","contents":"만에 《지적 대화를 위한 넓고 얕은 지식》 신작으로 돌아왔다. 작가 특유의 유머와 필력으로 어려운 것을 쉽게 설명하고 지루한 것을 재밌게 정리하는 기술은 여전하다. 다만 이전 시리즈에서 그의 현실 감각이 빛을 발했다면, 이번 책에서는 오랜 기간의 사유와 통찰이 유감없이 발휘된다. 현대인은 여러 블랙미러를 통해 하루에도 수많은 지식과 접한다. 그런데 이런 파편적인 지식들은 대부분 금세 휘발되고, 삶에 자리 잡지 못한다. 왜일까? 그것은 이 지식들을 이해","datetime":"2019-12-24T00:00:00.000+09:00","isbn":"1190313138 9791190313131","price":19800,"publisher":"웨일북(whalebooks)","sale_price":17820,"status":"정상판매","thumbnail":"https://search1.kakaocdn.net/thumb/R120x174.q85/?fname=http%3A%2F%2Ft1.daumcdn.net%2Flbook%2Fimage%2F5145898%3Ftimestamp%3D20240628131648","title":"지적 대화를 위한 넓고 얕은 지식: 제로 편","translators":[],"url":"https://search.daum.net/search?w=bookpage&bookId=5145898&q=%EC%A7%80%EC%A0%81+%EB%8C%80%ED%99%94%EB%A5%BC+%EC%9C%84%ED%95%9C+%EB%84%93%EA%B3%A0+%EC%96%95%EC%9D%80+%EC%A7%80%EC%8B%9D%3A+%EC%A0%9C%EB%A1%9C+%ED%8E%B8"},{"name":"유리알 유희 1","startedAt":"2024-09","progressValue":45,"inProgress":false,"logs":[{"date":"2024-09-22","progressValue":23.333333333333332},{"date":"2024-09-25","progressValue":45},{"date":"2024-09-26","progressValue":46.666666666666664}],"authors":"헤르만 헤세","contents":"헤르만 헤세의 마지막 역작이자 노벨문학상 수상작 『유리알 유희』 제1권. 욕망과 금욕, 혼돈과 질서, 삶과 죽음, 동양과 서양, 선과 악 등 작가가 평생 고민해온 문제들을 다루고 있다. 미래의 어느 시기, 한 전기 작가가 200년 전에 살았던 전설적인 유리알 유희 명인 요제프 크네히트의 자료를 모아 그의 일대기를 쓰기 시작한다. 20세기 중반, 스위스 산간 지방에 세워진 정신적 이상향에서 요제프는 영재로 교육받고 뛰어난 재능을 보이다가 마침내 명인으로","datetime":"2011-09-25T00:00:00.000+09:00","isbn":"8937462737 9788937462733","price":13000,"publisher":"민음사","sale_price":11700,"status":"정상판매","thumbnail":"https://search1.kakaocdn.net/thumb/R120x174.q85/?fname=http%3A%2F%2Ft1.daumcdn.net%2Flbook%2Fimage%2F541118%3Ftimestamp%3D20240512112021","title":"유리알 유희 1","translators":["이영임"],"url":"https://search.daum.net/search?w=bookpage&bookId=541118&q=%EC%9C%A0%EB%A6%AC%EC%95%8C+%EC%9C%A0%ED%9D%AC+1"},{"name":"서점 일기","startedAt":"2024-09","progressValue":100,"logs":[{"date":"2024-09-25","progressValue":13.990825688073393},{"date":"2024-09-29","progressValue":36.69724770642202},{"date":"2024-09-29","progressValue":61.46788990825688},{"date":"2024-10-05","progressValue":100}],"authors":"숀 비텔","contents":"손님들의 기상천외한 요청, 제 구실을 하지 못하는 난방 기기, 쓰레기통을 뒤져 먹을 것을 구해 오는 제멋대로인 직원들과 일 년 내내 텅 비어 있는 금전 등록기… 저자의 솔직하고 냉소적이면서도 웃음이 터져 나오는 일기를 읽다 보면 한 번쯤 꿈꿔 봤을 서점 주인으로 살아가고 싶다는 꿈을 슬며시 내려놓게 될지도 모른다. 그럼에도 온라인 시대에 작은 시골 마을의 서점에서 책으로 생계를 유지하려 고군분투하는 저자의 시선에서는 마을과 사람들, 무엇보다 책에 대한 깊은","datetime":"2021-01-20T00:00:00.000+09:00","isbn":"115510093X 9791155100936","price":18000,"publisher":"여름언덕","sale_price":16200,"status":"정상판매","thumbnail":"https://search1.kakaocdn.net/thumb/R120x174.q85/?fname=http%3A%2F%2Ft1.daumcdn.net%2Flbook%2Fimage%2F5580310%3Ftimestamp%3D20240713150409","title":"서점 일기","translators":["김마림"],"url":"https://search.daum.net/search?w=bookpage&bookId=5580310&q=%EC%84%9C%EC%A0%90+%EC%9D%BC%EA%B8%B0"},{"name":"귀한 서점에 누추하신 분이","startedAt":"2024-09","progressValue":100,"logs":[{"date":"2024-09-26","progressValue":100}],"authors":"숀 비텔","contents":"서점 주인의 기쁨과 슬픔을 담담하면서도 다정하게 그려내 독자를 사로잡은 숀 비텔의 신작이 출간되었다. 저자는 이 책에서 “분명 나의 생계를 책임지는 이들의 심기를 건드릴 것”이라면서도, 헌책방을 운영하는 동안 만났던 각양각색의 손님을 저자 특유의 유쾌하면서도 시니컬한 문장으로 그려낸다. 서점에만 들어오면 (물어보지도 않았는데) 지식을 뽐내는 손놈부터 서비스업계에서 실존하기는 하는지 알 수 없는 완벽한 손님까지, “세상에 이런 사람도 있나?”에서 ‘이런","datetime":"2022-09-05T00:00:00.000+09:00","isbn":"115931862X 9791159318627","price":13800,"publisher":"책세상","sale_price":12420,"status":"정상판매","thumbnail":"https://search1.kakaocdn.net/thumb/R120x174.q85/?fname=http%3A%2F%2Ft1.daumcdn.net%2Flbook%2Fimage%2F6153628%3Ftimestamp%3D20231102183424","title":"귀한 서점에 누추하신 분이","translators":["이지민"],"url":"https://search.daum.net/search?w=bookpage&bookId=6153628&q=%EA%B7%80%ED%95%9C+%EC%84%9C%EC%A0%90%EC%97%90+%EB%88%84%EC%B6%94%ED%95%98%EC%8B%A0+%EB%B6%84%EC%9D%B4"},{"name":"사브리나","startedAt":"2024-09","progressValue":100,"logs":[{"date":"2024-09-26","progressValue":27.586206896551722},{"date":"2024-09-29","progressValue":100}],"authors":"닉 드르나소","contents":"첫 작품 《베벌리》로 큰 주목을 받고 만화계의 천재로 떠오른 신예작가 닉 드르나소의 그래픽노블 『사브리나』. 그래픽노블 최초로 맨부커상 후보에 오르면서 전 세계적으로 뜨거운 화제를 몰고 온 작품으로, 평범한 여성 사브리나가 아무 이유 없이 끔찍한 일을 당한 후 그 사건이 미디어와 SNS를 통해서 퍼져나가면서 남겨진 주위 사람들의 삶 또한 파괴되어가는 과정에 대한 이야기를 담고 있다. 공군에서 기술병으로 근무하는 캘빈. 그에게 어릴 적 친구 테디가","datetime":"2019-12-18T00:00:00.000+09:00","isbn":"8950983818 9788950983819","price":29800,"publisher":"아르테(arte)","sale_price":26820,"status":"정상판매","thumbnail":"https://search1.kakaocdn.net/thumb/R120x174.q85/?fname=http%3A%2F%2Ft1.daumcdn.net%2Flbook%2Fimage%2F5161992%3Ftimestamp%3D20230905165405","title":"사브리나","translators":["박산호"],"url":"https://search.daum.net/search?w=bookpage&bookId=5161992&q=%EC%82%AC%EB%B8%8C%EB%A6%AC%EB%82%98"},{"name":"옛날 영화, 이 좋은 걸 이제 알았다니","startedAt":"2024-09","endAt":"2024-10","progressValue":42.79835390946502,"inProgress":false,"logs":[{"date":"2024-09-29","progressValue":13.991769547325102},{"date":"2024-09-30","progressValue":42.79835390946502},{"date":"2024-10-05","progressValue":46.09053497942387}],"authors":"듀나","contents":"알았다니』, 『뚝배기, 이 좋은 걸 이제 알았다니』에 이은 네 번째 작품이며 SF 작가이자 영화평론가인 듀나의 옛날 영화 이야기이다. 방대한 영화적 지식과 경험을 바탕으로 영화 평론가로 왕성한 활동을 이어오고 있는 듀나는 『옛날 영화, 이 좋은 걸 이제 알았다니』를 통해 엄청난 양의 콘텐츠와 OTT의 시대에 ‘옛날 영화’를 보아야 하는 이유를 역설하며 우리가 쉽게 보지 못했던 옛날 영화와 그에 얽힌 역사, 인문학적 이야기를 풀어나간다. 고작 1세기 남짓한 영화사의","datetime":"2022-04-04T00:00:00.000+09:00","isbn":"1187886777 9791187886778","price":13500,"publisher":"구픽","sale_price":12150,"status":"정상판매","thumbnail":"https://search1.kakaocdn.net/thumb/R120x174.q85/?fname=http%3A%2F%2Ft1.daumcdn.net%2Flbook%2Fimage%2F6041700%3Ftimestamp%3D20230520153906","title":"옛날 영화, 이 좋은 걸 이제 알았다니","translators":[],"url":"https://search.daum.net/search?w=bookpage&bookId=6041700&q=%EC%98%9B%EB%82%A0+%EC%98%81%ED%99%94%2C+%EC%9D%B4+%EC%A2%8B%EC%9D%80+%EA%B1%B8+%EC%9D%B4%EC%A0%9C+%EC%95%8C%EC%95%98%EB%8B%A4%EB%8B%88"},{"name":"사랑의 생애","startedAt":"2024-10-04","endAt":"2024-10-08","progressValue":100,"logs":[{"date":"2024-10-04","progressValue":38.35616438356164},{"date":"2024-10-07","progressValue":71.91780821917808},{"date":"2024-10-08","progressValue":100}],"authors":"이승우","contents":"등을 수상했고, 프랑스의 세계적 문학상인 페미나상 외국문학 부분의 파이널리스트에 올랐으며, 르 클레지오가 한국 작가 중에서 노벨문학상 수상 가능성이 가장 높은 작가로 격찬하기도 한 작가, 이승우가 5년 만에 신작 장편소설 『사랑의 생애』를 예담에서 출간했다. 사랑에 관해 우리가 말할 수 있는 모든 것에 대해 이야기하는 이 소설은 평범한 사람들이 사랑을 시작하고 엇갈리고 끝내고 다시 시작하는, 어쩌면 더없이 평범해 보이는 과정을 통해 사랑의 근원과 속성, 그리고","datetime":"2017-03-02T00:00:00.000+09:00","isbn":"8959134821 9788959134823","price":16000,"publisher":"위즈덤하우스","sale_price":14400,"status":"정상판매","thumbnail":"https://search1.kakaocdn.net/thumb/R120x174.q85/?fname=http%3A%2F%2Ft1.daumcdn.net%2Flbook%2Fimage%2F794362%3Ftimestamp%3D20240906112513","title":"사랑의 생애","translators":[],"url":"https://search.daum.net/search?w=bookpage&bookId=794362&q=%EC%82%AC%EB%9E%91%EC%9D%98+%EC%83%9D%EC%95%A0"},{"name":"세상에서 가장 짧은 한국사","startedAt":"2024-10-08","progressValue":54.81283422459893,"logs":[{"date":"2024-10-08","progressValue":14.973262032085561},{"date":"2024-10-09","progressValue":21.92513368983957},{"date":"2024-10-10","progressValue":39.037433155080215},{"date":"2024-10-11","progressValue":54.81283422459893}],"authors":"김재원","contents":"《세상에서 가장 짧은 한국사》는 고대부터 근현대까지 한국사의 가장 중요한 순간들을 소개하면서, 단 한 권으로 역사의 흐름을 단숨에 파악할 수 있도록 돕는다. 특히 120만 유튜브 채널 〈공부왕 찐천재〉 화제의 역사 선생님이자 저자 김재원은 과거와 현재를 끊임없이 연결하며 마치 한 편의 소설처럼 역사를 설명한다. 쉽지만 가볍지 않고, 재미있지만 잊히지 않는 그의 한국사 이야기를 듣다 보면 역사란 교과서에 갇힌 학문이 아닌 오늘의 나와 맞닿은 이야기라는","datetime":"2022-06-15T00:00:00.000+09:00","isbn":"119182540X 9791191825404","price":17800,"publisher":"빅피시","sale_price":16020,"status":"정상판매","thumbnail":"https://search1.kakaocdn.net/thumb/R120x174.q85/?fname=http%3A%2F%2Ft1.daumcdn.net%2Flbook%2Fimage%2F6086456%3Ftimestamp%3D20240822163913","title":"세상에서 가장 짧은 한국사","translators":[],"url":"https://search.daum.net/search?w=bookpage&bookId=6086456&q=%EC%84%B8%EC%83%81%EC%97%90%EC%84%9C+%EA%B0%80%EC%9E%A5+%EC%A7%A7%EC%9D%80+%ED%95%9C%EA%B5%AD%EC%82%AC"},{"name":"목소리들","startedAt":"2024-10-08","progressValue":67.5,"logs":[{"date":"2024-10-08","progressValue":10},{"date":"2024-10-10","progressValue":49.166666666666664},{"date":"2024-10-11","progressValue":67.5}],"authors":"이승우","contents":"받으려는 간절함’이 아니라 ‘간절함을 이해하는’ 글의 저자가 될 수 있으면 좋겠습니다.” -‘작가의 말’에서 1981년 작품 활동을 시작한 후 지난 42년간 한국 문단에서 독보적인 영역을 구축해온 작가 이승우의 열두번째 소설집 『목소리들』이 문학과지성사에서 출간되었다. 국내는 물론 해외에서도 큰 사랑을 받으며 “한국에서 가장 유력한 노벨문학상 후보”(르 클레지오, 인터뷰에서)로 언급되기도 한 이승우는 프랑스 갈리마르출판사의 세계 명작 총서인 폴리오 시리즈에","datetime":"2023-11-30T00:00:00.000+09:00","isbn":"8932042357 9788932042350","price":16000,"publisher":"문학과지성사","sale_price":14400,"status":"정상판매","thumbnail":"https://search1.kakaocdn.net/thumb/R120x174.q85/?fname=http%3A%2F%2Ft1.daumcdn.net%2Flbook%2Fimage%2F6501751%3Ftimestamp%3D20240906165513","title":"목소리들","translators":[],"url":"https://search.daum.net/search?w=bookpage&bookId=6501751&q=%EB%AA%A9%EC%86%8C%EB%A6%AC%EB%93%A4"}]}`),w=n=>(g("data-v-7b5550c8"),n=n(),D(),n),I=w(()=>p("h1",{id:"📚-책",tabindex:"-1"},[q("📚 책 "),p("a",{class:"header-anchor",href:"#📚-책","aria-label":'Permalink to "📚 책"'},"​")],-1)),T={class:"reading"},R={key:0},N=JSON.parse('{"title":"📚 책","description":"","frontmatter":{},"headers":[],"relativePath":"reading.md","filePath":"reading.md","lastUpdated":1719933458000}'),P={name:"reading.md"},S=Object.assign(P,{setup(n){const{books:c=[]}=x||{},E=c.slice().reduce((e,a)=>{const t=new Date(a.startedAt).getFullYear();return e[t]||(e[t]=[]),e[t].push(a),e},{}),b=Object.entries(E).sort(([e],[a])=>a-e).map(([e,a])=>[e,a.sort((t,o)=>{const h=o.endAt||o.startedAt,m=t.endAt||t.startedAt;return h-m})]).map(([e,a])=>[e,a.map(t=>({...t,startedAt:new Date(t.startedAt),endAt:t.endAt?new Date(t.endAt):null}))]);return(e,a)=>{const t=B("BookAndProgress");return s(),r("div",null,[I,(s(),l(F,null,{default:C(()=>[(s(!0),r(i,null,d(k(b),([o,h],m)=>(s(),r("section",T,[m!==0?(s(),r("hr",R)):V("",!0),p("h1",null,f(o)+"년",1),(s(!0),r(i,null,d(h,u=>(s(),l(t,_({key:u.name,ref_for:!0},u),null,16))),128))]))),256))]),_:1}))])}}}),X=A(S,[["__scopeId","data-v-7b5550c8"]]);export{N as __pageData,X as default}; diff --git a/assets/style.C3OtEer9.css b/assets/style.C3OtEer9.css deleted file mode 100644 index d5b73c62..00000000 --- a/assets/style.C3OtEer9.css +++ /dev/null @@ -1 +0,0 @@ -@charset "UTF-8";#years-of-experience[data-v-e069cf30]{display:inline-block}.em[data-v-e069cf30]{font-size:1.1em}figure[data-v-7c83aee7]{margin-bottom:1rem}figcaption[data-v-7c83aee7]{margin-top:.5rem;padding:0 .5rem;font-size:14px}iframe[data-v-0ae2ebcb]{width:calc(100% + 100px);height:500px;margin:0 -50px;border:0;border-radius:4px;overflow:hidden}@media (max-width: 768px){iframe[data-v-0ae2ebcb]{width:100%;margin:0}}.toc[data-v-0ae2ebcb]{display:none}@media (max-width: 1279px){.toc[data-v-0ae2ebcb]{display:block}.toc .outline-title[data-v-0ae2ebcb]{font-size:1.25rem}.toc>ul[data-v-0ae2ebcb]{padding-left:0}.toc ul[data-v-0ae2ebcb]{list-style-type:none;margin-bottom:0}.toc ul.nested[data-v-0ae2ebcb]{padding-left:1rem}}.video-container[data-v-078fda80]{position:relative;overflow:hidden;width:100%;padding-top:56.25%}.video-container iframe[data-v-078fda80]{position:absolute;top:0;left:0;bottom:0;right:0;width:100%;height:100%}.tweet[data-v-078fda80]{padding:16px 16px 12px;font-size:14px;line-height:20px;border:1px solid var(--vp-c-divider-light);border-radius:8px;margin:32px auto;max-width:550px;gap:12px;display:flex;flex-direction:column;box-sizing:border-box}.tweet .tweet-link-top[data-v-078fda80]{display:flex;flex-direction:column;row-gap:12px;color:var(--vp-c-text-1)}.tweet .tweet-link-top .tweet-header[data-v-078fda80]{display:flex;align-items:center;flex-direction:row;gap:12px}.tweet .tweet-link-top .tweet-header img[data-v-078fda80]{width:48px;height:48px}.tweet .tweet-link-top .tweet-header .tweet-author-handle[data-v-078fda80]{color:var(--vp-c-text-2)}.tweet .tweet-link-top .tweet-header-text[data-v-078fda80]{display:flex;flex-direction:column;font-size:14px;line-height:20px}.tweet .tweet-text[data-v-078fda80]{font-size:20px;line-height:24px}.tweet .tweet-link-bottom[data-v-078fda80]{display:flex;flex-direction:column;gap:12px;text-decoration:none;white-space:pre-wrap;color:var(--vp-c-text-2)}.tweet[data-v-078fda80]:hover{background-color:var(--vp-c-bg-soft)}.dull[data-v-f25ec069]{color:#808080cc}.caption[data-v-f25ec069]{display:flex;justify-content:center}.figure[data-v-fb5f93bb]{margin:0 auto;width:450px}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/blog/assets/inter-roman-cyrillic-ext.BBPuwvHQ.woff2) format("woff2");unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/blog/assets/inter-roman-cyrillic.C5lxZ8CY.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/blog/assets/inter-roman-greek-ext.CqjqNYQ-.woff2) format("woff2");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/blog/assets/inter-roman-greek.BBVDIX6e.woff2) format("woff2");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/blog/assets/inter-roman-vietnamese.BjW4sHH5.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/blog/assets/inter-roman-latin-ext.4ZJIpNVo.woff2) format("woff2");unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/blog/assets/inter-roman-latin.Di8DUHzh.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter;font-style:italic;font-weight:100 900;font-display:swap;src:url(/blog/assets/inter-italic-cyrillic-ext.r48I6akx.woff2) format("woff2");unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:italic;font-weight:100 900;font-display:swap;src:url(/blog/assets/inter-italic-cyrillic.By2_1cv3.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter;font-style:italic;font-weight:100 900;font-display:swap;src:url(/blog/assets/inter-italic-greek-ext.1u6EdAuj.woff2) format("woff2");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter;font-style:italic;font-weight:100 900;font-display:swap;src:url(/blog/assets/inter-italic-greek.DJ8dCoTZ.woff2) format("woff2");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Inter;font-style:italic;font-weight:100 900;font-display:swap;src:url(/blog/assets/inter-italic-vietnamese.BSbpV94h.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:italic;font-weight:100 900;font-display:swap;src:url(/blog/assets/inter-italic-latin-ext.CN1xVJS-.woff2) format("woff2");unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:italic;font-weight:100 900;font-display:swap;src:url(/blog/assets/inter-italic-latin.C2AdPX0b.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Punctuation SC;font-weight:400;src:local("PingFang SC Regular"),local("Noto Sans CJK SC"),local("Microsoft YaHei");unicode-range:U+201C,U+201D,U+2018,U+2019,U+2E3A,U+2014,U+2013,U+2026,U+00B7,U+007E,U+002F}@font-face{font-family:Punctuation SC;font-weight:500;src:local("PingFang SC Medium"),local("Noto Sans CJK SC"),local("Microsoft YaHei");unicode-range:U+201C,U+201D,U+2018,U+2019,U+2E3A,U+2014,U+2013,U+2026,U+00B7,U+007E,U+002F}@font-face{font-family:Punctuation SC;font-weight:600;src:local("PingFang SC Semibold"),local("Noto Sans CJK SC Bold"),local("Microsoft YaHei Bold");unicode-range:U+201C,U+201D,U+2018,U+2019,U+2E3A,U+2014,U+2013,U+2026,U+00B7,U+007E,U+002F}@font-face{font-family:Punctuation SC;font-weight:700;src:local("PingFang SC Semibold"),local("Noto Sans CJK SC Bold"),local("Microsoft YaHei Bold");unicode-range:U+201C,U+201D,U+2018,U+2019,U+2E3A,U+2014,U+2013,U+2026,U+00B7,U+007E,U+002F}:root{--vp-c-white: #ffffff;--vp-c-black: #000000;--vp-c-neutral: var(--vp-c-black);--vp-c-neutral-inverse: var(--vp-c-white)}.dark{--vp-c-neutral: var(--vp-c-white);--vp-c-neutral-inverse: var(--vp-c-black)}:root{--vp-c-gray-1: #dddde3;--vp-c-gray-2: #e4e4e9;--vp-c-gray-3: #ebebef;--vp-c-gray-soft: rgba(142, 150, 170, .14);--vp-c-indigo-1: #3451b2;--vp-c-indigo-2: #3a5ccc;--vp-c-indigo-3: #5672cd;--vp-c-indigo-soft: rgba(100, 108, 255, .14);--vp-c-purple-1: #6f42c1;--vp-c-purple-2: #7e4cc9;--vp-c-purple-3: #8e5cd9;--vp-c-purple-soft: rgba(159, 122, 234, .14);--vp-c-green-1: #18794e;--vp-c-green-2: #299764;--vp-c-green-3: #30a46c;--vp-c-green-soft: rgba(16, 185, 129, .14);--vp-c-yellow-1: #915930;--vp-c-yellow-2: #946300;--vp-c-yellow-3: #9f6a00;--vp-c-yellow-soft: rgba(234, 179, 8, .14);--vp-c-red-1: #b8272c;--vp-c-red-2: #d5393e;--vp-c-red-3: #e0575b;--vp-c-red-soft: rgba(244, 63, 94, .14);--vp-c-sponsor: #db2777}.dark{--vp-c-gray-1: #515c67;--vp-c-gray-2: #414853;--vp-c-gray-3: #32363f;--vp-c-gray-soft: rgba(101, 117, 133, .16);--vp-c-indigo-1: #a8b1ff;--vp-c-indigo-2: #5c73e7;--vp-c-indigo-3: #3e63dd;--vp-c-indigo-soft: rgba(100, 108, 255, .16);--vp-c-purple-1: #c8abfa;--vp-c-purple-2: #a879e6;--vp-c-purple-3: #8e5cd9;--vp-c-purple-soft: rgba(159, 122, 234, .16);--vp-c-green-1: #3dd68c;--vp-c-green-2: #30a46c;--vp-c-green-3: #298459;--vp-c-green-soft: rgba(16, 185, 129, .16);--vp-c-yellow-1: #f9b44e;--vp-c-yellow-2: #da8b17;--vp-c-yellow-3: #a46a0a;--vp-c-yellow-soft: rgba(234, 179, 8, .16);--vp-c-red-1: #f66f81;--vp-c-red-2: #f14158;--vp-c-red-3: #b62a3c;--vp-c-red-soft: rgba(244, 63, 94, .16)}:root{--vp-c-bg: #ffffff;--vp-c-bg-alt: #f6f6f7;--vp-c-bg-elv: #ffffff;--vp-c-bg-soft: #f6f6f7}.dark{--vp-c-bg: #1b1b1f;--vp-c-bg-alt: #161618;--vp-c-bg-elv: #202127;--vp-c-bg-soft: #202127}:root{--vp-c-border: #c2c2c4;--vp-c-divider: #e2e2e3;--vp-c-gutter: #e2e2e3}.dark{--vp-c-border: #3c3f44;--vp-c-divider: #2e2e32;--vp-c-gutter: #000000}:root{--vp-c-text-1: rgba(60, 60, 67);--vp-c-text-2: rgba(60, 60, 67, .78);--vp-c-text-3: rgba(60, 60, 67, .56)}.dark{--vp-c-text-1: rgba(255, 255, 245, .86);--vp-c-text-2: rgba(235, 235, 245, .6);--vp-c-text-3: rgba(235, 235, 245, .38)}:root{--vp-c-default-1: var(--vp-c-gray-1);--vp-c-default-2: var(--vp-c-gray-2);--vp-c-default-3: var(--vp-c-gray-3);--vp-c-default-soft: var(--vp-c-gray-soft);--vp-c-brand-1: var(--vp-c-indigo-1);--vp-c-brand-2: var(--vp-c-indigo-2);--vp-c-brand-3: var(--vp-c-indigo-3);--vp-c-brand-soft: var(--vp-c-indigo-soft);--vp-c-brand: var(--vp-c-brand-1);--vp-c-tip-1: var(--vp-c-brand-1);--vp-c-tip-2: var(--vp-c-brand-2);--vp-c-tip-3: var(--vp-c-brand-3);--vp-c-tip-soft: var(--vp-c-brand-soft);--vp-c-note-1: var(--vp-c-brand-1);--vp-c-note-2: var(--vp-c-brand-2);--vp-c-note-3: var(--vp-c-brand-3);--vp-c-note-soft: var(--vp-c-brand-soft);--vp-c-success-1: var(--vp-c-green-1);--vp-c-success-2: var(--vp-c-green-2);--vp-c-success-3: var(--vp-c-green-3);--vp-c-success-soft: var(--vp-c-green-soft);--vp-c-important-1: var(--vp-c-purple-1);--vp-c-important-2: var(--vp-c-purple-2);--vp-c-important-3: var(--vp-c-purple-3);--vp-c-important-soft: var(--vp-c-purple-soft);--vp-c-warning-1: var(--vp-c-yellow-1);--vp-c-warning-2: var(--vp-c-yellow-2);--vp-c-warning-3: var(--vp-c-yellow-3);--vp-c-warning-soft: var(--vp-c-yellow-soft);--vp-c-danger-1: var(--vp-c-red-1);--vp-c-danger-2: var(--vp-c-red-2);--vp-c-danger-3: var(--vp-c-red-3);--vp-c-danger-soft: var(--vp-c-red-soft);--vp-c-caution-1: var(--vp-c-red-1);--vp-c-caution-2: var(--vp-c-red-2);--vp-c-caution-3: var(--vp-c-red-3);--vp-c-caution-soft: var(--vp-c-red-soft)}:root{--vp-font-family-base: "Inter", ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--vp-font-family-mono: ui-monospace, "Menlo", "Monaco", "Consolas", "Liberation Mono", "Courier New", monospace;font-optical-sizing:auto}:root:where(:lang(zh)){--vp-font-family-base: "Punctuation SC", "Inter", ui-sans-serif, system-ui, "PingFang SC", "Noto Sans CJK SC", "Noto Sans SC", "Heiti SC", "Microsoft YaHei", "DengXian", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"}:root{--vp-shadow-1: 0 1px 2px rgba(0, 0, 0, .04), 0 1px 2px rgba(0, 0, 0, .06);--vp-shadow-2: 0 3px 12px rgba(0, 0, 0, .07), 0 1px 4px rgba(0, 0, 0, .07);--vp-shadow-3: 0 12px 32px rgba(0, 0, 0, .1), 0 2px 6px rgba(0, 0, 0, .08);--vp-shadow-4: 0 14px 44px rgba(0, 0, 0, .12), 0 3px 9px rgba(0, 0, 0, .12);--vp-shadow-5: 0 18px 56px rgba(0, 0, 0, .16), 0 4px 12px rgba(0, 0, 0, .16)}:root{--vp-z-index-footer: 10;--vp-z-index-local-nav: 20;--vp-z-index-nav: 30;--vp-z-index-layout-top: 40;--vp-z-index-backdrop: 50;--vp-z-index-sidebar: 60}@media (min-width: 960px){:root{--vp-z-index-sidebar: 25}}:root{--vp-layout-max-width: 1440px}:root{--vp-header-anchor-symbol: "#"}:root{--vp-code-line-height: 1.7;--vp-code-font-size: .875em;--vp-code-color: var(--vp-c-brand-1);--vp-code-link-color: var(--vp-c-brand-1);--vp-code-link-hover-color: var(--vp-c-brand-2);--vp-code-bg: var(--vp-c-default-soft);--vp-code-block-color: var(--vp-c-text-2);--vp-code-block-bg: var(--vp-c-bg-alt);--vp-code-block-divider-color: var(--vp-c-gutter);--vp-code-lang-color: var(--vp-c-text-3);--vp-code-line-highlight-color: var(--vp-c-default-soft);--vp-code-line-number-color: var(--vp-c-text-3);--vp-code-line-diff-add-color: var(--vp-c-success-soft);--vp-code-line-diff-add-symbol-color: var(--vp-c-success-1);--vp-code-line-diff-remove-color: var(--vp-c-danger-soft);--vp-code-line-diff-remove-symbol-color: var(--vp-c-danger-1);--vp-code-line-warning-color: var(--vp-c-warning-soft);--vp-code-line-error-color: var(--vp-c-danger-soft);--vp-code-copy-code-border-color: var(--vp-c-divider);--vp-code-copy-code-bg: var(--vp-c-bg-soft);--vp-code-copy-code-hover-border-color: var(--vp-c-divider);--vp-code-copy-code-hover-bg: var(--vp-c-bg);--vp-code-copy-code-active-text: var(--vp-c-text-2);--vp-code-copy-copied-text-content: "Copied";--vp-code-tab-divider: var(--vp-code-block-divider-color);--vp-code-tab-text-color: var(--vp-c-text-2);--vp-code-tab-bg: var(--vp-code-block-bg);--vp-code-tab-hover-text-color: var(--vp-c-text-1);--vp-code-tab-active-text-color: var(--vp-c-text-1);--vp-code-tab-active-bar-color: var(--vp-c-brand-1)}:root{--vp-button-brand-border: transparent;--vp-button-brand-text: var(--vp-c-white);--vp-button-brand-bg: var(--vp-c-brand-3);--vp-button-brand-hover-border: transparent;--vp-button-brand-hover-text: var(--vp-c-white);--vp-button-brand-hover-bg: var(--vp-c-brand-2);--vp-button-brand-active-border: transparent;--vp-button-brand-active-text: var(--vp-c-white);--vp-button-brand-active-bg: var(--vp-c-brand-1);--vp-button-alt-border: transparent;--vp-button-alt-text: var(--vp-c-text-1);--vp-button-alt-bg: var(--vp-c-default-3);--vp-button-alt-hover-border: transparent;--vp-button-alt-hover-text: var(--vp-c-text-1);--vp-button-alt-hover-bg: var(--vp-c-default-2);--vp-button-alt-active-border: transparent;--vp-button-alt-active-text: var(--vp-c-text-1);--vp-button-alt-active-bg: var(--vp-c-default-1);--vp-button-sponsor-border: var(--vp-c-text-2);--vp-button-sponsor-text: var(--vp-c-text-2);--vp-button-sponsor-bg: transparent;--vp-button-sponsor-hover-border: var(--vp-c-sponsor);--vp-button-sponsor-hover-text: var(--vp-c-sponsor);--vp-button-sponsor-hover-bg: transparent;--vp-button-sponsor-active-border: var(--vp-c-sponsor);--vp-button-sponsor-active-text: var(--vp-c-sponsor);--vp-button-sponsor-active-bg: transparent}:root{--vp-custom-block-font-size: 14px;--vp-custom-block-code-font-size: 13px;--vp-custom-block-info-border: transparent;--vp-custom-block-info-text: var(--vp-c-text-1);--vp-custom-block-info-bg: var(--vp-c-default-soft);--vp-custom-block-info-code-bg: var(--vp-c-default-soft);--vp-custom-block-note-border: transparent;--vp-custom-block-note-text: var(--vp-c-text-1);--vp-custom-block-note-bg: var(--vp-c-default-soft);--vp-custom-block-note-code-bg: var(--vp-c-default-soft);--vp-custom-block-tip-border: transparent;--vp-custom-block-tip-text: var(--vp-c-text-1);--vp-custom-block-tip-bg: var(--vp-c-tip-soft);--vp-custom-block-tip-code-bg: var(--vp-c-tip-soft);--vp-custom-block-important-border: transparent;--vp-custom-block-important-text: var(--vp-c-text-1);--vp-custom-block-important-bg: var(--vp-c-important-soft);--vp-custom-block-important-code-bg: var(--vp-c-important-soft);--vp-custom-block-warning-border: transparent;--vp-custom-block-warning-text: var(--vp-c-text-1);--vp-custom-block-warning-bg: var(--vp-c-warning-soft);--vp-custom-block-warning-code-bg: var(--vp-c-warning-soft);--vp-custom-block-danger-border: transparent;--vp-custom-block-danger-text: var(--vp-c-text-1);--vp-custom-block-danger-bg: var(--vp-c-danger-soft);--vp-custom-block-danger-code-bg: var(--vp-c-danger-soft);--vp-custom-block-caution-border: transparent;--vp-custom-block-caution-text: var(--vp-c-text-1);--vp-custom-block-caution-bg: var(--vp-c-caution-soft);--vp-custom-block-caution-code-bg: var(--vp-c-caution-soft);--vp-custom-block-details-border: var(--vp-custom-block-info-border);--vp-custom-block-details-text: var(--vp-custom-block-info-text);--vp-custom-block-details-bg: var(--vp-custom-block-info-bg);--vp-custom-block-details-code-bg: var(--vp-custom-block-info-code-bg)}:root{--vp-input-border-color: var(--vp-c-border);--vp-input-bg-color: var(--vp-c-bg-alt);--vp-input-switch-bg-color: var(--vp-c-default-soft)}:root{--vp-nav-height: 64px;--vp-nav-bg-color: var(--vp-c-bg);--vp-nav-screen-bg-color: var(--vp-c-bg);--vp-nav-logo-height: 24px}.hide-nav{--vp-nav-height: 0px}.hide-nav .VPSidebar{--vp-nav-height: 22px}:root{--vp-local-nav-bg-color: var(--vp-c-bg)}:root{--vp-sidebar-width: 272px;--vp-sidebar-bg-color: var(--vp-c-bg-alt)}:root{--vp-backdrop-bg-color: rgba(0, 0, 0, .6)}:root{--vp-home-hero-name-color: var(--vp-c-brand-1);--vp-home-hero-name-background: transparent;--vp-home-hero-image-background-image: none;--vp-home-hero-image-filter: none}:root{--vp-badge-info-border: transparent;--vp-badge-info-text: var(--vp-c-text-2);--vp-badge-info-bg: var(--vp-c-default-soft);--vp-badge-tip-border: transparent;--vp-badge-tip-text: var(--vp-c-tip-1);--vp-badge-tip-bg: var(--vp-c-tip-soft);--vp-badge-warning-border: transparent;--vp-badge-warning-text: var(--vp-c-warning-1);--vp-badge-warning-bg: var(--vp-c-warning-soft);--vp-badge-danger-border: transparent;--vp-badge-danger-text: var(--vp-c-danger-1);--vp-badge-danger-bg: var(--vp-c-danger-soft)}:root{--vp-carbon-ads-text-color: var(--vp-c-text-1);--vp-carbon-ads-poweredby-color: var(--vp-c-text-2);--vp-carbon-ads-bg-color: var(--vp-c-bg-soft);--vp-carbon-ads-hover-text-color: var(--vp-c-brand-1);--vp-carbon-ads-hover-poweredby-color: var(--vp-c-text-1)}:root{--vp-local-search-bg: var(--vp-c-bg);--vp-local-search-result-bg: var(--vp-c-bg);--vp-local-search-result-border: var(--vp-c-divider);--vp-local-search-result-selected-bg: var(--vp-c-bg);--vp-local-search-result-selected-border: var(--vp-c-brand-1);--vp-local-search-highlight-bg: var(--vp-c-brand-1);--vp-local-search-highlight-text: var(--vp-c-neutral-inverse)}@media (prefers-reduced-motion: reduce){*,:before,:after{animation-delay:-1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important;background-attachment:initial!important;scroll-behavior:auto!important;transition-duration:0s!important;transition-delay:0s!important}}*,:before,:after{box-sizing:border-box}html{line-height:1.4;font-size:16px;-webkit-text-size-adjust:100%}html.dark{color-scheme:dark}body{margin:0;width:100%;min-width:320px;min-height:100vh;line-height:24px;font-family:var(--vp-font-family-base);font-size:16px;font-weight:400;color:var(--vp-c-text-1);background-color:var(--vp-c-bg);font-synthesis:style;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}main{display:block}h1,h2,h3,h4,h5,h6{margin:0;line-height:24px;font-size:16px;font-weight:400}p{margin:0}strong,b{font-weight:600}a,area,button,[role=button],input,label,select,summary,textarea{touch-action:manipulation}a{color:inherit;text-decoration:inherit}ol,ul{list-style:none;margin:0;padding:0}blockquote{margin:0}pre,code,kbd,samp{font-family:var(--vp-font-family-mono)}img,svg,video,canvas,audio,iframe,embed,object{display:block}figure{margin:0}img,video{max-width:100%;height:auto}button,input,optgroup,select,textarea{border:0;padding:0;line-height:inherit;color:inherit}button{padding:0;font-family:inherit;background-color:transparent;background-image:none}button:enabled,[role=button]:enabled{cursor:pointer}button:focus,button:focus-visible{outline:1px dotted;outline:4px auto -webkit-focus-ring-color}button:focus:not(:focus-visible){outline:none!important}input:focus,textarea:focus,select:focus{outline:none}table{border-collapse:collapse}input{background-color:transparent}input:-ms-input-placeholder,textarea:-ms-input-placeholder{color:var(--vp-c-text-3)}input::-ms-input-placeholder,textarea::-ms-input-placeholder{color:var(--vp-c-text-3)}input::placeholder,textarea::placeholder{color:var(--vp-c-text-3)}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}textarea{resize:vertical}select{-webkit-appearance:none}fieldset{margin:0;padding:0}h1,h2,h3,h4,h5,h6,li,p{overflow-wrap:break-word}vite-error-overlay{z-index:9999}mjx-container{overflow-x:auto}mjx-container>svg{display:inline-block;margin:auto}[class^=vpi-],[class*=" vpi-"],.vp-icon{width:1em;height:1em}[class^=vpi-].bg,[class*=" vpi-"].bg,.vp-icon.bg{background-size:100% 100%;background-color:transparent}[class^=vpi-]:not(.bg),[class*=" vpi-"]:not(.bg),.vp-icon:not(.bg){-webkit-mask:var(--icon) no-repeat;mask:var(--icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit}.vpi-align-left{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24'%3E%3Cpath d='M21 6H3M15 12H3M17 18H3'/%3E%3C/svg%3E")}.vpi-arrow-right,.vpi-arrow-down,.vpi-arrow-left,.vpi-arrow-up{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24'%3E%3Cpath d='M5 12h14M12 5l7 7-7 7'/%3E%3C/svg%3E")}.vpi-chevron-right,.vpi-chevron-down,.vpi-chevron-left,.vpi-chevron-up{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24'%3E%3Cpath d='m9 18 6-6-6-6'/%3E%3C/svg%3E")}.vpi-chevron-down,.vpi-arrow-down{transform:rotate(90deg)}.vpi-chevron-left,.vpi-arrow-left{transform:rotate(180deg)}.vpi-chevron-up,.vpi-arrow-up{transform:rotate(-90deg)}.vpi-square-pen{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24'%3E%3Cpath d='M12 3H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7'/%3E%3Cpath d='M18.375 2.625a2.121 2.121 0 1 1 3 3L12 15l-4 1 1-4Z'/%3E%3C/svg%3E")}.vpi-plus{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24'%3E%3Cpath d='M5 12h14M12 5v14'/%3E%3C/svg%3E")}.vpi-sun{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='4'/%3E%3Cpath d='M12 2v2M12 20v2M4.93 4.93l1.41 1.41M17.66 17.66l1.41 1.41M2 12h2M20 12h2M6.34 17.66l-1.41 1.41M19.07 4.93l-1.41 1.41'/%3E%3C/svg%3E")}.vpi-moon{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24'%3E%3Cpath d='M12 3a6 6 0 0 0 9 9 9 9 0 1 1-9-9Z'/%3E%3C/svg%3E")}.vpi-more-horizontal{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='1'/%3E%3Ccircle cx='19' cy='12' r='1'/%3E%3Ccircle cx='5' cy='12' r='1'/%3E%3C/svg%3E")}.vpi-languages{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24'%3E%3Cpath d='m5 8 6 6M4 14l6-6 2-3M2 5h12M7 2h1M22 22l-5-10-5 10M14 18h6'/%3E%3C/svg%3E")}.vpi-heart{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24'%3E%3Cpath d='M19 14c1.49-1.46 3-3.21 3-5.5A5.5 5.5 0 0 0 16.5 3c-1.76 0-3 .5-4.5 2-1.5-1.5-2.74-2-4.5-2A5.5 5.5 0 0 0 2 8.5c0 2.3 1.5 4.05 3 5.5l7 7Z'/%3E%3C/svg%3E")}.vpi-search{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cpath d='m21 21-4.3-4.3'/%3E%3C/svg%3E")}.vpi-layout-list{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24'%3E%3Crect width='7' height='7' x='3' y='3' rx='1'/%3E%3Crect width='7' height='7' x='3' y='14' rx='1'/%3E%3Cpath d='M14 4h7M14 9h7M14 15h7M14 20h7'/%3E%3C/svg%3E")}.vpi-delete{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24'%3E%3Cpath d='M20 5H9l-7 7 7 7h11a2 2 0 0 0 2-2V7a2 2 0 0 0-2-2ZM18 9l-6 6M12 9l6 6'/%3E%3C/svg%3E")}.vpi-corner-down-left{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24'%3E%3Cpath d='m9 10-5 5 5 5'/%3E%3Cpath d='M20 4v7a4 4 0 0 1-4 4H4'/%3E%3C/svg%3E")}:root{--vp-icon-copy: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='rgba(128,128,128,1)' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24'%3E%3Crect width='8' height='4' x='8' y='2' rx='1' ry='1'/%3E%3Cpath d='M16 4h2a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h2'/%3E%3C/svg%3E");--vp-icon-copied: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='rgba(128,128,128,1)' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24'%3E%3Crect width='8' height='4' x='8' y='2' rx='1' ry='1'/%3E%3Cpath d='M16 4h2a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h2'/%3E%3Cpath d='m9 14 2 2 4-4'/%3E%3C/svg%3E")}.vpi-social-discord{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M20.317 4.37a19.791 19.791 0 0 0-4.885-1.515.074.074 0 0 0-.079.037c-.21.375-.444.864-.608 1.25a18.27 18.27 0 0 0-5.487 0 12.64 12.64 0 0 0-.617-1.25.077.077 0 0 0-.079-.037A19.736 19.736 0 0 0 3.677 4.37a.07.07 0 0 0-.032.027C.533 9.046-.32 13.58.099 18.057a.082.082 0 0 0 .031.057 19.9 19.9 0 0 0 5.993 3.03.078.078 0 0 0 .084-.028c.462-.63.874-1.295 1.226-1.994a.076.076 0 0 0-.041-.106 13.107 13.107 0 0 1-1.872-.892.077.077 0 0 1-.008-.128 10.2 10.2 0 0 0 .372-.292.074.074 0 0 1 .077-.01c3.928 1.793 8.18 1.793 12.062 0a.074.074 0 0 1 .078.01c.12.098.246.198.373.292a.077.077 0 0 1-.006.127 12.299 12.299 0 0 1-1.873.892.077.077 0 0 0-.041.107c.36.698.772 1.362 1.225 1.993a.076.076 0 0 0 .084.028 19.839 19.839 0 0 0 6.002-3.03.077.077 0 0 0 .032-.054c.5-5.177-.838-9.674-3.549-13.66a.061.061 0 0 0-.031-.03zM8.02 15.33c-1.183 0-2.157-1.085-2.157-2.419 0-1.333.956-2.419 2.157-2.419 1.21 0 2.176 1.096 2.157 2.42 0 1.333-.956 2.418-2.157 2.418zm7.975 0c-1.183 0-2.157-1.085-2.157-2.419 0-1.333.955-2.419 2.157-2.419 1.21 0 2.176 1.096 2.157 2.42 0 1.333-.946 2.418-2.157 2.418Z'/%3E%3C/svg%3E")}.vpi-social-facebook{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9.101 23.691v-7.98H6.627v-3.667h2.474v-1.58c0-4.085 1.848-5.978 5.858-5.978.401 0 .955.042 1.468.103a8.68 8.68 0 0 1 1.141.195v3.325a8.623 8.623 0 0 0-.653-.036 26.805 26.805 0 0 0-.733-.009c-.707 0-1.259.096-1.675.309a1.686 1.686 0 0 0-.679.622c-.258.42-.374.995-.374 1.752v1.297h3.919l-.386 2.103-.287 1.564h-3.246v8.245C19.396 23.238 24 18.179 24 12.044c0-6.627-5.373-12-12-12s-12 5.373-12 12c0 5.628 3.874 10.35 9.101 11.647Z'/%3E%3C/svg%3E")}.vpi-social-github{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12'/%3E%3C/svg%3E")}.vpi-social-instagram{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7.03.084c-1.277.06-2.149.264-2.91.563a5.874 5.874 0 0 0-2.124 1.388 5.878 5.878 0 0 0-1.38 2.127C.321 4.926.12 5.8.064 7.076.008 8.354-.005 8.764.001 12.023c.007 3.259.021 3.667.083 4.947.061 1.277.264 2.149.563 2.911.308.789.72 1.457 1.388 2.123a5.872 5.872 0 0 0 2.129 1.38c.763.295 1.636.496 2.913.552 1.278.056 1.689.069 4.947.063 3.257-.007 3.668-.021 4.947-.082 1.28-.06 2.147-.265 2.91-.563a5.881 5.881 0 0 0 2.123-1.388 5.881 5.881 0 0 0 1.38-2.129c.295-.763.496-1.636.551-2.912.056-1.28.07-1.69.063-4.948-.006-3.258-.02-3.667-.081-4.947-.06-1.28-.264-2.148-.564-2.911a5.892 5.892 0 0 0-1.387-2.123 5.857 5.857 0 0 0-2.128-1.38C19.074.322 18.202.12 16.924.066 15.647.009 15.236-.006 11.977 0 8.718.008 8.31.021 7.03.084m.14 21.693c-1.17-.05-1.805-.245-2.228-.408a3.736 3.736 0 0 1-1.382-.895 3.695 3.695 0 0 1-.9-1.378c-.165-.423-.363-1.058-.417-2.228-.06-1.264-.072-1.644-.08-4.848-.006-3.204.006-3.583.061-4.848.05-1.169.246-1.805.408-2.228.216-.561.477-.96.895-1.382a3.705 3.705 0 0 1 1.379-.9c.423-.165 1.057-.361 2.227-.417 1.265-.06 1.644-.072 4.848-.08 3.203-.006 3.583.006 4.85.062 1.168.05 1.804.244 2.227.408.56.216.96.475 1.382.895.421.42.681.817.9 1.378.165.422.362 1.056.417 2.227.06 1.265.074 1.645.08 4.848.005 3.203-.006 3.583-.061 4.848-.051 1.17-.245 1.805-.408 2.23-.216.56-.477.96-.896 1.38a3.705 3.705 0 0 1-1.378.9c-.422.165-1.058.362-2.226.418-1.266.06-1.645.072-4.85.079-3.204.007-3.582-.006-4.848-.06m9.783-16.192a1.44 1.44 0 1 0 1.437-1.442 1.44 1.44 0 0 0-1.437 1.442M5.839 12.012a6.161 6.161 0 1 0 12.323-.024 6.162 6.162 0 0 0-12.323.024M8 12.008A4 4 0 1 1 12.008 16 4 4 0 0 1 8 12.008'/%3E%3C/svg%3E")}.vpi-social-linkedin{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433a2.062 2.062 0 0 1-2.063-2.065 2.064 2.064 0 1 1 2.063 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z'/%3E%3C/svg%3E")}.vpi-social-mastodon{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M23.268 5.313c-.35-2.578-2.617-4.61-5.304-5.004C17.51.242 15.792 0 11.813 0h-.03c-3.98 0-4.835.242-5.288.309C3.882.692 1.496 2.518.917 5.127.64 6.412.61 7.837.661 9.143c.074 1.874.088 3.745.26 5.611.118 1.24.325 2.47.62 3.68.55 2.237 2.777 4.098 4.96 4.857 2.336.792 4.849.923 7.256.38.265-.061.527-.132.786-.213.585-.184 1.27-.39 1.774-.753a.057.057 0 0 0 .023-.043v-1.809a.052.052 0 0 0-.02-.041.053.053 0 0 0-.046-.01 20.282 20.282 0 0 1-4.709.545c-2.73 0-3.463-1.284-3.674-1.818a5.593 5.593 0 0 1-.319-1.433.053.053 0 0 1 .066-.054c1.517.363 3.072.546 4.632.546.376 0 .75 0 1.125-.01 1.57-.044 3.224-.124 4.768-.422.038-.008.077-.015.11-.024 2.435-.464 4.753-1.92 4.989-5.604.008-.145.03-1.52.03-1.67.002-.512.167-3.63-.024-5.545zm-3.748 9.195h-2.561V8.29c0-1.309-.55-1.976-1.67-1.976-1.23 0-1.846.79-1.846 2.35v3.403h-2.546V8.663c0-1.56-.617-2.35-1.848-2.35-1.112 0-1.668.668-1.67 1.977v6.218H4.822V8.102c0-1.31.337-2.35 1.011-3.12.696-.77 1.608-1.164 2.74-1.164 1.311 0 2.302.5 2.962 1.498l.638 1.06.638-1.06c.66-.999 1.65-1.498 2.96-1.498 1.13 0 2.043.395 2.74 1.164.675.77 1.012 1.81 1.012 3.12z'/%3E%3C/svg%3E")}.vpi-social-npm{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M1.763 0C.786 0 0 .786 0 1.763v20.474C0 23.214.786 24 1.763 24h20.474c.977 0 1.763-.786 1.763-1.763V1.763C24 .786 23.214 0 22.237 0zM5.13 5.323l13.837.019-.009 13.836h-3.464l.01-10.382h-3.456L12.04 19.17H5.113z'/%3E%3C/svg%3E")}.vpi-social-slack{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5.042 15.165a2.528 2.528 0 0 1-2.52 2.523A2.528 2.528 0 0 1 0 15.165a2.527 2.527 0 0 1 2.522-2.52h2.52v2.52zm1.271 0a2.527 2.527 0 0 1 2.521-2.52 2.527 2.527 0 0 1 2.521 2.52v6.313A2.528 2.528 0 0 1 8.834 24a2.528 2.528 0 0 1-2.521-2.522v-6.313zM8.834 5.042a2.528 2.528 0 0 1-2.521-2.52A2.528 2.528 0 0 1 8.834 0a2.528 2.528 0 0 1 2.521 2.522v2.52H8.834zm0 1.271a2.528 2.528 0 0 1 2.521 2.521 2.528 2.528 0 0 1-2.521 2.521H2.522A2.528 2.528 0 0 1 0 8.834a2.528 2.528 0 0 1 2.522-2.521h6.312zm10.122 2.521a2.528 2.528 0 0 1 2.522-2.521A2.528 2.528 0 0 1 24 8.834a2.528 2.528 0 0 1-2.522 2.521h-2.522V8.834zm-1.268 0a2.528 2.528 0 0 1-2.523 2.521 2.527 2.527 0 0 1-2.52-2.521V2.522A2.527 2.527 0 0 1 15.165 0a2.528 2.528 0 0 1 2.523 2.522v6.312zm-2.523 10.122a2.528 2.528 0 0 1 2.523 2.522A2.528 2.528 0 0 1 15.165 24a2.527 2.527 0 0 1-2.52-2.522v-2.522h2.52zm0-1.268a2.527 2.527 0 0 1-2.52-2.523 2.526 2.526 0 0 1 2.52-2.52h6.313A2.527 2.527 0 0 1 24 15.165a2.528 2.528 0 0 1-2.522 2.523h-6.313z'/%3E%3C/svg%3E")}.vpi-social-twitter,.vpi-social-x{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M18.901 1.153h3.68l-8.04 9.19L24 22.846h-7.406l-5.8-7.584-6.638 7.584H.474l8.6-9.83L0 1.154h7.594l5.243 6.932ZM17.61 20.644h2.039L6.486 3.24H4.298Z'/%3E%3C/svg%3E")}.vpi-social-youtube{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M23.498 6.186a3.016 3.016 0 0 0-2.122-2.136C19.505 3.545 12 3.545 12 3.545s-7.505 0-9.377.505A3.017 3.017 0 0 0 .502 6.186C0 8.07 0 12 0 12s0 3.93.502 5.814a3.016 3.016 0 0 0 2.122 2.136c1.871.505 9.376.505 9.376.505s7.505 0 9.377-.505a3.015 3.015 0 0 0 2.122-2.136C24 15.93 24 12 24 12s0-3.93-.502-5.814zM9.545 15.568V8.432L15.818 12l-6.273 3.568z'/%3E%3C/svg%3E")}.visually-hidden{position:absolute;width:1px;height:1px;white-space:nowrap;clip:rect(0 0 0 0);clip-path:inset(50%);overflow:hidden}.custom-block{border:1px solid transparent;border-radius:8px;padding:16px 16px 8px;line-height:24px;font-size:var(--vp-custom-block-font-size);color:var(--vp-c-text-2)}.custom-block.info{border-color:var(--vp-custom-block-info-border);color:var(--vp-custom-block-info-text);background-color:var(--vp-custom-block-info-bg)}.custom-block.info a,.custom-block.info code{color:var(--vp-c-brand-1)}.custom-block.info a:hover,.custom-block.info a:hover>code{color:var(--vp-c-brand-2)}.custom-block.info code{background-color:var(--vp-custom-block-info-code-bg)}.custom-block.note{border-color:var(--vp-custom-block-note-border);color:var(--vp-custom-block-note-text);background-color:var(--vp-custom-block-note-bg)}.custom-block.note a,.custom-block.note code{color:var(--vp-c-brand-1)}.custom-block.note a:hover,.custom-block.note a:hover>code{color:var(--vp-c-brand-2)}.custom-block.note code{background-color:var(--vp-custom-block-note-code-bg)}.custom-block.tip{border-color:var(--vp-custom-block-tip-border);color:var(--vp-custom-block-tip-text);background-color:var(--vp-custom-block-tip-bg)}.custom-block.tip a,.custom-block.tip code{color:var(--vp-c-tip-1)}.custom-block.tip a:hover,.custom-block.tip a:hover>code{color:var(--vp-c-tip-2)}.custom-block.tip code{background-color:var(--vp-custom-block-tip-code-bg)}.custom-block.important{border-color:var(--vp-custom-block-important-border);color:var(--vp-custom-block-important-text);background-color:var(--vp-custom-block-important-bg)}.custom-block.important a,.custom-block.important code{color:var(--vp-c-important-1)}.custom-block.important a:hover,.custom-block.important a:hover>code{color:var(--vp-c-important-2)}.custom-block.important code{background-color:var(--vp-custom-block-important-code-bg)}.custom-block.warning{border-color:var(--vp-custom-block-warning-border);color:var(--vp-custom-block-warning-text);background-color:var(--vp-custom-block-warning-bg)}.custom-block.warning a,.custom-block.warning code{color:var(--vp-c-warning-1)}.custom-block.warning a:hover,.custom-block.warning a:hover>code{color:var(--vp-c-warning-2)}.custom-block.warning code{background-color:var(--vp-custom-block-warning-code-bg)}.custom-block.danger{border-color:var(--vp-custom-block-danger-border);color:var(--vp-custom-block-danger-text);background-color:var(--vp-custom-block-danger-bg)}.custom-block.danger a,.custom-block.danger code{color:var(--vp-c-danger-1)}.custom-block.danger a:hover,.custom-block.danger a:hover>code{color:var(--vp-c-danger-2)}.custom-block.danger code{background-color:var(--vp-custom-block-danger-code-bg)}.custom-block.caution{border-color:var(--vp-custom-block-caution-border);color:var(--vp-custom-block-caution-text);background-color:var(--vp-custom-block-caution-bg)}.custom-block.caution a,.custom-block.caution code{color:var(--vp-c-caution-1)}.custom-block.caution a:hover,.custom-block.caution a:hover>code{color:var(--vp-c-caution-2)}.custom-block.caution code{background-color:var(--vp-custom-block-caution-code-bg)}.custom-block.details{border-color:var(--vp-custom-block-details-border);color:var(--vp-custom-block-details-text);background-color:var(--vp-custom-block-details-bg)}.custom-block.details a{color:var(--vp-c-brand-1)}.custom-block.details a:hover,.custom-block.details a:hover>code{color:var(--vp-c-brand-2)}.custom-block.details code{background-color:var(--vp-custom-block-details-code-bg)}.custom-block-title{font-weight:600}.custom-block p+p{margin:8px 0}.custom-block.details summary{margin:0 0 8px;font-weight:700;cursor:pointer;-webkit-user-select:none;user-select:none}.custom-block.details summary+p{margin:8px 0}.custom-block a{color:inherit;font-weight:600;text-decoration:underline;text-underline-offset:2px;transition:opacity .25s}.custom-block a:hover{opacity:.75}.custom-block code{font-size:var(--vp-custom-block-code-font-size)}.custom-block.custom-block th,.custom-block.custom-block blockquote>p{font-size:var(--vp-custom-block-font-size);color:inherit}.dark .vp-code span{color:var(--shiki-dark, inherit)}html:not(.dark) .vp-code span{color:var(--shiki-light, inherit)}.vp-code-group{margin-top:16px}.vp-code-group .tabs{position:relative;display:flex;margin-right:-24px;margin-left:-24px;padding:0 12px;background-color:var(--vp-code-tab-bg);overflow-x:auto;overflow-y:hidden;box-shadow:inset 0 -1px var(--vp-code-tab-divider)}@media (min-width: 640px){.vp-code-group .tabs{margin-right:0;margin-left:0;border-radius:8px 8px 0 0}}.vp-code-group .tabs input{position:fixed;opacity:0;pointer-events:none}.vp-code-group .tabs label{position:relative;display:inline-block;border-bottom:1px solid transparent;padding:0 12px;line-height:48px;font-size:14px;font-weight:500;color:var(--vp-code-tab-text-color);white-space:nowrap;cursor:pointer;transition:color .25s}.vp-code-group .tabs label:after{position:absolute;right:8px;bottom:-1px;left:8px;z-index:1;height:2px;border-radius:2px;content:"";background-color:transparent;transition:background-color .25s}.vp-code-group label:hover{color:var(--vp-code-tab-hover-text-color)}.vp-code-group input:checked+label{color:var(--vp-code-tab-active-text-color)}.vp-code-group input:checked+label:after{background-color:var(--vp-code-tab-active-bar-color)}.vp-code-group div[class*=language-],.vp-block{display:none;margin-top:0!important;border-top-left-radius:0!important;border-top-right-radius:0!important}.vp-code-group div[class*=language-].active,.vp-block.active{display:block}.vp-block{padding:20px 24px}.vp-doc h1,.vp-doc h2,.vp-doc h3,.vp-doc h4,.vp-doc h5,.vp-doc h6{position:relative;font-weight:600;outline:none}.vp-doc h1{letter-spacing:-.02em;line-height:40px;font-size:28px}.vp-doc h2{margin:48px 0 16px;border-top:1px solid var(--vp-c-divider);padding-top:24px;letter-spacing:-.02em;line-height:32px;font-size:24px}.vp-doc h3{margin:32px 0 0;letter-spacing:-.01em;line-height:28px;font-size:20px}.vp-doc h4{margin:24px 0 0;letter-spacing:-.01em;line-height:24px;font-size:18px}.vp-doc .header-anchor{position:absolute;top:0;left:0;margin-left:-.87em;font-weight:500;-webkit-user-select:none;user-select:none;opacity:0;text-decoration:none;transition:color .25s,opacity .25s}.vp-doc .header-anchor:before{content:var(--vp-header-anchor-symbol)}.vp-doc h1:hover .header-anchor,.vp-doc h1 .header-anchor:focus,.vp-doc h2:hover .header-anchor,.vp-doc h2 .header-anchor:focus,.vp-doc h3:hover .header-anchor,.vp-doc h3 .header-anchor:focus,.vp-doc h4:hover .header-anchor,.vp-doc h4 .header-anchor:focus,.vp-doc h5:hover .header-anchor,.vp-doc h5 .header-anchor:focus,.vp-doc h6:hover .header-anchor,.vp-doc h6 .header-anchor:focus{opacity:1}@media (min-width: 768px){.vp-doc h1{letter-spacing:-.02em;line-height:40px;font-size:32px}}.vp-doc h2 .header-anchor{top:24px}.vp-doc p,.vp-doc summary{margin:16px 0}.vp-doc p{line-height:28px}.vp-doc blockquote{margin:16px 0;border-left:2px solid var(--vp-c-divider);padding-left:16px;transition:border-color .5s;color:var(--vp-c-text-2)}.vp-doc blockquote>p{margin:0;font-size:16px;transition:color .5s}.vp-doc a{font-weight:500;color:var(--vp-c-brand-1);text-decoration:underline;text-underline-offset:2px;transition:color .25s,opacity .25s}.vp-doc a:hover{color:var(--vp-c-brand-2)}.vp-doc strong{font-weight:600}.vp-doc ul,.vp-doc ol{padding-left:1.25rem;margin:16px 0}.vp-doc ul{list-style:disc}.vp-doc ol{list-style:decimal}.vp-doc li+li{margin-top:8px}.vp-doc li>ol,.vp-doc li>ul{margin:8px 0 0}.vp-doc table{display:block;border-collapse:collapse;margin:20px 0;overflow-x:auto}.vp-doc tr{background-color:var(--vp-c-bg);border-top:1px solid var(--vp-c-divider);transition:background-color .5s}.vp-doc tr:nth-child(2n){background-color:var(--vp-c-bg-soft)}.vp-doc th,.vp-doc td{border:1px solid var(--vp-c-divider);padding:8px 16px}.vp-doc th{text-align:left;font-size:14px;font-weight:600;color:var(--vp-c-text-2);background-color:var(--vp-c-bg-soft)}.vp-doc td{font-size:14px}.vp-doc hr{margin:16px 0;border:none;border-top:1px solid var(--vp-c-divider)}.vp-doc .custom-block{margin:16px 0}.vp-doc .custom-block p{margin:8px 0;line-height:24px}.vp-doc .custom-block p:first-child{margin:0}.vp-doc .custom-block div[class*=language-]{margin:8px 0;border-radius:8px}.vp-doc .custom-block div[class*=language-] code{font-weight:400;background-color:transparent}.vp-doc .custom-block .vp-code-group .tabs{margin:0;border-radius:8px 8px 0 0}.vp-doc :not(pre,h1,h2,h3,h4,h5,h6)>code{font-size:var(--vp-code-font-size);color:var(--vp-code-color)}.vp-doc :not(pre)>code{border-radius:4px;padding:3px 6px;background-color:var(--vp-code-bg);transition:color .25s,background-color .5s}.vp-doc a>code{color:var(--vp-code-link-color)}.vp-doc a:hover>code{color:var(--vp-code-link-hover-color)}.vp-doc h1>code,.vp-doc h2>code,.vp-doc h3>code,.vp-doc h4>code{font-size:.9em}.vp-doc div[class*=language-],.vp-block{position:relative;margin:16px -24px;background-color:var(--vp-code-block-bg);overflow-x:auto;transition:background-color .5s}@media (min-width: 640px){.vp-doc div[class*=language-],.vp-block{border-radius:8px;margin:16px 0}}@media (max-width: 639px){.vp-doc li div[class*=language-]{border-radius:8px 0 0 8px}}.vp-doc div[class*=language-]+div[class*=language-],.vp-doc div[class$=-api]+div[class*=language-],.vp-doc div[class*=language-]+div[class$=-api]>div[class*=language-]{margin-top:-8px}.vp-doc [class*=language-] pre,.vp-doc [class*=language-] code{direction:ltr;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none}.vp-doc [class*=language-] pre{position:relative;z-index:1;margin:0;padding:20px 0;background:transparent;overflow-x:auto}.vp-doc [class*=language-] code{display:block;padding:0 24px;width:fit-content;min-width:100%;line-height:var(--vp-code-line-height);font-size:var(--vp-code-font-size);color:var(--vp-code-block-color);transition:color .5s}.vp-doc [class*=language-] code .highlighted{background-color:var(--vp-code-line-highlight-color);transition:background-color .5s;margin:0 -24px;padding:0 24px;width:calc(100% + 48px);display:inline-block}.vp-doc [class*=language-] code .highlighted.error{background-color:var(--vp-code-line-error-color)}.vp-doc [class*=language-] code .highlighted.warning{background-color:var(--vp-code-line-warning-color)}.vp-doc [class*=language-] code .diff{transition:background-color .5s;margin:0 -24px;padding:0 24px;width:calc(100% + 48px);display:inline-block}.vp-doc [class*=language-] code .diff:before{position:absolute;left:10px}.vp-doc [class*=language-] .has-focused-lines .line:not(.has-focus){filter:blur(.095rem);opacity:.4;transition:filter .35s,opacity .35s}.vp-doc [class*=language-] .has-focused-lines .line:not(.has-focus){opacity:.7;transition:filter .35s,opacity .35s}.vp-doc [class*=language-]:hover .has-focused-lines .line:not(.has-focus){filter:blur(0);opacity:1}.vp-doc [class*=language-] code .diff.remove{background-color:var(--vp-code-line-diff-remove-color);opacity:.7}.vp-doc [class*=language-] code .diff.remove:before{content:"-";color:var(--vp-code-line-diff-remove-symbol-color)}.vp-doc [class*=language-] code .diff.add{background-color:var(--vp-code-line-diff-add-color)}.vp-doc [class*=language-] code .diff.add:before{content:"+";color:var(--vp-code-line-diff-add-symbol-color)}.vp-doc div[class*=language-].line-numbers-mode{padding-left:32px}.vp-doc .line-numbers-wrapper{position:absolute;top:0;bottom:0;left:0;z-index:3;border-right:1px solid var(--vp-code-block-divider-color);padding-top:20px;width:32px;text-align:center;font-family:var(--vp-font-family-mono);line-height:var(--vp-code-line-height);font-size:var(--vp-code-font-size);color:var(--vp-code-line-number-color);transition:border-color .5s,color .5s}.vp-doc [class*=language-]>button.copy{direction:ltr;position:absolute;top:12px;right:12px;z-index:3;border:1px solid var(--vp-code-copy-code-border-color);border-radius:4px;width:40px;height:40px;background-color:var(--vp-code-copy-code-bg);opacity:0;cursor:pointer;background-image:var(--vp-icon-copy);background-position:50%;background-size:20px;background-repeat:no-repeat;transition:border-color .25s,background-color .25s,opacity .25s}.vp-doc [class*=language-]:hover>button.copy,.vp-doc [class*=language-]>button.copy:focus{opacity:1}.vp-doc [class*=language-]>button.copy:hover,.vp-doc [class*=language-]>button.copy.copied{border-color:var(--vp-code-copy-code-hover-border-color);background-color:var(--vp-code-copy-code-hover-bg)}.vp-doc [class*=language-]>button.copy.copied,.vp-doc [class*=language-]>button.copy:hover.copied{border-radius:0 4px 4px 0;background-color:var(--vp-code-copy-code-hover-bg);background-image:var(--vp-icon-copied)}.vp-doc [class*=language-]>button.copy.copied:before,.vp-doc [class*=language-]>button.copy:hover.copied:before{position:relative;top:-1px;transform:translate(calc(-100% - 1px));display:flex;justify-content:center;align-items:center;border:1px solid var(--vp-code-copy-code-hover-border-color);border-right:0;border-radius:4px 0 0 4px;padding:0 10px;width:fit-content;height:40px;text-align:center;font-size:12px;font-weight:500;color:var(--vp-code-copy-code-active-text);background-color:var(--vp-code-copy-code-hover-bg);white-space:nowrap;content:var(--vp-code-copy-copied-text-content)}.vp-doc [class*=language-]>span.lang{position:absolute;top:2px;right:8px;z-index:2;font-size:12px;font-weight:500;color:var(--vp-code-lang-color);transition:color .4s,opacity .4s}.vp-doc [class*=language-]:hover>button.copy+span.lang,.vp-doc [class*=language-]>button.copy:focus+span.lang{opacity:0}.vp-doc .VPTeamMembers{margin-top:24px}.vp-doc .VPTeamMembers.small.count-1 .container{margin:0!important;max-width:calc((100% - 24px)/2)!important}.vp-doc .VPTeamMembers.small.count-2 .container,.vp-doc .VPTeamMembers.small.count-3 .container{max-width:100%!important}.vp-doc .VPTeamMembers.medium.count-1 .container{margin:0!important;max-width:calc((100% - 24px)/2)!important}:is(.vp-external-link-icon,.vp-doc a[href*="://"],.vp-doc a[target=_blank]):not(.no-icon):after{display:inline-block;margin-top:-1px;margin-left:4px;width:11px;height:11px;background:currentColor;color:var(--vp-c-text-3);flex-shrink:0;--icon: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' %3E%3Cpath d='M0 0h24v24H0V0z' fill='none' /%3E%3Cpath d='M9 5v2h6.59L4 18.59 5.41 20 17 8.41V15h2V5H9z' /%3E%3C/svg%3E");-webkit-mask-image:var(--icon);mask-image:var(--icon)}.vp-external-link-icon:after{content:""}.external-link-icon-enabled :is(.vp-doc a[href*="://"],.vp-doc a[target=_blank]):after{content:"";color:currentColor}.vp-sponsor{border-radius:16px;overflow:hidden}.vp-sponsor.aside{border-radius:12px}.vp-sponsor-section+.vp-sponsor-section{margin-top:4px}.vp-sponsor-tier{margin:0 0 4px!important;text-align:center;letter-spacing:1px!important;line-height:24px;width:100%;font-weight:600;color:var(--vp-c-text-2);background-color:var(--vp-c-bg-soft)}.vp-sponsor.normal .vp-sponsor-tier{padding:13px 0 11px;font-size:14px}.vp-sponsor.aside .vp-sponsor-tier{padding:9px 0 7px;font-size:12px}.vp-sponsor-grid+.vp-sponsor-tier{margin-top:4px}.vp-sponsor-grid{display:flex;flex-wrap:wrap;gap:4px}.vp-sponsor-grid.xmini .vp-sponsor-grid-link{height:64px}.vp-sponsor-grid.xmini .vp-sponsor-grid-image{max-width:64px;max-height:22px}.vp-sponsor-grid.mini .vp-sponsor-grid-link{height:72px}.vp-sponsor-grid.mini .vp-sponsor-grid-image{max-width:96px;max-height:24px}.vp-sponsor-grid.small .vp-sponsor-grid-link{height:96px}.vp-sponsor-grid.small .vp-sponsor-grid-image{max-width:96px;max-height:24px}.vp-sponsor-grid.medium .vp-sponsor-grid-link{height:112px}.vp-sponsor-grid.medium .vp-sponsor-grid-image{max-width:120px;max-height:36px}.vp-sponsor-grid.big .vp-sponsor-grid-link{height:184px}.vp-sponsor-grid.big .vp-sponsor-grid-image{max-width:192px;max-height:56px}.vp-sponsor-grid[data-vp-grid="2"] .vp-sponsor-grid-item{width:calc((100% - 4px)/2)}.vp-sponsor-grid[data-vp-grid="3"] .vp-sponsor-grid-item{width:calc((100% - 4px * 2) / 3)}.vp-sponsor-grid[data-vp-grid="4"] .vp-sponsor-grid-item{width:calc((100% - 12px)/4)}.vp-sponsor-grid[data-vp-grid="5"] .vp-sponsor-grid-item{width:calc((100% - 16px)/5)}.vp-sponsor-grid[data-vp-grid="6"] .vp-sponsor-grid-item{width:calc((100% - 4px * 5) / 6)}.vp-sponsor-grid-item{flex-shrink:0;width:100%;background-color:var(--vp-c-bg-soft);transition:background-color .25s}.vp-sponsor-grid-item:hover{background-color:var(--vp-c-default-soft)}.vp-sponsor-grid-item:hover .vp-sponsor-grid-image{filter:grayscale(0) invert(0)}.vp-sponsor-grid-item.empty:hover{background-color:var(--vp-c-bg-soft)}.dark .vp-sponsor-grid-item:hover{background-color:var(--vp-c-white)}.dark .vp-sponsor-grid-item.empty:hover{background-color:var(--vp-c-bg-soft)}.vp-sponsor-grid-link{display:flex}.vp-sponsor-grid-box{display:flex;justify-content:center;align-items:center;width:100%}.vp-sponsor-grid-image{max-width:100%;filter:grayscale(1);transition:filter .25s}.dark .vp-sponsor-grid-image{filter:grayscale(1) invert(1)}.VPBadge{display:inline-block;margin-left:2px;border:1px solid transparent;border-radius:12px;padding:0 10px;line-height:22px;font-size:12px;font-weight:500;transform:translateY(-2px)}.VPBadge.small{padding:0 6px;line-height:18px;font-size:10px;transform:translateY(-8px)}.VPDocFooter .VPBadge{display:none}.vp-doc h1>.VPBadge{margin-top:4px;vertical-align:top}.vp-doc h2>.VPBadge{margin-top:3px;padding:0 8px;vertical-align:top}.vp-doc h3>.VPBadge{vertical-align:middle}.vp-doc h4>.VPBadge,.vp-doc h5>.VPBadge,.vp-doc h6>.VPBadge{vertical-align:middle;line-height:18px}.VPBadge.info{border-color:var(--vp-badge-info-border);color:var(--vp-badge-info-text);background-color:var(--vp-badge-info-bg)}.VPBadge.tip{border-color:var(--vp-badge-tip-border);color:var(--vp-badge-tip-text);background-color:var(--vp-badge-tip-bg)}.VPBadge.warning{border-color:var(--vp-badge-warning-border);color:var(--vp-badge-warning-text);background-color:var(--vp-badge-warning-bg)}.VPBadge.danger{border-color:var(--vp-badge-danger-border);color:var(--vp-badge-danger-text);background-color:var(--vp-badge-danger-bg)}.VPBackdrop[data-v-04d48cd9]{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--vp-z-index-backdrop);background:var(--vp-backdrop-bg-color);transition:opacity .5s}.VPBackdrop.fade-enter-from[data-v-04d48cd9],.VPBackdrop.fade-leave-to[data-v-04d48cd9]{opacity:0}.VPBackdrop.fade-leave-active[data-v-04d48cd9]{transition-duration:.25s}@media (min-width: 1280px){.VPBackdrop[data-v-04d48cd9]{display:none}}.NotFound[data-v-f42a693d]{padding:64px 24px 96px;text-align:center}@media (min-width: 768px){.NotFound[data-v-f42a693d]{padding:96px 32px 168px}}.code[data-v-f42a693d]{line-height:64px;font-size:64px;font-weight:600}.title[data-v-f42a693d]{padding-top:12px;letter-spacing:2px;line-height:20px;font-size:20px;font-weight:700}.divider[data-v-f42a693d]{margin:24px auto 18px;width:64px;height:1px;background-color:var(--vp-c-divider)}.quote[data-v-f42a693d]{margin:0 auto;max-width:256px;font-size:14px;font-weight:500;color:var(--vp-c-text-2)}.action[data-v-f42a693d]{padding-top:20px}.link[data-v-f42a693d]{display:inline-block;border:1px solid var(--vp-c-brand-1);border-radius:16px;padding:3px 16px;font-size:14px;font-weight:500;color:var(--vp-c-brand-1);transition:border-color .25s,color .25s}.link[data-v-f42a693d]:hover{border-color:var(--vp-c-brand-2);color:var(--vp-c-brand-2)}.root[data-v-0e6901ea]{position:relative;z-index:1}.nested[data-v-0e6901ea]{padding-right:16px;padding-left:16px}.outline-link[data-v-0e6901ea]{display:block;line-height:32px;font-size:14px;font-weight:400;color:var(--vp-c-text-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color .5s}.outline-link[data-v-0e6901ea]:hover,.outline-link.active[data-v-0e6901ea]{color:var(--vp-c-text-1);transition:color .25s}.outline-link.nested[data-v-0e6901ea]{padding-left:13px}.VPDocAsideOutline[data-v-bbcc1483]{display:none}.VPDocAsideOutline.has-outline[data-v-bbcc1483]{display:block}.content[data-v-bbcc1483]{position:relative;border-left:1px solid var(--vp-c-divider);padding-left:16px;font-size:13px;font-weight:500}.outline-marker[data-v-bbcc1483]{position:absolute;top:32px;left:-1px;z-index:0;opacity:0;width:2px;border-radius:2px;height:18px;background-color:var(--vp-c-brand-1);transition:top .25s cubic-bezier(0,1,.5,1),background-color .5s,opacity .25s}.outline-title[data-v-bbcc1483]{line-height:32px;font-size:14px;font-weight:600}.VPDocAside[data-v-97432361]{display:flex;flex-direction:column;flex-grow:1}.spacer[data-v-97432361]{flex-grow:1}.VPDocAside[data-v-97432361] .spacer+.VPDocAsideSponsors,.VPDocAside[data-v-97432361] .spacer+.VPDocAsideCarbonAds{margin-top:24px}.VPDocAside[data-v-97432361] .VPDocAsideSponsors+.VPDocAsideCarbonAds{margin-top:16px}.VPLastUpdated[data-v-ff29ab4e]{line-height:24px;font-size:14px;font-weight:500;color:var(--vp-c-text-2)}@media (min-width: 640px){.VPLastUpdated[data-v-ff29ab4e]{line-height:32px;font-size:14px;font-weight:500}}.VPDocFooter[data-v-136af2a2]{margin-top:64px}.edit-info[data-v-136af2a2]{padding-bottom:18px}@media (min-width: 640px){.edit-info[data-v-136af2a2]{display:flex;justify-content:space-between;align-items:center;padding-bottom:14px}}.edit-link-button[data-v-136af2a2]{display:flex;align-items:center;border:0;line-height:32px;font-size:14px;font-weight:500;color:var(--vp-c-brand-1);transition:color .25s}.edit-link-button[data-v-136af2a2]:hover{color:var(--vp-c-brand-2)}.edit-link-icon[data-v-136af2a2]{margin-right:8px}.prev-next[data-v-136af2a2]{border-top:1px solid var(--vp-c-divider);padding-top:24px;display:grid;grid-row-gap:8px}@media (min-width: 640px){.prev-next[data-v-136af2a2]{grid-template-columns:repeat(2,1fr);grid-column-gap:16px}}.pager-link[data-v-136af2a2]{display:block;border:1px solid var(--vp-c-divider);border-radius:8px;padding:11px 16px 13px;width:100%;height:100%;transition:border-color .25s}.pager-link[data-v-136af2a2]:hover{border-color:var(--vp-c-brand-1)}.pager-link.next[data-v-136af2a2]{margin-left:auto;text-align:right}.desc[data-v-136af2a2]{display:block;line-height:20px;font-size:12px;font-weight:500;color:var(--vp-c-text-2)}.title[data-v-136af2a2]{display:block;line-height:20px;font-size:14px;font-weight:500;color:var(--vp-c-brand-1);transition:color .25s}.VPDoc[data-v-20ca1434]{padding:32px 24px 96px;width:100%}@media (min-width: 768px){.VPDoc[data-v-20ca1434]{padding:48px 32px 128px}}@media (min-width: 960px){.VPDoc[data-v-20ca1434]{padding:48px 32px 0}.VPDoc:not(.has-sidebar) .container[data-v-20ca1434]{display:flex;justify-content:center;max-width:992px}.VPDoc:not(.has-sidebar) .content[data-v-20ca1434]{max-width:752px}}@media (min-width: 1280px){.VPDoc .container[data-v-20ca1434]{display:flex;justify-content:center}.VPDoc .aside[data-v-20ca1434]{display:block}}@media (min-width: 1440px){.VPDoc:not(.has-sidebar) .content[data-v-20ca1434]{max-width:784px}.VPDoc:not(.has-sidebar) .container[data-v-20ca1434]{max-width:1104px}}.container[data-v-20ca1434]{margin:0 auto;width:100%}.aside[data-v-20ca1434]{position:relative;display:none;order:2;flex-grow:1;padding-left:32px;width:100%;max-width:256px}.left-aside[data-v-20ca1434]{order:1;padding-left:unset;padding-right:32px}.aside-container[data-v-20ca1434]{position:fixed;top:0;padding-top:calc(var(--vp-nav-height) + var(--vp-layout-top-height, 0px) + var(--vp-doc-top-height, 0px) + 48px);width:224px;height:100vh;overflow-x:hidden;overflow-y:auto;scrollbar-width:none}.aside-container[data-v-20ca1434]::-webkit-scrollbar{display:none}.aside-curtain[data-v-20ca1434]{position:fixed;bottom:0;z-index:10;width:224px;height:32px;background:linear-gradient(transparent,var(--vp-c-bg) 70%)}.aside-content[data-v-20ca1434]{display:flex;flex-direction:column;min-height:calc(100vh - (var(--vp-nav-height) + var(--vp-layout-top-height, 0px) + 48px));padding-bottom:32px}.content[data-v-20ca1434]{position:relative;margin:0 auto;width:100%}@media (min-width: 960px){.content[data-v-20ca1434]{padding:0 32px 128px}}@media (min-width: 1280px){.content[data-v-20ca1434]{order:1;margin:0;min-width:640px}}.content-container[data-v-20ca1434]{margin:0 auto}.VPDoc.has-aside .content-container[data-v-20ca1434]{max-width:688px}.VPButton[data-v-93d0fda6]{display:inline-block;border:1px solid transparent;text-align:center;font-weight:600;white-space:nowrap;transition:color .25s,border-color .25s,background-color .25s}.VPButton[data-v-93d0fda6]:active{transition:color .1s,border-color .1s,background-color .1s}.VPButton.medium[data-v-93d0fda6]{border-radius:20px;padding:0 20px;line-height:38px;font-size:14px}.VPButton.big[data-v-93d0fda6]{border-radius:24px;padding:0 24px;line-height:46px;font-size:16px}.VPButton.brand[data-v-93d0fda6]{border-color:var(--vp-button-brand-border);color:var(--vp-button-brand-text);background-color:var(--vp-button-brand-bg)}.VPButton.brand[data-v-93d0fda6]:hover{border-color:var(--vp-button-brand-hover-border);color:var(--vp-button-brand-hover-text);background-color:var(--vp-button-brand-hover-bg)}.VPButton.brand[data-v-93d0fda6]:active{border-color:var(--vp-button-brand-active-border);color:var(--vp-button-brand-active-text);background-color:var(--vp-button-brand-active-bg)}.VPButton.alt[data-v-93d0fda6]{border-color:var(--vp-button-alt-border);color:var(--vp-button-alt-text);background-color:var(--vp-button-alt-bg)}.VPButton.alt[data-v-93d0fda6]:hover{border-color:var(--vp-button-alt-hover-border);color:var(--vp-button-alt-hover-text);background-color:var(--vp-button-alt-hover-bg)}.VPButton.alt[data-v-93d0fda6]:active{border-color:var(--vp-button-alt-active-border);color:var(--vp-button-alt-active-text);background-color:var(--vp-button-alt-active-bg)}.VPButton.sponsor[data-v-93d0fda6]{border-color:var(--vp-button-sponsor-border);color:var(--vp-button-sponsor-text);background-color:var(--vp-button-sponsor-bg)}.VPButton.sponsor[data-v-93d0fda6]:hover{border-color:var(--vp-button-sponsor-hover-border);color:var(--vp-button-sponsor-hover-text);background-color:var(--vp-button-sponsor-hover-bg)}.VPButton.sponsor[data-v-93d0fda6]:active{border-color:var(--vp-button-sponsor-active-border);color:var(--vp-button-sponsor-active-text);background-color:var(--vp-button-sponsor-active-bg)}html:not(.dark) .VPImage.dark[data-v-f75a2090]{display:none}.dark .VPImage.light[data-v-f75a2090]{display:none}.VPHero[data-v-280885c2]{margin-top:calc((var(--vp-nav-height) + var(--vp-layout-top-height, 0px)) * -1);padding:calc(var(--vp-nav-height) + var(--vp-layout-top-height, 0px) + 48px) 24px 48px}@media (min-width: 640px){.VPHero[data-v-280885c2]{padding:calc(var(--vp-nav-height) + var(--vp-layout-top-height, 0px) + 80px) 48px 64px}}@media (min-width: 960px){.VPHero[data-v-280885c2]{padding:calc(var(--vp-nav-height) + var(--vp-layout-top-height, 0px) + 80px) 64px 64px}}.container[data-v-280885c2]{display:flex;flex-direction:column;margin:0 auto;max-width:1152px}@media (min-width: 960px){.container[data-v-280885c2]{flex-direction:row}}.main[data-v-280885c2]{position:relative;z-index:10;order:2;flex-grow:1;flex-shrink:0}.VPHero.has-image .container[data-v-280885c2]{text-align:center}@media (min-width: 960px){.VPHero.has-image .container[data-v-280885c2]{text-align:left}}@media (min-width: 960px){.main[data-v-280885c2]{order:1;width:calc((100% / 3) * 2)}.VPHero.has-image .main[data-v-280885c2]{max-width:592px}}.name[data-v-280885c2],.text[data-v-280885c2]{max-width:392px;letter-spacing:-.4px;line-height:40px;font-size:32px;font-weight:700;white-space:pre-wrap}.VPHero.has-image .name[data-v-280885c2],.VPHero.has-image .text[data-v-280885c2]{margin:0 auto}.name[data-v-280885c2]{color:var(--vp-home-hero-name-color)}.clip[data-v-280885c2]{background:var(--vp-home-hero-name-background);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:var(--vp-home-hero-name-color)}@media (min-width: 640px){.name[data-v-280885c2],.text[data-v-280885c2]{max-width:576px;line-height:56px;font-size:48px}}@media (min-width: 960px){.name[data-v-280885c2],.text[data-v-280885c2]{line-height:64px;font-size:56px}.VPHero.has-image .name[data-v-280885c2],.VPHero.has-image .text[data-v-280885c2]{margin:0}}.tagline[data-v-280885c2]{padding-top:8px;max-width:392px;line-height:28px;font-size:18px;font-weight:500;white-space:pre-wrap;color:var(--vp-c-text-2)}.VPHero.has-image .tagline[data-v-280885c2]{margin:0 auto}@media (min-width: 640px){.tagline[data-v-280885c2]{padding-top:12px;max-width:576px;line-height:32px;font-size:20px}}@media (min-width: 960px){.tagline[data-v-280885c2]{line-height:36px;font-size:24px}.VPHero.has-image .tagline[data-v-280885c2]{margin:0}}.actions[data-v-280885c2]{display:flex;flex-wrap:wrap;margin:-6px;padding-top:24px}.VPHero.has-image .actions[data-v-280885c2]{justify-content:center}@media (min-width: 640px){.actions[data-v-280885c2]{padding-top:32px}}@media (min-width: 960px){.VPHero.has-image .actions[data-v-280885c2]{justify-content:flex-start}}.action[data-v-280885c2]{flex-shrink:0;padding:6px}.image[data-v-280885c2]{order:1;margin:-76px -24px -48px}@media (min-width: 640px){.image[data-v-280885c2]{margin:-108px -24px -48px}}@media (min-width: 960px){.image[data-v-280885c2]{flex-grow:1;order:2;margin:0;min-height:100%}}.image-container[data-v-280885c2]{position:relative;margin:0 auto;width:320px;height:320px}@media (min-width: 640px){.image-container[data-v-280885c2]{width:392px;height:392px}}@media (min-width: 960px){.image-container[data-v-280885c2]{display:flex;justify-content:center;align-items:center;width:100%;height:100%;transform:translate(-32px,-32px)}}.image-bg[data-v-280885c2]{position:absolute;top:50%;left:50%;border-radius:50%;width:192px;height:192px;background-image:var(--vp-home-hero-image-background-image);filter:var(--vp-home-hero-image-filter);transform:translate(-50%,-50%)}@media (min-width: 640px){.image-bg[data-v-280885c2]{width:256px;height:256px}}@media (min-width: 960px){.image-bg[data-v-280885c2]{width:320px;height:320px}}[data-v-280885c2] .image-src{position:absolute;top:50%;left:50%;max-width:192px;max-height:192px;transform:translate(-50%,-50%)}@media (min-width: 640px){[data-v-280885c2] .image-src{max-width:256px;max-height:256px}}@media (min-width: 960px){[data-v-280885c2] .image-src{max-width:320px;max-height:320px}}.VPFeature[data-v-2f6b068e]{display:block;border:1px solid var(--vp-c-bg-soft);border-radius:12px;height:100%;background-color:var(--vp-c-bg-soft);transition:border-color .25s,background-color .25s}.VPFeature.link[data-v-2f6b068e]:hover{border-color:var(--vp-c-brand-1)}.box[data-v-2f6b068e]{display:flex;flex-direction:column;padding:24px;height:100%}.box[data-v-2f6b068e]>.VPImage{margin-bottom:20px}.icon[data-v-2f6b068e]{display:flex;justify-content:center;align-items:center;margin-bottom:20px;border-radius:6px;background-color:var(--vp-c-default-soft);width:48px;height:48px;font-size:24px;transition:background-color .25s}.title[data-v-2f6b068e]{line-height:24px;font-size:16px;font-weight:600}.details[data-v-2f6b068e]{flex-grow:1;padding-top:8px;line-height:24px;font-size:14px;font-weight:500;color:var(--vp-c-text-2)}.link-text[data-v-2f6b068e]{padding-top:8px}.link-text-value[data-v-2f6b068e]{display:flex;align-items:center;font-size:14px;font-weight:500;color:var(--vp-c-brand-1)}.link-text-icon[data-v-2f6b068e]{margin-left:6px}.VPFeatures[data-v-829c1877]{position:relative;padding:0 24px}@media (min-width: 640px){.VPFeatures[data-v-829c1877]{padding:0 48px}}@media (min-width: 960px){.VPFeatures[data-v-829c1877]{padding:0 64px}}.container[data-v-829c1877]{margin:0 auto;max-width:1152px}.items[data-v-829c1877]{display:flex;flex-wrap:wrap;margin:-8px}.item[data-v-829c1877]{padding:8px;width:100%}@media (min-width: 640px){.item.grid-2[data-v-829c1877],.item.grid-4[data-v-829c1877],.item.grid-6[data-v-829c1877]{width:50%}}@media (min-width: 768px){.item.grid-2[data-v-829c1877],.item.grid-4[data-v-829c1877]{width:50%}.item.grid-3[data-v-829c1877],.item.grid-6[data-v-829c1877]{width:calc(100% / 3)}}@media (min-width: 960px){.item.grid-4[data-v-829c1877]{width:25%}}.container[data-v-969f3bdf]{margin:auto;width:100%;max-width:1280px;padding:0 24px}@media (min-width: 640px){.container[data-v-969f3bdf]{padding:0 48px}}@media (min-width: 960px){.container[data-v-969f3bdf]{width:100%;padding:0 64px}}.vp-doc[data-v-969f3bdf] .VPHomeSponsors,.vp-doc[data-v-969f3bdf] .VPTeamPage{margin-left:var(--vp-offset, calc(50% - 50vw) );margin-right:var(--vp-offset, calc(50% - 50vw) )}.vp-doc[data-v-969f3bdf] .VPHomeSponsors h2{border-top:none;letter-spacing:normal}.vp-doc[data-v-969f3bdf] .VPHomeSponsors a,.vp-doc[data-v-969f3bdf] .VPTeamPage a{text-decoration:none}.VPHome[data-v-165aac84]{margin-bottom:96px}@media (min-width: 768px){.VPHome[data-v-165aac84]{margin-bottom:128px}}.VPContent[data-v-29a423f7]{flex-grow:1;flex-shrink:0;margin:var(--vp-layout-top-height, 0px) auto 0;width:100%}.VPContent.is-home[data-v-29a423f7]{width:100%;max-width:100%}.VPContent.has-sidebar[data-v-29a423f7]{margin:0}@media (min-width: 960px){.VPContent[data-v-29a423f7]{padding-top:var(--vp-nav-height)}.VPContent.has-sidebar[data-v-29a423f7]{margin:var(--vp-layout-top-height, 0px) 0 0;padding-left:var(--vp-sidebar-width)}}@media (min-width: 1440px){.VPContent.has-sidebar[data-v-29a423f7]{padding-right:calc((100vw - var(--vp-layout-max-width)) / 2);padding-left:calc((100vw - var(--vp-layout-max-width)) / 2 + var(--vp-sidebar-width))}}.VPFooter[data-v-da092520]{position:relative;z-index:var(--vp-z-index-footer);border-top:1px solid var(--vp-c-gutter);padding:32px 24px;background-color:var(--vp-c-bg)}.VPFooter.has-sidebar[data-v-da092520]{display:none}.VPFooter[data-v-da092520] a{text-decoration-line:underline;text-underline-offset:2px;transition:color .25s}.VPFooter[data-v-da092520] a:hover{color:var(--vp-c-text-1)}@media (min-width: 768px){.VPFooter[data-v-da092520]{padding:32px}}.container[data-v-da092520]{margin:0 auto;max-width:var(--vp-layout-max-width);text-align:center}.message[data-v-da092520],.copyright[data-v-da092520]{line-height:24px;font-size:14px;font-weight:500;color:var(--vp-c-text-2)}.VPLocalNavOutlineDropdown[data-v-48697cd3]{padding:12px 20px 11px}@media (min-width: 960px){.VPLocalNavOutlineDropdown[data-v-48697cd3]{padding:12px 36px 11px}}.VPLocalNavOutlineDropdown button[data-v-48697cd3]{display:block;font-size:12px;font-weight:500;line-height:24px;color:var(--vp-c-text-2);transition:color .5s;position:relative}.VPLocalNavOutlineDropdown button[data-v-48697cd3]:hover{color:var(--vp-c-text-1);transition:color .25s}.VPLocalNavOutlineDropdown button.open[data-v-48697cd3]{color:var(--vp-c-text-1)}.icon[data-v-48697cd3]{display:inline-block;vertical-align:middle;margin-left:2px;font-size:14px;transform:rotate(0);transition:transform .25s}@media (min-width: 960px){.VPLocalNavOutlineDropdown button[data-v-48697cd3]{font-size:14px}.icon[data-v-48697cd3]{font-size:16px}}.open>.icon[data-v-48697cd3]{transform:rotate(90deg)}.items[data-v-48697cd3]{position:absolute;top:40px;right:16px;left:16px;display:grid;gap:1px;border:1px solid var(--vp-c-border);border-radius:8px;background-color:var(--vp-c-gutter);max-height:calc(var(--vp-vh, 100vh) - 86px);overflow:hidden auto;box-shadow:var(--vp-shadow-3)}@media (min-width: 960px){.items[data-v-48697cd3]{right:auto;left:calc(var(--vp-sidebar-width) + 32px);width:320px}}.header[data-v-48697cd3]{background-color:var(--vp-c-bg-soft)}.top-link[data-v-48697cd3]{display:block;padding:0 16px;line-height:48px;font-size:14px;font-weight:500;color:var(--vp-c-brand-1)}.outline[data-v-48697cd3]{padding:8px 0;background-color:var(--vp-c-bg-soft)}.flyout-enter-active[data-v-48697cd3]{transition:all .2s ease-out}.flyout-leave-active[data-v-48697cd3]{transition:all .15s ease-in}.flyout-enter-from[data-v-48697cd3],.flyout-leave-to[data-v-48697cd3]{opacity:0;transform:translateY(-16px)}.VPLocalNav[data-v-b8659afc]{position:sticky;top:0;left:0;z-index:var(--vp-z-index-local-nav);border-bottom:1px solid var(--vp-c-gutter);padding-top:var(--vp-layout-top-height, 0px);width:100%;background-color:var(--vp-local-nav-bg-color)}.VPLocalNav.fixed[data-v-b8659afc]{position:fixed}@media (min-width: 960px){.VPLocalNav[data-v-b8659afc]{top:var(--vp-nav-height)}.VPLocalNav.has-sidebar[data-v-b8659afc]{padding-left:var(--vp-sidebar-width)}.VPLocalNav.empty[data-v-b8659afc]{display:none}}@media (min-width: 1280px){.VPLocalNav[data-v-b8659afc]{display:none}}@media (min-width: 1440px){.VPLocalNav.has-sidebar[data-v-b8659afc]{padding-left:calc((100vw - var(--vp-layout-max-width)) / 2 + var(--vp-sidebar-width))}}.container[data-v-b8659afc]{display:flex;justify-content:space-between;align-items:center}.menu[data-v-b8659afc]{display:flex;align-items:center;padding:12px 24px 11px;line-height:24px;font-size:12px;font-weight:500;color:var(--vp-c-text-2);transition:color .5s}.menu[data-v-b8659afc]:hover{color:var(--vp-c-text-1);transition:color .25s}@media (min-width: 768px){.menu[data-v-b8659afc]{padding:0 32px}}@media (min-width: 960px){.menu[data-v-b8659afc]{display:none}}.menu-icon[data-v-b8659afc]{margin-right:8px;font-size:14px}.VPOutlineDropdown[data-v-b8659afc]{padding:12px 24px 11px}@media (min-width: 768px){.VPOutlineDropdown[data-v-b8659afc]{padding:12px 32px 11px}}.VPSwitch[data-v-de19d019]{position:relative;border-radius:11px;display:block;width:40px;height:22px;flex-shrink:0;border:1px solid var(--vp-input-border-color);background-color:var(--vp-input-switch-bg-color);transition:border-color .25s!important}.VPSwitch[data-v-de19d019]:hover{border-color:var(--vp-c-brand-1)}.check[data-v-de19d019]{position:absolute;top:1px;left:1px;width:18px;height:18px;border-radius:50%;background-color:var(--vp-c-neutral-inverse);box-shadow:var(--vp-shadow-1);transition:transform .25s!important}.icon[data-v-de19d019]{position:relative;display:block;width:18px;height:18px;border-radius:50%;overflow:hidden}.icon[data-v-de19d019] [class^=vpi-]{position:absolute;top:3px;left:3px;width:12px;height:12px;color:var(--vp-c-text-2)}.dark .icon[data-v-de19d019] [class^=vpi-]{color:var(--vp-c-text-1);transition:opacity .25s!important}.sun[data-v-bba216ed]{opacity:1}.moon[data-v-bba216ed],.dark .sun[data-v-bba216ed]{opacity:0}.dark .moon[data-v-bba216ed]{opacity:1}.dark .VPSwitchAppearance[data-v-bba216ed] .check{transform:translate(18px)}.VPNavBarAppearance[data-v-d3bad0d7]{display:none}@media (min-width: 1280px){.VPNavBarAppearance[data-v-d3bad0d7]{display:flex;align-items:center}}.VPMenuGroup+.VPMenuLink[data-v-b20b9da5]{margin:12px -12px 0;border-top:1px solid var(--vp-c-divider);padding:12px 12px 0}.link[data-v-b20b9da5]{display:block;border-radius:6px;padding:0 12px;line-height:32px;font-size:14px;font-weight:500;color:var(--vp-c-text-1);white-space:nowrap;transition:background-color .25s,color .25s}.link[data-v-b20b9da5]:hover{color:var(--vp-c-brand-1);background-color:var(--vp-c-default-soft)}.link.active[data-v-b20b9da5]{color:var(--vp-c-brand-1)}.VPMenuGroup[data-v-8c2c33d3]{margin:12px -12px 0;border-top:1px solid var(--vp-c-divider);padding:12px 12px 0}.VPMenuGroup[data-v-8c2c33d3]:first-child{margin-top:0;border-top:0;padding-top:0}.VPMenuGroup+.VPMenuGroup[data-v-8c2c33d3]{margin-top:12px;border-top:1px solid var(--vp-c-divider)}.title[data-v-8c2c33d3]{padding:0 12px;line-height:32px;font-size:14px;font-weight:600;color:var(--vp-c-text-2);white-space:nowrap;transition:color .25s}.VPMenu[data-v-82c919d4]{border-radius:12px;padding:12px;min-width:128px;border:1px solid var(--vp-c-divider);background-color:var(--vp-c-bg-elv);box-shadow:var(--vp-shadow-3);transition:background-color .5s;max-height:calc(100vh - var(--vp-nav-height));overflow-y:auto}.VPMenu[data-v-82c919d4] .group{margin:0 -12px;padding:0 12px 12px}.VPMenu[data-v-82c919d4] .group+.group{border-top:1px solid var(--vp-c-divider);padding:11px 12px 12px}.VPMenu[data-v-82c919d4] .group:last-child{padding-bottom:0}.VPMenu[data-v-82c919d4] .group+.item{border-top:1px solid var(--vp-c-divider);padding:11px 16px 0}.VPMenu[data-v-82c919d4] .item{padding:0 16px;white-space:nowrap}.VPMenu[data-v-82c919d4] .label{flex-grow:1;line-height:28px;font-size:12px;font-weight:500;color:var(--vp-c-text-2);transition:color .5s}.VPMenu[data-v-82c919d4] .action{padding-left:24px}.VPFlyout[data-v-847f3639]{position:relative}.VPFlyout[data-v-847f3639]:hover{color:var(--vp-c-brand-1);transition:color .25s}.VPFlyout:hover .text[data-v-847f3639]{color:var(--vp-c-text-2)}.VPFlyout:hover .icon[data-v-847f3639]{fill:var(--vp-c-text-2)}.VPFlyout.active .text[data-v-847f3639]{color:var(--vp-c-brand-1)}.VPFlyout.active:hover .text[data-v-847f3639]{color:var(--vp-c-brand-2)}.VPFlyout:hover .menu[data-v-847f3639],.button[aria-expanded=true]+.menu[data-v-847f3639]{opacity:1;visibility:visible;transform:translateY(0)}.button[aria-expanded=false]+.menu[data-v-847f3639]{opacity:0;visibility:hidden;transform:translateY(0)}.button[data-v-847f3639]{display:flex;align-items:center;padding:0 12px;height:var(--vp-nav-height);color:var(--vp-c-text-1);transition:color .5s}.text[data-v-847f3639]{display:flex;align-items:center;line-height:var(--vp-nav-height);font-size:14px;font-weight:500;color:var(--vp-c-text-1);transition:color .25s}.option-icon[data-v-847f3639]{margin-right:0;font-size:16px}.text-icon[data-v-847f3639]{margin-left:4px;font-size:14px}.icon[data-v-847f3639]{font-size:20px;transition:fill .25s}.menu[data-v-847f3639]{position:absolute;top:calc(var(--vp-nav-height) / 2 + 20px);right:0;opacity:0;visibility:hidden;transition:opacity .25s,visibility .25s,transform .25s}.VPSocialLink[data-v-c4449606]{display:flex;justify-content:center;align-items:center;width:36px;height:36px;color:var(--vp-c-text-2);transition:color .5s}.VPSocialLink[data-v-c4449606]:hover{color:var(--vp-c-text-1);transition:color .25s}.VPSocialLink[data-v-c4449606]>svg,.VPSocialLink[data-v-c4449606]>[class^=vpi-social-]{width:20px;height:20px;fill:currentColor}.VPSocialLinks[data-v-93f09163]{display:flex;justify-content:center}.VPNavBarExtra[data-v-12462735]{display:none;margin-right:-12px}@media (min-width: 768px){.VPNavBarExtra[data-v-12462735]{display:block}}@media (min-width: 1280px){.VPNavBarExtra[data-v-12462735]{display:none}}.trans-title[data-v-12462735]{padding:0 24px 0 12px;line-height:32px;font-size:14px;font-weight:700;color:var(--vp-c-text-1)}.item.appearance[data-v-12462735],.item.social-links[data-v-12462735]{display:flex;align-items:center;padding:0 12px}.item.appearance[data-v-12462735]{min-width:176px}.appearance-action[data-v-12462735]{margin-right:-2px}.social-links-list[data-v-12462735]{margin:-4px -8px}.VPNavBarHamburger[data-v-0f2ed911]{display:flex;justify-content:center;align-items:center;width:48px;height:var(--vp-nav-height)}@media (min-width: 768px){.VPNavBarHamburger[data-v-0f2ed911]{display:none}}.container[data-v-0f2ed911]{position:relative;width:16px;height:14px;overflow:hidden}.VPNavBarHamburger:hover .top[data-v-0f2ed911]{top:0;left:0;transform:translate(4px)}.VPNavBarHamburger:hover .middle[data-v-0f2ed911]{top:6px;left:0;transform:translate(0)}.VPNavBarHamburger:hover .bottom[data-v-0f2ed911]{top:12px;left:0;transform:translate(8px)}.VPNavBarHamburger.active .top[data-v-0f2ed911]{top:6px;transform:translate(0) rotate(225deg)}.VPNavBarHamburger.active .middle[data-v-0f2ed911]{top:6px;transform:translate(16px)}.VPNavBarHamburger.active .bottom[data-v-0f2ed911]{top:6px;transform:translate(0) rotate(135deg)}.VPNavBarHamburger.active:hover .top[data-v-0f2ed911],.VPNavBarHamburger.active:hover .middle[data-v-0f2ed911],.VPNavBarHamburger.active:hover .bottom[data-v-0f2ed911]{background-color:var(--vp-c-text-2);transition:top .25s,background-color .25s,transform .25s}.top[data-v-0f2ed911],.middle[data-v-0f2ed911],.bottom[data-v-0f2ed911]{position:absolute;width:16px;height:2px;background-color:var(--vp-c-text-1);transition:top .25s,background-color .5s,transform .25s}.top[data-v-0f2ed911]{top:0;left:0;transform:translate(0)}.middle[data-v-0f2ed911]{top:6px;left:0;transform:translate(8px)}.bottom[data-v-0f2ed911]{top:12px;left:0;transform:translate(4px)}.VPNavBarMenuLink[data-v-8839dcde]{display:flex;align-items:center;padding:0 12px;line-height:var(--vp-nav-height);font-size:14px;font-weight:500;color:var(--vp-c-text-1);transition:color .25s}.VPNavBarMenuLink.active[data-v-8839dcde],.VPNavBarMenuLink[data-v-8839dcde]:hover{color:var(--vp-c-brand-1)}.VPNavBarMenu[data-v-3485cb76]{display:none}@media (min-width: 768px){.VPNavBarMenu[data-v-3485cb76]{display:flex}}/*! @docsearch/css 3.6.0 | MIT License | © Algolia, Inc. and contributors | https://docsearch.algolia.com */:root{--docsearch-primary-color:#5468ff;--docsearch-text-color:#1c1e21;--docsearch-spacing:12px;--docsearch-icon-stroke-width:1.4;--docsearch-highlight-color:var(--docsearch-primary-color);--docsearch-muted-color:#969faf;--docsearch-container-background:rgba(101,108,133,.8);--docsearch-logo-color:#5468ff;--docsearch-modal-width:560px;--docsearch-modal-height:600px;--docsearch-modal-background:#f5f6f7;--docsearch-modal-shadow:inset 1px 1px 0 0 hsla(0,0%,100%,.5),0 3px 8px 0 #555a64;--docsearch-searchbox-height:56px;--docsearch-searchbox-background:#ebedf0;--docsearch-searchbox-focus-background:#fff;--docsearch-searchbox-shadow:inset 0 0 0 2px var(--docsearch-primary-color);--docsearch-hit-height:56px;--docsearch-hit-color:#444950;--docsearch-hit-active-color:#fff;--docsearch-hit-background:#fff;--docsearch-hit-shadow:0 1px 3px 0 #d4d9e1;--docsearch-key-gradient:linear-gradient(-225deg,#d5dbe4,#f8f8f8);--docsearch-key-shadow:inset 0 -2px 0 0 #cdcde6,inset 0 0 1px 1px #fff,0 1px 2px 1px rgba(30,35,90,.4);--docsearch-key-pressed-shadow:inset 0 -2px 0 0 #cdcde6,inset 0 0 1px 1px #fff,0 1px 1px 0 rgba(30,35,90,.4);--docsearch-footer-height:44px;--docsearch-footer-background:#fff;--docsearch-footer-shadow:0 -1px 0 0 #e0e3e8,0 -3px 6px 0 rgba(69,98,155,.12)}html[data-theme=dark]{--docsearch-text-color:#f5f6f7;--docsearch-container-background:rgba(9,10,17,.8);--docsearch-modal-background:#15172a;--docsearch-modal-shadow:inset 1px 1px 0 0 #2c2e40,0 3px 8px 0 #000309;--docsearch-searchbox-background:#090a11;--docsearch-searchbox-focus-background:#000;--docsearch-hit-color:#bec3c9;--docsearch-hit-shadow:none;--docsearch-hit-background:#090a11;--docsearch-key-gradient:linear-gradient(-26.5deg,#565872,#31355b);--docsearch-key-shadow:inset 0 -2px 0 0 #282d55,inset 0 0 1px 1px #51577d,0 2px 2px 0 rgba(3,4,9,.3);--docsearch-key-pressed-shadow:inset 0 -2px 0 0 #282d55,inset 0 0 1px 1px #51577d,0 1px 1px 0 rgba(3,4,9,.30196078431372547);--docsearch-footer-background:#1e2136;--docsearch-footer-shadow:inset 0 1px 0 0 rgba(73,76,106,.5),0 -4px 8px 0 rgba(0,0,0,.2);--docsearch-logo-color:#fff;--docsearch-muted-color:#7f8497}.DocSearch-Button{align-items:center;background:var(--docsearch-searchbox-background);border:0;border-radius:40px;color:var(--docsearch-muted-color);cursor:pointer;display:flex;font-weight:500;height:36px;justify-content:space-between;margin:0 0 0 16px;padding:0 8px;-webkit-user-select:none;user-select:none}.DocSearch-Button:active,.DocSearch-Button:focus,.DocSearch-Button:hover{background:var(--docsearch-searchbox-focus-background);box-shadow:var(--docsearch-searchbox-shadow);color:var(--docsearch-text-color);outline:none}.DocSearch-Button-Container{align-items:center;display:flex}.DocSearch-Search-Icon{stroke-width:1.6}.DocSearch-Button .DocSearch-Search-Icon{color:var(--docsearch-text-color)}.DocSearch-Button-Placeholder{font-size:1rem;padding:0 12px 0 6px}.DocSearch-Button-Keys{display:flex;min-width:calc(40px + .8em)}.DocSearch-Button-Key{align-items:center;background:var(--docsearch-key-gradient);border-radius:3px;box-shadow:var(--docsearch-key-shadow);color:var(--docsearch-muted-color);display:flex;height:18px;justify-content:center;margin-right:.4em;position:relative;padding:0 0 2px;border:0;top:-1px;width:20px}.DocSearch-Button-Key--pressed{transform:translate3d(0,1px,0);box-shadow:var(--docsearch-key-pressed-shadow)}@media (max-width:768px){.DocSearch-Button-Keys,.DocSearch-Button-Placeholder{display:none}}.DocSearch--active{overflow:hidden!important}.DocSearch-Container,.DocSearch-Container *{box-sizing:border-box}.DocSearch-Container{background-color:var(--docsearch-container-background);height:100vh;left:0;position:fixed;top:0;width:100vw;z-index:200}.DocSearch-Container a{text-decoration:none}.DocSearch-Link{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:0;color:var(--docsearch-highlight-color);cursor:pointer;font:inherit;margin:0;padding:0}.DocSearch-Modal{background:var(--docsearch-modal-background);border-radius:6px;box-shadow:var(--docsearch-modal-shadow);flex-direction:column;margin:60px auto auto;max-width:var(--docsearch-modal-width);position:relative}.DocSearch-SearchBar{display:flex;padding:var(--docsearch-spacing) var(--docsearch-spacing) 0}.DocSearch-Form{align-items:center;background:var(--docsearch-searchbox-focus-background);border-radius:4px;box-shadow:var(--docsearch-searchbox-shadow);display:flex;height:var(--docsearch-searchbox-height);margin:0;padding:0 var(--docsearch-spacing);position:relative;width:100%}.DocSearch-Input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:0;color:var(--docsearch-text-color);flex:1;font:inherit;font-size:1.2em;height:100%;outline:none;padding:0 0 0 8px;width:80%}.DocSearch-Input::placeholder{color:var(--docsearch-muted-color);opacity:1}.DocSearch-Input::-webkit-search-cancel-button,.DocSearch-Input::-webkit-search-decoration,.DocSearch-Input::-webkit-search-results-button,.DocSearch-Input::-webkit-search-results-decoration{display:none}.DocSearch-LoadingIndicator,.DocSearch-MagnifierLabel,.DocSearch-Reset{margin:0;padding:0}.DocSearch-MagnifierLabel,.DocSearch-Reset{align-items:center;color:var(--docsearch-highlight-color);display:flex;justify-content:center}.DocSearch-Container--Stalled .DocSearch-MagnifierLabel,.DocSearch-LoadingIndicator{display:none}.DocSearch-Container--Stalled .DocSearch-LoadingIndicator{align-items:center;color:var(--docsearch-highlight-color);display:flex;justify-content:center}@media screen and (prefers-reduced-motion:reduce){.DocSearch-Reset{animation:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:0;border-radius:50%;color:var(--docsearch-icon-color);cursor:pointer;right:0;stroke-width:var(--docsearch-icon-stroke-width)}}.DocSearch-Reset{animation:fade-in .1s ease-in forwards;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:0;border-radius:50%;color:var(--docsearch-icon-color);cursor:pointer;padding:2px;right:0;stroke-width:var(--docsearch-icon-stroke-width)}.DocSearch-Reset[hidden]{display:none}.DocSearch-Reset:hover{color:var(--docsearch-highlight-color)}.DocSearch-LoadingIndicator svg,.DocSearch-MagnifierLabel svg{height:24px;width:24px}.DocSearch-Cancel{display:none}.DocSearch-Dropdown{max-height:calc(var(--docsearch-modal-height) - var(--docsearch-searchbox-height) - var(--docsearch-spacing) - var(--docsearch-footer-height));min-height:var(--docsearch-spacing);overflow-y:auto;overflow-y:overlay;padding:0 var(--docsearch-spacing);scrollbar-color:var(--docsearch-muted-color) var(--docsearch-modal-background);scrollbar-width:thin}.DocSearch-Dropdown::-webkit-scrollbar{width:12px}.DocSearch-Dropdown::-webkit-scrollbar-track{background:transparent}.DocSearch-Dropdown::-webkit-scrollbar-thumb{background-color:var(--docsearch-muted-color);border:3px solid var(--docsearch-modal-background);border-radius:20px}.DocSearch-Dropdown ul{list-style:none;margin:0;padding:0}.DocSearch-Label{font-size:.75em;line-height:1.6em}.DocSearch-Help,.DocSearch-Label{color:var(--docsearch-muted-color)}.DocSearch-Help{font-size:.9em;margin:0;-webkit-user-select:none;user-select:none}.DocSearch-Title{font-size:1.2em}.DocSearch-Logo a{display:flex}.DocSearch-Logo svg{color:var(--docsearch-logo-color);margin-left:8px}.DocSearch-Hits:last-of-type{margin-bottom:24px}.DocSearch-Hits mark{background:none;color:var(--docsearch-highlight-color)}.DocSearch-HitsFooter{color:var(--docsearch-muted-color);display:flex;font-size:.85em;justify-content:center;margin-bottom:var(--docsearch-spacing);padding:var(--docsearch-spacing)}.DocSearch-HitsFooter a{border-bottom:1px solid;color:inherit}.DocSearch-Hit{border-radius:4px;display:flex;padding-bottom:4px;position:relative}@media screen and (prefers-reduced-motion:reduce){.DocSearch-Hit--deleting{transition:none}}.DocSearch-Hit--deleting{opacity:0;transition:all .25s linear}@media screen and (prefers-reduced-motion:reduce){.DocSearch-Hit--favoriting{transition:none}}.DocSearch-Hit--favoriting{transform:scale(0);transform-origin:top center;transition:all .25s linear;transition-delay:.25s}.DocSearch-Hit a{background:var(--docsearch-hit-background);border-radius:4px;box-shadow:var(--docsearch-hit-shadow);display:block;padding-left:var(--docsearch-spacing);width:100%}.DocSearch-Hit-source{background:var(--docsearch-modal-background);color:var(--docsearch-highlight-color);font-size:.85em;font-weight:600;line-height:32px;margin:0 -4px;padding:8px 4px 0;position:sticky;top:0;z-index:10}.DocSearch-Hit-Tree{color:var(--docsearch-muted-color);height:var(--docsearch-hit-height);opacity:.5;stroke-width:var(--docsearch-icon-stroke-width);width:24px}.DocSearch-Hit[aria-selected=true] a{background-color:var(--docsearch-highlight-color)}.DocSearch-Hit[aria-selected=true] mark{text-decoration:underline}.DocSearch-Hit-Container{align-items:center;color:var(--docsearch-hit-color);display:flex;flex-direction:row;height:var(--docsearch-hit-height);padding:0 var(--docsearch-spacing) 0 0}.DocSearch-Hit-icon{height:20px;width:20px}.DocSearch-Hit-action,.DocSearch-Hit-icon{color:var(--docsearch-muted-color);stroke-width:var(--docsearch-icon-stroke-width)}.DocSearch-Hit-action{align-items:center;display:flex;height:22px;width:22px}.DocSearch-Hit-action svg{display:block;height:18px;width:18px}.DocSearch-Hit-action+.DocSearch-Hit-action{margin-left:6px}.DocSearch-Hit-action-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:0;border-radius:50%;color:inherit;cursor:pointer;padding:2px}svg.DocSearch-Hit-Select-Icon{display:none}.DocSearch-Hit[aria-selected=true] .DocSearch-Hit-Select-Icon{display:block}.DocSearch-Hit-action-button:focus,.DocSearch-Hit-action-button:hover{background:#0003;transition:background-color .1s ease-in}@media screen and (prefers-reduced-motion:reduce){.DocSearch-Hit-action-button:focus,.DocSearch-Hit-action-button:hover{transition:none}}.DocSearch-Hit-action-button:focus path,.DocSearch-Hit-action-button:hover path{fill:#fff}.DocSearch-Hit-content-wrapper{display:flex;flex:1 1 auto;flex-direction:column;font-weight:500;justify-content:center;line-height:1.2em;margin:0 8px;overflow-x:hidden;position:relative;text-overflow:ellipsis;white-space:nowrap;width:80%}.DocSearch-Hit-title{font-size:.9em}.DocSearch-Hit-path{color:var(--docsearch-muted-color);font-size:.75em}.DocSearch-Hit[aria-selected=true] .DocSearch-Hit-action,.DocSearch-Hit[aria-selected=true] .DocSearch-Hit-icon,.DocSearch-Hit[aria-selected=true] .DocSearch-Hit-path,.DocSearch-Hit[aria-selected=true] .DocSearch-Hit-text,.DocSearch-Hit[aria-selected=true] .DocSearch-Hit-title,.DocSearch-Hit[aria-selected=true] .DocSearch-Hit-Tree,.DocSearch-Hit[aria-selected=true] mark{color:var(--docsearch-hit-active-color)!important}@media screen and (prefers-reduced-motion:reduce){.DocSearch-Hit-action-button:focus,.DocSearch-Hit-action-button:hover{background:#0003;transition:none}}.DocSearch-ErrorScreen,.DocSearch-NoResults,.DocSearch-StartScreen{font-size:.9em;margin:0 auto;padding:36px 0;text-align:center;width:80%}.DocSearch-Screen-Icon{color:var(--docsearch-muted-color);padding-bottom:12px}.DocSearch-NoResults-Prefill-List{display:inline-block;padding-bottom:24px;text-align:left}.DocSearch-NoResults-Prefill-List ul{display:inline-block;padding:8px 0 0}.DocSearch-NoResults-Prefill-List li{list-style-position:inside;list-style-type:"» "}.DocSearch-Prefill{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:0;border-radius:1em;color:var(--docsearch-highlight-color);cursor:pointer;display:inline-block;font-size:1em;font-weight:700;padding:0}.DocSearch-Prefill:focus,.DocSearch-Prefill:hover{outline:none;text-decoration:underline}.DocSearch-Footer{align-items:center;background:var(--docsearch-footer-background);border-radius:0 0 8px 8px;box-shadow:var(--docsearch-footer-shadow);display:flex;flex-direction:row-reverse;flex-shrink:0;height:var(--docsearch-footer-height);justify-content:space-between;padding:0 var(--docsearch-spacing);position:relative;-webkit-user-select:none;user-select:none;width:100%;z-index:300}.DocSearch-Commands{color:var(--docsearch-muted-color);display:flex;list-style:none;margin:0;padding:0}.DocSearch-Commands li{align-items:center;display:flex}.DocSearch-Commands li:not(:last-of-type){margin-right:.8em}.DocSearch-Commands-Key{align-items:center;background:var(--docsearch-key-gradient);border-radius:2px;box-shadow:var(--docsearch-key-shadow);display:flex;height:18px;justify-content:center;margin-right:.4em;padding:0 0 1px;color:var(--docsearch-muted-color);border:0;width:20px}.DocSearch-VisuallyHiddenForAccessibility{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}@media (max-width:768px){:root{--docsearch-spacing:10px;--docsearch-footer-height:40px}.DocSearch-Dropdown{height:100%}.DocSearch-Container{height:100vh;height:-webkit-fill-available;height:calc(var(--docsearch-vh, 1vh)*100);position:absolute}.DocSearch-Footer{border-radius:0;bottom:0;position:absolute}.DocSearch-Hit-content-wrapper{display:flex;position:relative;width:80%}.DocSearch-Modal{border-radius:0;box-shadow:none;height:100vh;height:-webkit-fill-available;height:calc(var(--docsearch-vh, 1vh)*100);margin:0;max-width:100%;width:100%}.DocSearch-Dropdown{max-height:calc(var(--docsearch-vh, 1vh)*100 - var(--docsearch-searchbox-height) - var(--docsearch-spacing) - var(--docsearch-footer-height))}.DocSearch-Cancel{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:0;color:var(--docsearch-highlight-color);cursor:pointer;display:inline-block;flex:none;font:inherit;font-size:1em;font-weight:500;margin-left:var(--docsearch-spacing);outline:none;overflow:hidden;padding:0;-webkit-user-select:none;user-select:none;white-space:nowrap}.DocSearch-Commands,.DocSearch-Hit-Tree{display:none}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}[class*=DocSearch]{--docsearch-primary-color: var(--vp-c-brand-1);--docsearch-highlight-color: var(--docsearch-primary-color);--docsearch-text-color: var(--vp-c-text-1);--docsearch-muted-color: var(--vp-c-text-2);--docsearch-searchbox-shadow: none;--docsearch-searchbox-background: transparent;--docsearch-searchbox-focus-background: transparent;--docsearch-key-gradient: transparent;--docsearch-key-shadow: none;--docsearch-modal-background: var(--vp-c-bg-soft);--docsearch-footer-background: var(--vp-c-bg)}.dark [class*=DocSearch]{--docsearch-modal-shadow: none;--docsearch-footer-shadow: none;--docsearch-logo-color: var(--vp-c-text-2);--docsearch-hit-background: var(--vp-c-default-soft);--docsearch-hit-color: var(--vp-c-text-2);--docsearch-hit-shadow: none}.DocSearch-Button{display:flex;justify-content:center;align-items:center;margin:0;padding:0;width:48px;height:55px;background:transparent;transition:border-color .25s}.DocSearch-Button:hover{background:transparent}.DocSearch-Button:focus{outline:1px dotted;outline:5px auto -webkit-focus-ring-color}.DocSearch-Button-Key--pressed{transform:none;box-shadow:none}.DocSearch-Button:focus:not(:focus-visible){outline:none!important}@media (min-width: 768px){.DocSearch-Button{justify-content:flex-start;border:1px solid transparent;border-radius:8px;padding:0 10px 0 12px;width:100%;height:40px;background-color:var(--vp-c-bg-alt)}.DocSearch-Button:hover{border-color:var(--vp-c-brand-1);background:var(--vp-c-bg-alt)}}.DocSearch-Button .DocSearch-Button-Container{display:flex;align-items:center}.DocSearch-Button .DocSearch-Search-Icon{position:relative;width:16px;height:16px;color:var(--vp-c-text-1);fill:currentColor;transition:color .5s}.DocSearch-Button:hover .DocSearch-Search-Icon{color:var(--vp-c-text-1)}@media (min-width: 768px){.DocSearch-Button .DocSearch-Search-Icon{top:1px;margin-right:8px;width:14px;height:14px;color:var(--vp-c-text-2)}}.DocSearch-Button .DocSearch-Button-Placeholder{display:none;margin-top:2px;padding:0 16px 0 0;font-size:13px;font-weight:500;color:var(--vp-c-text-2);transition:color .5s}.DocSearch-Button:hover .DocSearch-Button-Placeholder{color:var(--vp-c-text-1)}@media (min-width: 768px){.DocSearch-Button .DocSearch-Button-Placeholder{display:inline-block}}.DocSearch-Button .DocSearch-Button-Keys{direction:ltr;display:none;min-width:auto}@media (min-width: 768px){.DocSearch-Button .DocSearch-Button-Keys{display:flex;align-items:center}}.DocSearch-Button .DocSearch-Button-Key{display:block;margin:2px 0 0;border:1px solid var(--vp-c-divider);border-right:none;border-radius:4px 0 0 4px;padding-left:6px;min-width:0;width:auto;height:22px;line-height:22px;font-family:var(--vp-font-family-base);font-size:12px;font-weight:500;transition:color .5s,border-color .5s}.DocSearch-Button .DocSearch-Button-Key+.DocSearch-Button-Key{border-right:1px solid var(--vp-c-divider);border-left:none;border-radius:0 4px 4px 0;padding-left:2px;padding-right:6px}.DocSearch-Button .DocSearch-Button-Key:first-child{font-size:0!important}.DocSearch-Button .DocSearch-Button-Key:first-child:after{content:"Ctrl";font-size:12px;letter-spacing:normal;color:var(--docsearch-muted-color)}.mac .DocSearch-Button .DocSearch-Button-Key:first-child:after{content:"⌘"}.DocSearch-Button .DocSearch-Button-Key:first-child>*{display:none}.DocSearch-Search-Icon{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' stroke-width='1.6' viewBox='0 0 20 20'%3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' d='m14.386 14.386 4.088 4.088-4.088-4.088A7.533 7.533 0 1 1 3.733 3.733a7.533 7.533 0 0 1 10.653 10.653z'/%3E%3C/svg%3E")}.VPNavBarSearch{display:flex;align-items:center}@media (min-width: 768px){.VPNavBarSearch{flex-grow:1;padding-left:24px}}@media (min-width: 960px){.VPNavBarSearch{padding-left:32px}}.dark .DocSearch-Footer{border-top:1px solid var(--vp-c-divider)}.DocSearch-Form{border:1px solid var(--vp-c-brand-1);background-color:var(--vp-c-white)}.dark .DocSearch-Form{background-color:var(--vp-c-default-soft)}.DocSearch-Screen-Icon>svg{margin:auto}.VPNavBarSocialLinks[data-v-5e4ddb2c]{display:none}@media (min-width: 1280px){.VPNavBarSocialLinks[data-v-5e4ddb2c]{display:flex;align-items:center}}.title[data-v-673a9c59]{display:flex;align-items:center;border-bottom:1px solid transparent;width:100%;height:var(--vp-nav-height);font-size:16px;font-weight:600;color:var(--vp-c-text-1);transition:opacity .25s}@media (min-width: 960px){.title[data-v-673a9c59]{flex-shrink:0}.VPNavBarTitle.has-sidebar .title[data-v-673a9c59]{border-bottom-color:var(--vp-c-divider)}}[data-v-673a9c59] .logo{margin-right:8px;height:var(--vp-nav-logo-height)}.VPNavBarTranslations[data-v-2b9b993d]{display:none}@media (min-width: 1280px){.VPNavBarTranslations[data-v-2b9b993d]{display:flex;align-items:center}}.title[data-v-2b9b993d]{padding:0 24px 0 12px;line-height:32px;font-size:14px;font-weight:700;color:var(--vp-c-text-1)}.VPNavBar[data-v-b2aead4c]{position:relative;height:var(--vp-nav-height);pointer-events:none;white-space:nowrap;transition:background-color .25s}.VPNavBar.screen-open[data-v-b2aead4c]{transition:none;background-color:var(--vp-nav-bg-color);border-bottom:1px solid var(--vp-c-divider)}.VPNavBar[data-v-b2aead4c]:not(.home){background-color:var(--vp-nav-bg-color)}@media (min-width: 960px){.VPNavBar[data-v-b2aead4c]:not(.home){background-color:transparent}.VPNavBar[data-v-b2aead4c]:not(.has-sidebar):not(.home.top){background-color:var(--vp-nav-bg-color)}}.wrapper[data-v-b2aead4c]{padding:0 8px 0 24px}@media (min-width: 768px){.wrapper[data-v-b2aead4c]{padding:0 32px}}@media (min-width: 960px){.VPNavBar.has-sidebar .wrapper[data-v-b2aead4c]{padding:0}}.container[data-v-b2aead4c]{display:flex;justify-content:space-between;margin:0 auto;max-width:calc(var(--vp-layout-max-width) - 64px);height:var(--vp-nav-height);pointer-events:none}.container>.title[data-v-b2aead4c],.container>.content[data-v-b2aead4c]{pointer-events:none}.container[data-v-b2aead4c] *{pointer-events:auto}@media (min-width: 960px){.VPNavBar.has-sidebar .container[data-v-b2aead4c]{max-width:100%}}.title[data-v-b2aead4c]{flex-shrink:0;height:calc(var(--vp-nav-height) - 1px);transition:background-color .5s}@media (min-width: 960px){.VPNavBar.has-sidebar .title[data-v-b2aead4c]{position:absolute;top:0;left:0;z-index:2;padding:0 32px;width:var(--vp-sidebar-width);height:var(--vp-nav-height);background-color:transparent}}@media (min-width: 1440px){.VPNavBar.has-sidebar .title[data-v-b2aead4c]{padding-left:max(32px,calc((100% - (var(--vp-layout-max-width) - 64px)) / 2));width:calc((100% - (var(--vp-layout-max-width) - 64px)) / 2 + var(--vp-sidebar-width) - 32px)}}.content[data-v-b2aead4c]{flex-grow:1}@media (min-width: 960px){.VPNavBar.has-sidebar .content[data-v-b2aead4c]{position:relative;z-index:1;padding-right:32px;padding-left:var(--vp-sidebar-width)}}@media (min-width: 1440px){.VPNavBar.has-sidebar .content[data-v-b2aead4c]{padding-right:calc((100vw - var(--vp-layout-max-width)) / 2 + 32px);padding-left:calc((100vw - var(--vp-layout-max-width)) / 2 + var(--vp-sidebar-width))}}.content-body[data-v-b2aead4c]{display:flex;justify-content:flex-end;align-items:center;height:var(--vp-nav-height);transition:background-color .5s}@media (min-width: 960px){.VPNavBar:not(.home.top) .content-body[data-v-b2aead4c]{position:relative;background-color:var(--vp-nav-bg-color)}.VPNavBar:not(.has-sidebar):not(.home.top) .content-body[data-v-b2aead4c]{background-color:transparent}}@media (max-width: 767px){.content-body[data-v-b2aead4c]{column-gap:.5rem}}.menu+.translations[data-v-b2aead4c]:before,.menu+.appearance[data-v-b2aead4c]:before,.menu+.social-links[data-v-b2aead4c]:before,.translations+.appearance[data-v-b2aead4c]:before,.appearance+.social-links[data-v-b2aead4c]:before{margin-right:8px;margin-left:8px;width:1px;height:24px;background-color:var(--vp-c-divider);content:""}.menu+.appearance[data-v-b2aead4c]:before,.translations+.appearance[data-v-b2aead4c]:before{margin-right:16px}.appearance+.social-links[data-v-b2aead4c]:before{margin-left:16px}.social-links[data-v-b2aead4c]{margin-right:-8px}.divider[data-v-b2aead4c]{width:100%;height:1px}@media (min-width: 960px){.VPNavBar.has-sidebar .divider[data-v-b2aead4c]{padding-left:var(--vp-sidebar-width)}}@media (min-width: 1440px){.VPNavBar.has-sidebar .divider[data-v-b2aead4c]{padding-left:calc((100vw - var(--vp-layout-max-width)) / 2 + var(--vp-sidebar-width))}}.divider-line[data-v-b2aead4c]{width:100%;height:1px;transition:background-color .5s}.VPNavBar:not(.home) .divider-line[data-v-b2aead4c]{background-color:var(--vp-c-gutter)}@media (min-width: 960px){.VPNavBar:not(.home.top) .divider-line[data-v-b2aead4c]{background-color:var(--vp-c-gutter)}.VPNavBar:not(.has-sidebar):not(.home.top) .divider[data-v-b2aead4c]{background-color:var(--vp-c-gutter)}}.VPNavScreenAppearance[data-v-d10583ef]{display:flex;justify-content:space-between;align-items:center;border-radius:8px;padding:12px 14px 12px 16px;background-color:var(--vp-c-bg-soft)}.text[data-v-d10583ef]{line-height:24px;font-size:12px;font-weight:500;color:var(--vp-c-text-2)}.VPNavScreenMenuLink[data-v-ae442774]{display:block;border-bottom:1px solid var(--vp-c-divider);padding:12px 0 11px;line-height:24px;font-size:14px;font-weight:500;color:var(--vp-c-text-1);transition:border-color .25s,color .25s}.VPNavScreenMenuLink[data-v-ae442774]:hover{color:var(--vp-c-brand-1)}.VPNavScreenMenuGroupLink[data-v-d13eeb32]{display:block;margin-left:12px;line-height:32px;font-size:14px;font-weight:400;color:var(--vp-c-text-1);transition:color .25s}.VPNavScreenMenuGroupLink[data-v-d13eeb32]:hover{color:var(--vp-c-brand-1)}.VPNavScreenMenuGroupSection[data-v-7bb00882]{display:block}.title[data-v-7bb00882]{line-height:32px;font-size:13px;font-weight:700;color:var(--vp-c-text-2);transition:color .25s}.VPNavScreenMenuGroup[data-v-51473772]{border-bottom:1px solid var(--vp-c-divider);height:48px;overflow:hidden;transition:border-color .5s}.VPNavScreenMenuGroup .items[data-v-51473772]{visibility:hidden}.VPNavScreenMenuGroup.open .items[data-v-51473772]{visibility:visible}.VPNavScreenMenuGroup.open[data-v-51473772]{padding-bottom:10px;height:auto}.VPNavScreenMenuGroup.open .button[data-v-51473772]{padding-bottom:6px;color:var(--vp-c-brand-1)}.VPNavScreenMenuGroup.open .button-icon[data-v-51473772]{transform:rotate(45deg)}.button[data-v-51473772]{display:flex;justify-content:space-between;align-items:center;padding:12px 4px 11px 0;width:100%;line-height:24px;font-size:14px;font-weight:500;color:var(--vp-c-text-1);transition:color .25s}.button[data-v-51473772]:hover{color:var(--vp-c-brand-1)}.button-icon[data-v-51473772]{transition:transform .25s}.group[data-v-51473772]:first-child{padding-top:0}.group+.group[data-v-51473772],.group+.item[data-v-51473772]{padding-top:4px}.VPNavScreenTranslations[data-v-8d334930]{height:24px;overflow:hidden}.VPNavScreenTranslations.open[data-v-8d334930]{height:auto}.title[data-v-8d334930]{display:flex;align-items:center;font-size:14px;font-weight:500;color:var(--vp-c-text-1)}.icon[data-v-8d334930]{font-size:16px}.icon.lang[data-v-8d334930]{margin-right:8px}.icon.chevron[data-v-8d334930]{margin-left:4px}.list[data-v-8d334930]{padding:4px 0 0 24px}.link[data-v-8d334930]{line-height:32px;font-size:13px;color:var(--vp-c-text-1)}.VPNavScreen[data-v-1718223b]{position:fixed;top:calc(var(--vp-nav-height) + var(--vp-layout-top-height, 0px));right:0;bottom:0;left:0;padding:0 32px;width:100%;background-color:var(--vp-nav-screen-bg-color);overflow-y:auto;transition:background-color .25s;pointer-events:auto}.VPNavScreen.fade-enter-active[data-v-1718223b],.VPNavScreen.fade-leave-active[data-v-1718223b]{transition:opacity .25s}.VPNavScreen.fade-enter-active .container[data-v-1718223b],.VPNavScreen.fade-leave-active .container[data-v-1718223b]{transition:transform .25s ease}.VPNavScreen.fade-enter-from[data-v-1718223b],.VPNavScreen.fade-leave-to[data-v-1718223b]{opacity:0}.VPNavScreen.fade-enter-from .container[data-v-1718223b],.VPNavScreen.fade-leave-to .container[data-v-1718223b]{transform:translateY(-8px)}@media (min-width: 768px){.VPNavScreen[data-v-1718223b]{display:none}}.container[data-v-1718223b]{margin:0 auto;padding:24px 0 96px;max-width:288px}.menu+.translations[data-v-1718223b],.menu+.appearance[data-v-1718223b],.translations+.appearance[data-v-1718223b]{margin-top:24px}.menu+.social-links[data-v-1718223b]{margin-top:16px}.appearance+.social-links[data-v-1718223b]{margin-top:16px}.VPNav[data-v-3b28116f]{position:relative;top:var(--vp-layout-top-height, 0px);left:0;z-index:var(--vp-z-index-nav);width:100%;pointer-events:none;transition:background-color .5s}@media (min-width: 960px){.VPNav[data-v-3b28116f]{position:fixed}}.VPSidebarItem.level-0[data-v-2629ad96]{padding-bottom:24px}.VPSidebarItem.collapsed.level-0[data-v-2629ad96]{padding-bottom:10px}.item[data-v-2629ad96]{position:relative;display:flex;width:100%;align-items:center}.item img[data-v-2629ad96]{height:15px;width:15px;margin-right:5px;margin-left:2px}.VPSidebarItem.collapsible>.item[data-v-2629ad96]{cursor:pointer}.indicator[data-v-2629ad96]{position:absolute;top:6px;bottom:6px;left:-17px;width:1px;transition:background-color .25s}.VPSidebarItem.level-2.is-active>.item>.indicator[data-v-2629ad96],.VPSidebarItem.level-3.is-active>.item>.indicator[data-v-2629ad96],.VPSidebarItem.level-4.is-active>.item>.indicator[data-v-2629ad96],.VPSidebarItem.level-5.is-active>.item>.indicator[data-v-2629ad96]{background-color:var(--vp-c-brand)}.link[data-v-2629ad96]{display:flex;align-items:center;flex-grow:1}.text[data-v-2629ad96]{flex-grow:1;padding:4px 0;line-height:24px;font-size:14px;transition:color .25s}.VPSidebarItem.level-0 .text[data-v-2629ad96]{font-weight:700;color:var(--vp-c-text-1)}.VPSidebarItem.level-1 .text[data-v-2629ad96],.VPSidebarItem.level-2 .text[data-v-2629ad96],.VPSidebarItem.level-3 .text[data-v-2629ad96],.VPSidebarItem.level-4 .text[data-v-2629ad96],.VPSidebarItem.level-5 .text[data-v-2629ad96]{font-weight:500;color:var(--vp-c-text-2)}.VPSidebarItem.level-0.is-link>.item>.link:hover .text[data-v-2629ad96],.VPSidebarItem.level-1.is-link>.item>.link:hover .text[data-v-2629ad96],.VPSidebarItem.level-2.is-link>.item>.link:hover .text[data-v-2629ad96],.VPSidebarItem.level-3.is-link>.item>.link:hover .text[data-v-2629ad96],.VPSidebarItem.level-4.is-link>.item>.link:hover .text[data-v-2629ad96],.VPSidebarItem.level-5.is-link>.item>.link:hover .text[data-v-2629ad96]{color:var(--vp-c-brand)}.VPSidebarItem.level-0.has-active>.item>.link>.text[data-v-2629ad96],.VPSidebarItem.level-1.has-active>.item>.link>.text[data-v-2629ad96],.VPSidebarItem.level-2.has-active>.item>.link>.text[data-v-2629ad96],.VPSidebarItem.level-3.has-active>.item>.link>.text[data-v-2629ad96],.VPSidebarItem.level-4.has-active>.item>.link>.text[data-v-2629ad96],.VPSidebarItem.level-5.has-active>.item>.link>.text[data-v-2629ad96]{color:var(--vp-c-text-1)}.VPSidebarItem.level-0.is-active>.item .link>.text[data-v-2629ad96],.VPSidebarItem.level-1.is-active>.item .link>.text[data-v-2629ad96],.VPSidebarItem.level-2.is-active>.item .link>.text[data-v-2629ad96],.VPSidebarItem.level-3.is-active>.item .link>.text[data-v-2629ad96],.VPSidebarItem.level-4.is-active>.item .link>.text[data-v-2629ad96],.VPSidebarItem.level-5.is-active>.item .link>.text[data-v-2629ad96]{color:var(--vp-c-brand)}.caret[data-v-2629ad96]{display:flex;justify-content:center;align-items:center;margin-right:-7px;width:32px;height:32px;color:var(--vp-c-text-3);cursor:pointer;transition:color .25s}.item:hover .caret[data-v-2629ad96]{color:var(--vp-c-text-2)}.item:hover .caret[data-v-2629ad96]:hover{color:var(--vp-c-text-1)}.caret-icon[data-v-2629ad96]{width:18px;height:18px;fill:currentColor;transform:rotate(90deg);transition:transform .25s}.VPSidebarItem.collapsed .caret-icon[data-v-2629ad96]{transform:rotate(0)}.VPSidebarItem.level-1 .items[data-v-2629ad96],.VPSidebarItem.level-2 .items[data-v-2629ad96],.VPSidebarItem.level-3 .items[data-v-2629ad96],.VPSidebarItem.level-4 .items[data-v-2629ad96],.VPSidebarItem.level-5 .items[data-v-2629ad96]{border-left:1px solid var(--vp-c-divider);padding-left:16px}.VPSidebarItem.collapsed .items[data-v-2629ad96]{display:none}.no-transition[data-v-83eb926d] .caret-icon{transition:none}.group+.group[data-v-83eb926d]{border-top:1px solid var(--vp-c-divider);padding-top:10px}@media (min-width: 960px){.group[data-v-83eb926d]{padding-top:10px;width:calc(var(--vp-sidebar-width) - 64px)}}.VPSidebar[data-v-6162b3f7]{position:fixed;top:var(--vp-layout-top-height, 0px);bottom:0;left:0;z-index:var(--vp-z-index-sidebar);padding:32px 32px 96px;width:calc(100vw - 64px);max-width:320px;background-color:var(--vp-sidebar-bg-color);opacity:0;box-shadow:var(--vp-c-shadow-3);overflow-x:hidden;overflow-y:auto;transform:translate(-100%);transition:opacity .5s,transform .25s ease;overscroll-behavior:contain}.VPSidebar.open[data-v-6162b3f7]{opacity:1;visibility:visible;transform:translate(0);transition:opacity .25s,transform .5s cubic-bezier(.19,1,.22,1)}.dark .VPSidebar[data-v-6162b3f7]{box-shadow:var(--vp-shadow-1)}@media (min-width: 960px){.VPSidebar[data-v-6162b3f7]{padding-top:var(--vp-nav-height);width:var(--vp-sidebar-width);max-width:100%;background-color:var(--vp-sidebar-bg-color);opacity:1;visibility:visible;box-shadow:none;transform:translate(0)}}@media (min-width: 1440px){.VPSidebar[data-v-6162b3f7]{padding-left:max(32px,calc((100% - (var(--vp-layout-max-width) - 64px)) / 2));width:calc((100% - (var(--vp-layout-max-width) - 64px)) / 2 + var(--vp-sidebar-width) - 32px)}}@media (min-width: 960px){.curtain[data-v-6162b3f7]{position:sticky;top:-64px;left:0;z-index:1;margin-top:calc(var(--vp-nav-height) * -1);margin-right:-32px;margin-left:-32px;height:var(--vp-nav-height);background-color:var(--vp-sidebar-bg-color)}}.nav[data-v-6162b3f7]{outline:0}.VPSkipLink[data-v-17bf5f14]{top:8px;left:8px;padding:8px 16px;z-index:999;border-radius:8px;font-size:12px;font-weight:700;text-decoration:none;color:var(--vp-c-brand-1);box-shadow:var(--vp-shadow-3);background-color:var(--vp-c-bg)}.VPSkipLink[data-v-17bf5f14]:focus{height:auto;width:auto;clip:auto;clip-path:none}@media (min-width: 1280px){.VPSkipLink[data-v-17bf5f14]{top:14px;left:16px}}.Layout[data-v-ec8b5802]{display:flex;flex-direction:column;min-height:100vh}.VPHomeSponsors[data-v-8580fbfd]{border-top:1px solid var(--vp-c-gutter);padding-top:88px!important}.VPHomeSponsors[data-v-8580fbfd]{margin:96px 0}@media (min-width: 768px){.VPHomeSponsors[data-v-8580fbfd]{margin:128px 0}}.VPHomeSponsors[data-v-8580fbfd]{padding:0 24px}@media (min-width: 768px){.VPHomeSponsors[data-v-8580fbfd]{padding:0 48px}}@media (min-width: 960px){.VPHomeSponsors[data-v-8580fbfd]{padding:0 64px}}.container[data-v-8580fbfd]{margin:0 auto;max-width:1152px}.love[data-v-8580fbfd]{margin:0 auto;width:fit-content;font-size:28px;color:var(--vp-c-text-3)}.icon[data-v-8580fbfd]{display:inline-block}.message[data-v-8580fbfd]{margin:0 auto;padding-top:10px;max-width:320px;text-align:center;line-height:24px;font-size:16px;font-weight:500;color:var(--vp-c-text-2)}.sponsors[data-v-8580fbfd]{padding-top:32px}.action[data-v-8580fbfd]{padding-top:40px;text-align:center}.VPTeamPage[data-v-2291b44b]{margin:96px 0}@media (min-width: 768px){.VPTeamPage[data-v-2291b44b]{margin:128px 0}}.VPHome .VPTeamPageTitle[data-v-2291b44b-s]{border-top:1px solid var(--vp-c-gutter);padding-top:88px!important}.VPTeamPageSection+.VPTeamPageSection[data-v-2291b44b-s],.VPTeamMembers+.VPTeamPageSection[data-v-2291b44b-s]{margin-top:64px}.VPTeamMembers+.VPTeamMembers[data-v-2291b44b-s]{margin-top:24px}@media (min-width: 768px){.VPTeamPageTitle+.VPTeamPageSection[data-v-2291b44b-s]{margin-top:16px}.VPTeamPageSection+.VPTeamPageSection[data-v-2291b44b-s],.VPTeamMembers+.VPTeamPageSection[data-v-2291b44b-s]{margin-top:96px}}.VPTeamMembers[data-v-2291b44b-s]{padding:0 24px}@media (min-width: 768px){.VPTeamMembers[data-v-2291b44b-s]{padding:0 48px}}@media (min-width: 960px){.VPTeamMembers[data-v-2291b44b-s]{padding:0 64px}}.VPTeamPageTitle[data-v-eeab7357]{padding:48px 32px;text-align:center}@media (min-width: 768px){.VPTeamPageTitle[data-v-eeab7357]{padding:64px 48px 48px}}@media (min-width: 960px){.VPTeamPageTitle[data-v-eeab7357]{padding:80px 64px 48px}}.title[data-v-eeab7357]{letter-spacing:0;line-height:44px;font-size:36px;font-weight:500}@media (min-width: 768px){.title[data-v-eeab7357]{letter-spacing:-.5px;line-height:56px;font-size:48px}}.lead[data-v-eeab7357]{margin:0 auto;max-width:512px;padding-top:12px;line-height:24px;font-size:16px;font-weight:500;color:var(--vp-c-text-2)}@media (min-width: 768px){.lead[data-v-eeab7357]{max-width:592px;letter-spacing:.15px;line-height:28px;font-size:20px}}.VPTeamPageSection[data-v-a0080823]{padding:0 32px}@media (min-width: 768px){.VPTeamPageSection[data-v-a0080823]{padding:0 48px}}@media (min-width: 960px){.VPTeamPageSection[data-v-a0080823]{padding:0 64px}}.title[data-v-a0080823]{position:relative;margin:0 auto;max-width:1152px;text-align:center;color:var(--vp-c-text-2)}.title-line[data-v-a0080823]{position:absolute;top:16px;left:0;width:100%;height:1px;background-color:var(--vp-c-divider)}.title-text[data-v-a0080823]{position:relative;display:inline-block;padding:0 24px;letter-spacing:0;line-height:32px;font-size:20px;font-weight:500;background-color:var(--vp-c-bg)}.lead[data-v-a0080823]{margin:0 auto;max-width:480px;padding-top:12px;text-align:center;line-height:24px;font-size:16px;font-weight:500;color:var(--vp-c-text-2)}.members[data-v-a0080823]{padding-top:40px}.VPTeamMembersItem[data-v-76069246]{display:flex;flex-direction:column;gap:2px;border-radius:12px;width:100%;height:100%;overflow:hidden}.VPTeamMembersItem.small .profile[data-v-76069246]{padding:32px}.VPTeamMembersItem.small .data[data-v-76069246]{padding-top:20px}.VPTeamMembersItem.small .avatar[data-v-76069246]{width:64px;height:64px}.VPTeamMembersItem.small .name[data-v-76069246]{line-height:24px;font-size:16px}.VPTeamMembersItem.small .affiliation[data-v-76069246]{padding-top:4px;line-height:20px;font-size:14px}.VPTeamMembersItem.small .desc[data-v-76069246]{padding-top:12px;line-height:20px;font-size:14px}.VPTeamMembersItem.small .links[data-v-76069246]{margin:0 -16px -20px;padding:10px 0 0}.VPTeamMembersItem.medium .profile[data-v-76069246]{padding:48px 32px}.VPTeamMembersItem.medium .data[data-v-76069246]{padding-top:24px;text-align:center}.VPTeamMembersItem.medium .avatar[data-v-76069246]{width:96px;height:96px}.VPTeamMembersItem.medium .name[data-v-76069246]{letter-spacing:.15px;line-height:28px;font-size:20px}.VPTeamMembersItem.medium .affiliation[data-v-76069246]{padding-top:4px;font-size:16px}.VPTeamMembersItem.medium .desc[data-v-76069246]{padding-top:16px;max-width:288px;font-size:16px}.VPTeamMembersItem.medium .links[data-v-76069246]{margin:0 -16px -12px;padding:16px 12px 0}.profile[data-v-76069246]{flex-grow:1;background-color:var(--vp-c-bg-soft)}.data[data-v-76069246]{text-align:center}.avatar[data-v-76069246]{position:relative;flex-shrink:0;margin:0 auto;border-radius:50%;box-shadow:var(--vp-shadow-3)}.avatar-img[data-v-76069246]{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;object-fit:cover}.name[data-v-76069246]{margin:0;font-weight:600}.affiliation[data-v-76069246]{margin:0;font-weight:500;color:var(--vp-c-text-2)}.org.link[data-v-76069246]{color:var(--vp-c-text-2);transition:color .25s}.org.link[data-v-76069246]:hover{color:var(--vp-c-brand-1)}.desc[data-v-76069246]{margin:0 auto}.desc[data-v-76069246] a{font-weight:500;color:var(--vp-c-brand-1);text-decoration-style:dotted;transition:color .25s}.links[data-v-76069246]{display:flex;justify-content:center;height:56px}.sp-link[data-v-76069246]{display:flex;justify-content:center;align-items:center;text-align:center;padding:16px;font-size:14px;font-weight:500;color:var(--vp-c-sponsor);background-color:var(--vp-c-bg-soft);transition:color .25s,background-color .25s}.sp .sp-link.link[data-v-76069246]:hover,.sp .sp-link.link[data-v-76069246]:focus{outline:none;color:var(--vp-c-white);background-color:var(--vp-c-sponsor)}.sp-icon[data-v-76069246]{margin-right:8px;font-size:16px}.VPTeamMembers.small .container[data-v-359b4bb6]{grid-template-columns:repeat(auto-fit,minmax(224px,1fr))}.VPTeamMembers.small.count-1 .container[data-v-359b4bb6]{max-width:276px}.VPTeamMembers.small.count-2 .container[data-v-359b4bb6]{max-width:576px}.VPTeamMembers.small.count-3 .container[data-v-359b4bb6]{max-width:876px}.VPTeamMembers.medium .container[data-v-359b4bb6]{grid-template-columns:repeat(auto-fit,minmax(256px,1fr))}@media (min-width: 375px){.VPTeamMembers.medium .container[data-v-359b4bb6]{grid-template-columns:repeat(auto-fit,minmax(288px,1fr))}}.VPTeamMembers.medium.count-1 .container[data-v-359b4bb6]{max-width:368px}.VPTeamMembers.medium.count-2 .container[data-v-359b4bb6]{max-width:760px}.container[data-v-359b4bb6]{display:grid;gap:24px;margin:0 auto;max-width:1152px}blockquote.custom[data-v-c4247c23]{margin:16px 0;border-left:2px solid var(--vp-c-divider);padding-left:16px;transition:border-color .5s}blockquote.custom p[data-v-c4247c23]{margin:0;font-size:16px;color:var(--vp-c-text-2);transition:color .5s}blockquote.custom a[data-v-c4247c23]{font-weight:500;color:var(--vp-c-brand);text-decoration-style:dotted;transition:color .25s}figure[data-v-ef8fcee3]{position:relative;margin:0 auto}figcaption[data-v-ef8fcee3]{position:absolute;font-size:13px}figure[data-v-4d08cdb1]{display:flex;column-gap:20px;margin:0}figure figcaption[data-v-4d08cdb1]{display:flex;flex-direction:column;justify-content:space-between}figure h4[data-v-4d08cdb1]{margin-top:0;margin-bottom:10px}figure .author[data-v-4d08cdb1]{font-size:14px;color:#999}figure .time-progress[data-v-4d08cdb1]{font-size:13px}.progress-bar[data-v-cc971b2a]{display:flex;white-space:nowrap;align-items:center}small[data-v-cc971b2a]{display:inline-block;margin-left:5px}progress[data-v-cc971b2a]{accent-color:#4abf8a}.streak-on-day{display:inline-flex;align-items:center}.streak-on-day__ring{display:flex;justify-content:center;align-items:center;width:50px;height:50px;position:relative;border-radius:50%;border:7px solid #f2af33;font-size:20px;font-weight:700}.streak-on-day__progress-text{margin-left:10px;font-weight:700;font-size:18px}.streak-on-day__progress-subtext{margin-top:10px;font-size:11px;color:#555}.callout[data-v-447105ab]{display:flex;align-items:flex-start;margin-top:24px;padding:8px 16px 8px 0;background-color:var(--vp-c-green-dimm-2);border:1px solid var(--vp-c-green-dimm-3);border-radius:8px}.callout svg[data-v-447105ab]{min-width:20px;min-height:20px;margin:4px 8px 0 12px;color:var(--vp-c-green)}.callout.empty[data-v-447105ab]{padding-left:16px}.callout a[data-v-447105ab-s]{color:var(--vp-c-brand)}.callout p[data-v-447105ab-s]{margin:0}.callout p[data-v-447105ab-s]:not(:first-child){margin-top:8px}.gradient-underbar[data-v-5b9471ef]{color:var(--vp-c-neutral);--brandToYellow: var(--vp-c-brand), var(--vp-c-brand-light), var(--vp-c-yellow-lighter), var(--vp-c-yellow), rgba(255, 255, 255, .1)}.gradient-underbar .gradient-underbar__inner[data-v-5b9471ef]{margin-top:6px;background:linear-gradient(to right,var(--brandToYellow));height:2px;width:35%}@media (max-width: 1280px){.gradient-underbar .gradient-underbar__inner[data-v-5b9471ef]{width:50%}}:root{---vp-font-family-base: "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif}.underline{text-decoration:underline;text-decoration-style:wavy;text-underline-offset:3px;text-decoration-color:var(--vp-c-indigo-1)}.comment{padding-left:1.25rem;color:var(--vp-c-indigo-1);font-size:14px;margin:0 0 16px}img[alt="집중력을 되찾기 위한 시도"][data-v-80faafaf]{border-radius:10px;aspect-ratio:16/5;min-height:160px;margin:0 auto;object-fit:cover}.lg\:grid-2[data-v-80faafaf]{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}h1[data-v-7b5550c8]{margin-bottom:20px}hr[data-v-7b5550c8]{grid-column:1/-1}.reading[data-v-7b5550c8]{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;row-gap:30px}@media (min-width: 1280px){#목차[data-v-a1552721]{display:none}}@media (min-width: 1280px){ul[data-v-a1552721]{display:none}}.gradient-underbar[data-v-a1552721]{padding-left:1rem} diff --git a/assets/style.DOuOlQdo.css b/assets/style.DOuOlQdo.css new file mode 100644 index 00000000..978a441c --- /dev/null +++ b/assets/style.DOuOlQdo.css @@ -0,0 +1 @@ +@charset "UTF-8";.dull[data-v-f25ec069]{color:#808080cc}.caption[data-v-f25ec069]{display:flex;justify-content:center}iframe[data-v-0ae2ebcb]{width:calc(100% + 100px);height:500px;margin:0 -50px;border:0;border-radius:4px;overflow:hidden}@media (max-width: 768px){iframe[data-v-0ae2ebcb]{width:100%;margin:0}}.toc[data-v-0ae2ebcb]{display:none}@media (max-width: 1279px){.toc[data-v-0ae2ebcb]{display:block}.toc .outline-title[data-v-0ae2ebcb]{font-size:1.25rem}.toc>ul[data-v-0ae2ebcb]{padding-left:0}.toc ul[data-v-0ae2ebcb]{list-style-type:none;margin-bottom:0}.toc ul.nested[data-v-0ae2ebcb]{padding-left:1rem}}h1[data-v-7b5550c8]{margin-bottom:20px}hr[data-v-7b5550c8]{grid-column:1/-1}.reading[data-v-7b5550c8]{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;row-gap:30px}.figure[data-v-fb5f93bb]{margin:0 auto;width:450px}#years-of-experience[data-v-e069cf30]{display:inline-block}.em[data-v-e069cf30]{font-size:1.1em}img[alt="집중력을 되찾기 위한 시도"][data-v-80faafaf]{border-radius:10px;aspect-ratio:16/5;min-height:160px;margin:0 auto;object-fit:cover}.lg\:grid-2[data-v-80faafaf]{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}@media (min-width: 1280px){#목차[data-v-a1552721]{display:none}}@media (min-width: 1280px){ul[data-v-a1552721]{display:none}}.gradient-underbar[data-v-a1552721]{padding-left:1rem}figure[data-v-7c83aee7]{margin-bottom:1rem}figcaption[data-v-7c83aee7]{margin-top:.5rem;padding:0 .5rem;font-size:14px}.video-container[data-v-078fda80]{position:relative;overflow:hidden;width:100%;padding-top:56.25%}.video-container iframe[data-v-078fda80]{position:absolute;top:0;left:0;bottom:0;right:0;width:100%;height:100%}.tweet[data-v-078fda80]{padding:16px 16px 12px;font-size:14px;line-height:20px;border:1px solid var(--vp-c-divider-light);border-radius:8px;margin:32px auto;max-width:550px;gap:12px;display:flex;flex-direction:column;box-sizing:border-box}.tweet .tweet-link-top[data-v-078fda80]{display:flex;flex-direction:column;row-gap:12px;color:var(--vp-c-text-1)}.tweet .tweet-link-top .tweet-header[data-v-078fda80]{display:flex;align-items:center;flex-direction:row;gap:12px}.tweet .tweet-link-top .tweet-header img[data-v-078fda80]{width:48px;height:48px}.tweet .tweet-link-top .tweet-header .tweet-author-handle[data-v-078fda80]{color:var(--vp-c-text-2)}.tweet .tweet-link-top .tweet-header-text[data-v-078fda80]{display:flex;flex-direction:column;font-size:14px;line-height:20px}.tweet .tweet-text[data-v-078fda80]{font-size:20px;line-height:24px}.tweet .tweet-link-bottom[data-v-078fda80]{display:flex;flex-direction:column;gap:12px;text-decoration:none;white-space:pre-wrap;color:var(--vp-c-text-2)}.tweet[data-v-078fda80]:hover{background-color:var(--vp-c-bg-soft)}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/blog/assets/inter-roman-cyrillic-ext.BBPuwvHQ.woff2) format("woff2");unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/blog/assets/inter-roman-cyrillic.C5lxZ8CY.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/blog/assets/inter-roman-greek-ext.CqjqNYQ-.woff2) format("woff2");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/blog/assets/inter-roman-greek.BBVDIX6e.woff2) format("woff2");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/blog/assets/inter-roman-vietnamese.BjW4sHH5.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/blog/assets/inter-roman-latin-ext.4ZJIpNVo.woff2) format("woff2");unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/blog/assets/inter-roman-latin.Di8DUHzh.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter;font-style:italic;font-weight:100 900;font-display:swap;src:url(/blog/assets/inter-italic-cyrillic-ext.r48I6akx.woff2) format("woff2");unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:italic;font-weight:100 900;font-display:swap;src:url(/blog/assets/inter-italic-cyrillic.By2_1cv3.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter;font-style:italic;font-weight:100 900;font-display:swap;src:url(/blog/assets/inter-italic-greek-ext.1u6EdAuj.woff2) format("woff2");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter;font-style:italic;font-weight:100 900;font-display:swap;src:url(/blog/assets/inter-italic-greek.DJ8dCoTZ.woff2) format("woff2");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Inter;font-style:italic;font-weight:100 900;font-display:swap;src:url(/blog/assets/inter-italic-vietnamese.BSbpV94h.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:italic;font-weight:100 900;font-display:swap;src:url(/blog/assets/inter-italic-latin-ext.CN1xVJS-.woff2) format("woff2");unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:italic;font-weight:100 900;font-display:swap;src:url(/blog/assets/inter-italic-latin.C2AdPX0b.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Punctuation SC;font-weight:400;src:local("PingFang SC Regular"),local("Noto Sans CJK SC"),local("Microsoft YaHei");unicode-range:U+201C,U+201D,U+2018,U+2019,U+2E3A,U+2014,U+2013,U+2026,U+00B7,U+007E,U+002F}@font-face{font-family:Punctuation SC;font-weight:500;src:local("PingFang SC Medium"),local("Noto Sans CJK SC"),local("Microsoft YaHei");unicode-range:U+201C,U+201D,U+2018,U+2019,U+2E3A,U+2014,U+2013,U+2026,U+00B7,U+007E,U+002F}@font-face{font-family:Punctuation SC;font-weight:600;src:local("PingFang SC Semibold"),local("Noto Sans CJK SC Bold"),local("Microsoft YaHei Bold");unicode-range:U+201C,U+201D,U+2018,U+2019,U+2E3A,U+2014,U+2013,U+2026,U+00B7,U+007E,U+002F}@font-face{font-family:Punctuation SC;font-weight:700;src:local("PingFang SC Semibold"),local("Noto Sans CJK SC Bold"),local("Microsoft YaHei Bold");unicode-range:U+201C,U+201D,U+2018,U+2019,U+2E3A,U+2014,U+2013,U+2026,U+00B7,U+007E,U+002F}:root{--vp-c-white: #ffffff;--vp-c-black: #000000;--vp-c-neutral: var(--vp-c-black);--vp-c-neutral-inverse: var(--vp-c-white)}.dark{--vp-c-neutral: var(--vp-c-white);--vp-c-neutral-inverse: var(--vp-c-black)}:root{--vp-c-gray-1: #dddde3;--vp-c-gray-2: #e4e4e9;--vp-c-gray-3: #ebebef;--vp-c-gray-soft: rgba(142, 150, 170, .14);--vp-c-indigo-1: #3451b2;--vp-c-indigo-2: #3a5ccc;--vp-c-indigo-3: #5672cd;--vp-c-indigo-soft: rgba(100, 108, 255, .14);--vp-c-purple-1: #6f42c1;--vp-c-purple-2: #7e4cc9;--vp-c-purple-3: #8e5cd9;--vp-c-purple-soft: rgba(159, 122, 234, .14);--vp-c-green-1: #18794e;--vp-c-green-2: #299764;--vp-c-green-3: #30a46c;--vp-c-green-soft: rgba(16, 185, 129, .14);--vp-c-yellow-1: #915930;--vp-c-yellow-2: #946300;--vp-c-yellow-3: #9f6a00;--vp-c-yellow-soft: rgba(234, 179, 8, .14);--vp-c-red-1: #b8272c;--vp-c-red-2: #d5393e;--vp-c-red-3: #e0575b;--vp-c-red-soft: rgba(244, 63, 94, .14);--vp-c-sponsor: #db2777}.dark{--vp-c-gray-1: #515c67;--vp-c-gray-2: #414853;--vp-c-gray-3: #32363f;--vp-c-gray-soft: rgba(101, 117, 133, .16);--vp-c-indigo-1: #a8b1ff;--vp-c-indigo-2: #5c73e7;--vp-c-indigo-3: #3e63dd;--vp-c-indigo-soft: rgba(100, 108, 255, .16);--vp-c-purple-1: #c8abfa;--vp-c-purple-2: #a879e6;--vp-c-purple-3: #8e5cd9;--vp-c-purple-soft: rgba(159, 122, 234, .16);--vp-c-green-1: #3dd68c;--vp-c-green-2: #30a46c;--vp-c-green-3: #298459;--vp-c-green-soft: rgba(16, 185, 129, .16);--vp-c-yellow-1: #f9b44e;--vp-c-yellow-2: #da8b17;--vp-c-yellow-3: #a46a0a;--vp-c-yellow-soft: rgba(234, 179, 8, .16);--vp-c-red-1: #f66f81;--vp-c-red-2: #f14158;--vp-c-red-3: #b62a3c;--vp-c-red-soft: rgba(244, 63, 94, .16)}:root{--vp-c-bg: #ffffff;--vp-c-bg-alt: #f6f6f7;--vp-c-bg-elv: #ffffff;--vp-c-bg-soft: #f6f6f7}.dark{--vp-c-bg: #1b1b1f;--vp-c-bg-alt: #161618;--vp-c-bg-elv: #202127;--vp-c-bg-soft: #202127}:root{--vp-c-border: #c2c2c4;--vp-c-divider: #e2e2e3;--vp-c-gutter: #e2e2e3}.dark{--vp-c-border: #3c3f44;--vp-c-divider: #2e2e32;--vp-c-gutter: #000000}:root{--vp-c-text-1: rgba(60, 60, 67);--vp-c-text-2: rgba(60, 60, 67, .78);--vp-c-text-3: rgba(60, 60, 67, .56)}.dark{--vp-c-text-1: rgba(255, 255, 245, .86);--vp-c-text-2: rgba(235, 235, 245, .6);--vp-c-text-3: rgba(235, 235, 245, .38)}:root{--vp-c-default-1: var(--vp-c-gray-1);--vp-c-default-2: var(--vp-c-gray-2);--vp-c-default-3: var(--vp-c-gray-3);--vp-c-default-soft: var(--vp-c-gray-soft);--vp-c-brand-1: var(--vp-c-indigo-1);--vp-c-brand-2: var(--vp-c-indigo-2);--vp-c-brand-3: var(--vp-c-indigo-3);--vp-c-brand-soft: var(--vp-c-indigo-soft);--vp-c-brand: var(--vp-c-brand-1);--vp-c-tip-1: var(--vp-c-brand-1);--vp-c-tip-2: var(--vp-c-brand-2);--vp-c-tip-3: var(--vp-c-brand-3);--vp-c-tip-soft: var(--vp-c-brand-soft);--vp-c-note-1: var(--vp-c-brand-1);--vp-c-note-2: var(--vp-c-brand-2);--vp-c-note-3: var(--vp-c-brand-3);--vp-c-note-soft: var(--vp-c-brand-soft);--vp-c-success-1: var(--vp-c-green-1);--vp-c-success-2: var(--vp-c-green-2);--vp-c-success-3: var(--vp-c-green-3);--vp-c-success-soft: var(--vp-c-green-soft);--vp-c-important-1: var(--vp-c-purple-1);--vp-c-important-2: var(--vp-c-purple-2);--vp-c-important-3: var(--vp-c-purple-3);--vp-c-important-soft: var(--vp-c-purple-soft);--vp-c-warning-1: var(--vp-c-yellow-1);--vp-c-warning-2: var(--vp-c-yellow-2);--vp-c-warning-3: var(--vp-c-yellow-3);--vp-c-warning-soft: var(--vp-c-yellow-soft);--vp-c-danger-1: var(--vp-c-red-1);--vp-c-danger-2: var(--vp-c-red-2);--vp-c-danger-3: var(--vp-c-red-3);--vp-c-danger-soft: var(--vp-c-red-soft);--vp-c-caution-1: var(--vp-c-red-1);--vp-c-caution-2: var(--vp-c-red-2);--vp-c-caution-3: var(--vp-c-red-3);--vp-c-caution-soft: var(--vp-c-red-soft)}:root{--vp-font-family-base: "Inter", ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--vp-font-family-mono: ui-monospace, "Menlo", "Monaco", "Consolas", "Liberation Mono", "Courier New", monospace;font-optical-sizing:auto}:root:where(:lang(zh)){--vp-font-family-base: "Punctuation SC", "Inter", ui-sans-serif, system-ui, "PingFang SC", "Noto Sans CJK SC", "Noto Sans SC", "Heiti SC", "Microsoft YaHei", "DengXian", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"}:root{--vp-shadow-1: 0 1px 2px rgba(0, 0, 0, .04), 0 1px 2px rgba(0, 0, 0, .06);--vp-shadow-2: 0 3px 12px rgba(0, 0, 0, .07), 0 1px 4px rgba(0, 0, 0, .07);--vp-shadow-3: 0 12px 32px rgba(0, 0, 0, .1), 0 2px 6px rgba(0, 0, 0, .08);--vp-shadow-4: 0 14px 44px rgba(0, 0, 0, .12), 0 3px 9px rgba(0, 0, 0, .12);--vp-shadow-5: 0 18px 56px rgba(0, 0, 0, .16), 0 4px 12px rgba(0, 0, 0, .16)}:root{--vp-z-index-footer: 10;--vp-z-index-local-nav: 20;--vp-z-index-nav: 30;--vp-z-index-layout-top: 40;--vp-z-index-backdrop: 50;--vp-z-index-sidebar: 60}@media (min-width: 960px){:root{--vp-z-index-sidebar: 25}}:root{--vp-layout-max-width: 1440px}:root{--vp-header-anchor-symbol: "#"}:root{--vp-code-line-height: 1.7;--vp-code-font-size: .875em;--vp-code-color: var(--vp-c-brand-1);--vp-code-link-color: var(--vp-c-brand-1);--vp-code-link-hover-color: var(--vp-c-brand-2);--vp-code-bg: var(--vp-c-default-soft);--vp-code-block-color: var(--vp-c-text-2);--vp-code-block-bg: var(--vp-c-bg-alt);--vp-code-block-divider-color: var(--vp-c-gutter);--vp-code-lang-color: var(--vp-c-text-3);--vp-code-line-highlight-color: var(--vp-c-default-soft);--vp-code-line-number-color: var(--vp-c-text-3);--vp-code-line-diff-add-color: var(--vp-c-success-soft);--vp-code-line-diff-add-symbol-color: var(--vp-c-success-1);--vp-code-line-diff-remove-color: var(--vp-c-danger-soft);--vp-code-line-diff-remove-symbol-color: var(--vp-c-danger-1);--vp-code-line-warning-color: var(--vp-c-warning-soft);--vp-code-line-error-color: var(--vp-c-danger-soft);--vp-code-copy-code-border-color: var(--vp-c-divider);--vp-code-copy-code-bg: var(--vp-c-bg-soft);--vp-code-copy-code-hover-border-color: var(--vp-c-divider);--vp-code-copy-code-hover-bg: var(--vp-c-bg);--vp-code-copy-code-active-text: var(--vp-c-text-2);--vp-code-copy-copied-text-content: "Copied";--vp-code-tab-divider: var(--vp-code-block-divider-color);--vp-code-tab-text-color: var(--vp-c-text-2);--vp-code-tab-bg: var(--vp-code-block-bg);--vp-code-tab-hover-text-color: var(--vp-c-text-1);--vp-code-tab-active-text-color: var(--vp-c-text-1);--vp-code-tab-active-bar-color: var(--vp-c-brand-1)}:root{--vp-button-brand-border: transparent;--vp-button-brand-text: var(--vp-c-white);--vp-button-brand-bg: var(--vp-c-brand-3);--vp-button-brand-hover-border: transparent;--vp-button-brand-hover-text: var(--vp-c-white);--vp-button-brand-hover-bg: var(--vp-c-brand-2);--vp-button-brand-active-border: transparent;--vp-button-brand-active-text: var(--vp-c-white);--vp-button-brand-active-bg: var(--vp-c-brand-1);--vp-button-alt-border: transparent;--vp-button-alt-text: var(--vp-c-text-1);--vp-button-alt-bg: var(--vp-c-default-3);--vp-button-alt-hover-border: transparent;--vp-button-alt-hover-text: var(--vp-c-text-1);--vp-button-alt-hover-bg: var(--vp-c-default-2);--vp-button-alt-active-border: transparent;--vp-button-alt-active-text: var(--vp-c-text-1);--vp-button-alt-active-bg: var(--vp-c-default-1);--vp-button-sponsor-border: var(--vp-c-text-2);--vp-button-sponsor-text: var(--vp-c-text-2);--vp-button-sponsor-bg: transparent;--vp-button-sponsor-hover-border: var(--vp-c-sponsor);--vp-button-sponsor-hover-text: var(--vp-c-sponsor);--vp-button-sponsor-hover-bg: transparent;--vp-button-sponsor-active-border: var(--vp-c-sponsor);--vp-button-sponsor-active-text: var(--vp-c-sponsor);--vp-button-sponsor-active-bg: transparent}:root{--vp-custom-block-font-size: 14px;--vp-custom-block-code-font-size: 13px;--vp-custom-block-info-border: transparent;--vp-custom-block-info-text: var(--vp-c-text-1);--vp-custom-block-info-bg: var(--vp-c-default-soft);--vp-custom-block-info-code-bg: var(--vp-c-default-soft);--vp-custom-block-note-border: transparent;--vp-custom-block-note-text: var(--vp-c-text-1);--vp-custom-block-note-bg: var(--vp-c-default-soft);--vp-custom-block-note-code-bg: var(--vp-c-default-soft);--vp-custom-block-tip-border: transparent;--vp-custom-block-tip-text: var(--vp-c-text-1);--vp-custom-block-tip-bg: var(--vp-c-tip-soft);--vp-custom-block-tip-code-bg: var(--vp-c-tip-soft);--vp-custom-block-important-border: transparent;--vp-custom-block-important-text: var(--vp-c-text-1);--vp-custom-block-important-bg: var(--vp-c-important-soft);--vp-custom-block-important-code-bg: var(--vp-c-important-soft);--vp-custom-block-warning-border: transparent;--vp-custom-block-warning-text: var(--vp-c-text-1);--vp-custom-block-warning-bg: var(--vp-c-warning-soft);--vp-custom-block-warning-code-bg: var(--vp-c-warning-soft);--vp-custom-block-danger-border: transparent;--vp-custom-block-danger-text: var(--vp-c-text-1);--vp-custom-block-danger-bg: var(--vp-c-danger-soft);--vp-custom-block-danger-code-bg: var(--vp-c-danger-soft);--vp-custom-block-caution-border: transparent;--vp-custom-block-caution-text: var(--vp-c-text-1);--vp-custom-block-caution-bg: var(--vp-c-caution-soft);--vp-custom-block-caution-code-bg: var(--vp-c-caution-soft);--vp-custom-block-details-border: var(--vp-custom-block-info-border);--vp-custom-block-details-text: var(--vp-custom-block-info-text);--vp-custom-block-details-bg: var(--vp-custom-block-info-bg);--vp-custom-block-details-code-bg: var(--vp-custom-block-info-code-bg)}:root{--vp-input-border-color: var(--vp-c-border);--vp-input-bg-color: var(--vp-c-bg-alt);--vp-input-switch-bg-color: var(--vp-c-default-soft)}:root{--vp-nav-height: 64px;--vp-nav-bg-color: var(--vp-c-bg);--vp-nav-screen-bg-color: var(--vp-c-bg);--vp-nav-logo-height: 24px}.hide-nav{--vp-nav-height: 0px}.hide-nav .VPSidebar{--vp-nav-height: 22px}:root{--vp-local-nav-bg-color: var(--vp-c-bg)}:root{--vp-sidebar-width: 272px;--vp-sidebar-bg-color: var(--vp-c-bg-alt)}:root{--vp-backdrop-bg-color: rgba(0, 0, 0, .6)}:root{--vp-home-hero-name-color: var(--vp-c-brand-1);--vp-home-hero-name-background: transparent;--vp-home-hero-image-background-image: none;--vp-home-hero-image-filter: none}:root{--vp-badge-info-border: transparent;--vp-badge-info-text: var(--vp-c-text-2);--vp-badge-info-bg: var(--vp-c-default-soft);--vp-badge-tip-border: transparent;--vp-badge-tip-text: var(--vp-c-tip-1);--vp-badge-tip-bg: var(--vp-c-tip-soft);--vp-badge-warning-border: transparent;--vp-badge-warning-text: var(--vp-c-warning-1);--vp-badge-warning-bg: var(--vp-c-warning-soft);--vp-badge-danger-border: transparent;--vp-badge-danger-text: var(--vp-c-danger-1);--vp-badge-danger-bg: var(--vp-c-danger-soft)}:root{--vp-carbon-ads-text-color: var(--vp-c-text-1);--vp-carbon-ads-poweredby-color: var(--vp-c-text-2);--vp-carbon-ads-bg-color: var(--vp-c-bg-soft);--vp-carbon-ads-hover-text-color: var(--vp-c-brand-1);--vp-carbon-ads-hover-poweredby-color: var(--vp-c-text-1)}:root{--vp-local-search-bg: var(--vp-c-bg);--vp-local-search-result-bg: var(--vp-c-bg);--vp-local-search-result-border: var(--vp-c-divider);--vp-local-search-result-selected-bg: var(--vp-c-bg);--vp-local-search-result-selected-border: var(--vp-c-brand-1);--vp-local-search-highlight-bg: var(--vp-c-brand-1);--vp-local-search-highlight-text: var(--vp-c-neutral-inverse)}@media (prefers-reduced-motion: reduce){*,:before,:after{animation-delay:-1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important;background-attachment:initial!important;scroll-behavior:auto!important;transition-duration:0s!important;transition-delay:0s!important}}*,:before,:after{box-sizing:border-box}html{line-height:1.4;font-size:16px;-webkit-text-size-adjust:100%}html.dark{color-scheme:dark}body{margin:0;width:100%;min-width:320px;min-height:100vh;line-height:24px;font-family:var(--vp-font-family-base);font-size:16px;font-weight:400;color:var(--vp-c-text-1);background-color:var(--vp-c-bg);font-synthesis:style;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}main{display:block}h1,h2,h3,h4,h5,h6{margin:0;line-height:24px;font-size:16px;font-weight:400}p{margin:0}strong,b{font-weight:600}a,area,button,[role=button],input,label,select,summary,textarea{touch-action:manipulation}a{color:inherit;text-decoration:inherit}ol,ul{list-style:none;margin:0;padding:0}blockquote{margin:0}pre,code,kbd,samp{font-family:var(--vp-font-family-mono)}img,svg,video,canvas,audio,iframe,embed,object{display:block}figure{margin:0}img,video{max-width:100%;height:auto}button,input,optgroup,select,textarea{border:0;padding:0;line-height:inherit;color:inherit}button{padding:0;font-family:inherit;background-color:transparent;background-image:none}button:enabled,[role=button]:enabled{cursor:pointer}button:focus,button:focus-visible{outline:1px dotted;outline:4px auto -webkit-focus-ring-color}button:focus:not(:focus-visible){outline:none!important}input:focus,textarea:focus,select:focus{outline:none}table{border-collapse:collapse}input{background-color:transparent}input:-ms-input-placeholder,textarea:-ms-input-placeholder{color:var(--vp-c-text-3)}input::-ms-input-placeholder,textarea::-ms-input-placeholder{color:var(--vp-c-text-3)}input::placeholder,textarea::placeholder{color:var(--vp-c-text-3)}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}textarea{resize:vertical}select{-webkit-appearance:none}fieldset{margin:0;padding:0}h1,h2,h3,h4,h5,h6,li,p{overflow-wrap:break-word}vite-error-overlay{z-index:9999}mjx-container{overflow-x:auto}mjx-container>svg{display:inline-block;margin:auto}[class^=vpi-],[class*=" vpi-"],.vp-icon{width:1em;height:1em}[class^=vpi-].bg,[class*=" vpi-"].bg,.vp-icon.bg{background-size:100% 100%;background-color:transparent}[class^=vpi-]:not(.bg),[class*=" vpi-"]:not(.bg),.vp-icon:not(.bg){-webkit-mask:var(--icon) no-repeat;mask:var(--icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit}.vpi-align-left{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24'%3E%3Cpath d='M21 6H3M15 12H3M17 18H3'/%3E%3C/svg%3E")}.vpi-arrow-right,.vpi-arrow-down,.vpi-arrow-left,.vpi-arrow-up{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24'%3E%3Cpath d='M5 12h14M12 5l7 7-7 7'/%3E%3C/svg%3E")}.vpi-chevron-right,.vpi-chevron-down,.vpi-chevron-left,.vpi-chevron-up{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24'%3E%3Cpath d='m9 18 6-6-6-6'/%3E%3C/svg%3E")}.vpi-chevron-down,.vpi-arrow-down{transform:rotate(90deg)}.vpi-chevron-left,.vpi-arrow-left{transform:rotate(180deg)}.vpi-chevron-up,.vpi-arrow-up{transform:rotate(-90deg)}.vpi-square-pen{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24'%3E%3Cpath d='M12 3H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7'/%3E%3Cpath d='M18.375 2.625a2.121 2.121 0 1 1 3 3L12 15l-4 1 1-4Z'/%3E%3C/svg%3E")}.vpi-plus{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24'%3E%3Cpath d='M5 12h14M12 5v14'/%3E%3C/svg%3E")}.vpi-sun{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='4'/%3E%3Cpath d='M12 2v2M12 20v2M4.93 4.93l1.41 1.41M17.66 17.66l1.41 1.41M2 12h2M20 12h2M6.34 17.66l-1.41 1.41M19.07 4.93l-1.41 1.41'/%3E%3C/svg%3E")}.vpi-moon{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24'%3E%3Cpath d='M12 3a6 6 0 0 0 9 9 9 9 0 1 1-9-9Z'/%3E%3C/svg%3E")}.vpi-more-horizontal{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='1'/%3E%3Ccircle cx='19' cy='12' r='1'/%3E%3Ccircle cx='5' cy='12' r='1'/%3E%3C/svg%3E")}.vpi-languages{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24'%3E%3Cpath d='m5 8 6 6M4 14l6-6 2-3M2 5h12M7 2h1M22 22l-5-10-5 10M14 18h6'/%3E%3C/svg%3E")}.vpi-heart{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24'%3E%3Cpath d='M19 14c1.49-1.46 3-3.21 3-5.5A5.5 5.5 0 0 0 16.5 3c-1.76 0-3 .5-4.5 2-1.5-1.5-2.74-2-4.5-2A5.5 5.5 0 0 0 2 8.5c0 2.3 1.5 4.05 3 5.5l7 7Z'/%3E%3C/svg%3E")}.vpi-search{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cpath d='m21 21-4.3-4.3'/%3E%3C/svg%3E")}.vpi-layout-list{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24'%3E%3Crect width='7' height='7' x='3' y='3' rx='1'/%3E%3Crect width='7' height='7' x='3' y='14' rx='1'/%3E%3Cpath d='M14 4h7M14 9h7M14 15h7M14 20h7'/%3E%3C/svg%3E")}.vpi-delete{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24'%3E%3Cpath d='M20 5H9l-7 7 7 7h11a2 2 0 0 0 2-2V7a2 2 0 0 0-2-2ZM18 9l-6 6M12 9l6 6'/%3E%3C/svg%3E")}.vpi-corner-down-left{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24'%3E%3Cpath d='m9 10-5 5 5 5'/%3E%3Cpath d='M20 4v7a4 4 0 0 1-4 4H4'/%3E%3C/svg%3E")}:root{--vp-icon-copy: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='rgba(128,128,128,1)' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24'%3E%3Crect width='8' height='4' x='8' y='2' rx='1' ry='1'/%3E%3Cpath d='M16 4h2a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h2'/%3E%3C/svg%3E");--vp-icon-copied: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='rgba(128,128,128,1)' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24'%3E%3Crect width='8' height='4' x='8' y='2' rx='1' ry='1'/%3E%3Cpath d='M16 4h2a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h2'/%3E%3Cpath d='m9 14 2 2 4-4'/%3E%3C/svg%3E")}.vpi-social-discord{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M20.317 4.37a19.791 19.791 0 0 0-4.885-1.515.074.074 0 0 0-.079.037c-.21.375-.444.864-.608 1.25a18.27 18.27 0 0 0-5.487 0 12.64 12.64 0 0 0-.617-1.25.077.077 0 0 0-.079-.037A19.736 19.736 0 0 0 3.677 4.37a.07.07 0 0 0-.032.027C.533 9.046-.32 13.58.099 18.057a.082.082 0 0 0 .031.057 19.9 19.9 0 0 0 5.993 3.03.078.078 0 0 0 .084-.028c.462-.63.874-1.295 1.226-1.994a.076.076 0 0 0-.041-.106 13.107 13.107 0 0 1-1.872-.892.077.077 0 0 1-.008-.128 10.2 10.2 0 0 0 .372-.292.074.074 0 0 1 .077-.01c3.928 1.793 8.18 1.793 12.062 0a.074.074 0 0 1 .078.01c.12.098.246.198.373.292a.077.077 0 0 1-.006.127 12.299 12.299 0 0 1-1.873.892.077.077 0 0 0-.041.107c.36.698.772 1.362 1.225 1.993a.076.076 0 0 0 .084.028 19.839 19.839 0 0 0 6.002-3.03.077.077 0 0 0 .032-.054c.5-5.177-.838-9.674-3.549-13.66a.061.061 0 0 0-.031-.03zM8.02 15.33c-1.183 0-2.157-1.085-2.157-2.419 0-1.333.956-2.419 2.157-2.419 1.21 0 2.176 1.096 2.157 2.42 0 1.333-.956 2.418-2.157 2.418zm7.975 0c-1.183 0-2.157-1.085-2.157-2.419 0-1.333.955-2.419 2.157-2.419 1.21 0 2.176 1.096 2.157 2.42 0 1.333-.946 2.418-2.157 2.418Z'/%3E%3C/svg%3E")}.vpi-social-facebook{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9.101 23.691v-7.98H6.627v-3.667h2.474v-1.58c0-4.085 1.848-5.978 5.858-5.978.401 0 .955.042 1.468.103a8.68 8.68 0 0 1 1.141.195v3.325a8.623 8.623 0 0 0-.653-.036 26.805 26.805 0 0 0-.733-.009c-.707 0-1.259.096-1.675.309a1.686 1.686 0 0 0-.679.622c-.258.42-.374.995-.374 1.752v1.297h3.919l-.386 2.103-.287 1.564h-3.246v8.245C19.396 23.238 24 18.179 24 12.044c0-6.627-5.373-12-12-12s-12 5.373-12 12c0 5.628 3.874 10.35 9.101 11.647Z'/%3E%3C/svg%3E")}.vpi-social-github{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12'/%3E%3C/svg%3E")}.vpi-social-instagram{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7.03.084c-1.277.06-2.149.264-2.91.563a5.874 5.874 0 0 0-2.124 1.388 5.878 5.878 0 0 0-1.38 2.127C.321 4.926.12 5.8.064 7.076.008 8.354-.005 8.764.001 12.023c.007 3.259.021 3.667.083 4.947.061 1.277.264 2.149.563 2.911.308.789.72 1.457 1.388 2.123a5.872 5.872 0 0 0 2.129 1.38c.763.295 1.636.496 2.913.552 1.278.056 1.689.069 4.947.063 3.257-.007 3.668-.021 4.947-.082 1.28-.06 2.147-.265 2.91-.563a5.881 5.881 0 0 0 2.123-1.388 5.881 5.881 0 0 0 1.38-2.129c.295-.763.496-1.636.551-2.912.056-1.28.07-1.69.063-4.948-.006-3.258-.02-3.667-.081-4.947-.06-1.28-.264-2.148-.564-2.911a5.892 5.892 0 0 0-1.387-2.123 5.857 5.857 0 0 0-2.128-1.38C19.074.322 18.202.12 16.924.066 15.647.009 15.236-.006 11.977 0 8.718.008 8.31.021 7.03.084m.14 21.693c-1.17-.05-1.805-.245-2.228-.408a3.736 3.736 0 0 1-1.382-.895 3.695 3.695 0 0 1-.9-1.378c-.165-.423-.363-1.058-.417-2.228-.06-1.264-.072-1.644-.08-4.848-.006-3.204.006-3.583.061-4.848.05-1.169.246-1.805.408-2.228.216-.561.477-.96.895-1.382a3.705 3.705 0 0 1 1.379-.9c.423-.165 1.057-.361 2.227-.417 1.265-.06 1.644-.072 4.848-.08 3.203-.006 3.583.006 4.85.062 1.168.05 1.804.244 2.227.408.56.216.96.475 1.382.895.421.42.681.817.9 1.378.165.422.362 1.056.417 2.227.06 1.265.074 1.645.08 4.848.005 3.203-.006 3.583-.061 4.848-.051 1.17-.245 1.805-.408 2.23-.216.56-.477.96-.896 1.38a3.705 3.705 0 0 1-1.378.9c-.422.165-1.058.362-2.226.418-1.266.06-1.645.072-4.85.079-3.204.007-3.582-.006-4.848-.06m9.783-16.192a1.44 1.44 0 1 0 1.437-1.442 1.44 1.44 0 0 0-1.437 1.442M5.839 12.012a6.161 6.161 0 1 0 12.323-.024 6.162 6.162 0 0 0-12.323.024M8 12.008A4 4 0 1 1 12.008 16 4 4 0 0 1 8 12.008'/%3E%3C/svg%3E")}.vpi-social-linkedin{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433a2.062 2.062 0 0 1-2.063-2.065 2.064 2.064 0 1 1 2.063 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z'/%3E%3C/svg%3E")}.vpi-social-mastodon{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M23.268 5.313c-.35-2.578-2.617-4.61-5.304-5.004C17.51.242 15.792 0 11.813 0h-.03c-3.98 0-4.835.242-5.288.309C3.882.692 1.496 2.518.917 5.127.64 6.412.61 7.837.661 9.143c.074 1.874.088 3.745.26 5.611.118 1.24.325 2.47.62 3.68.55 2.237 2.777 4.098 4.96 4.857 2.336.792 4.849.923 7.256.38.265-.061.527-.132.786-.213.585-.184 1.27-.39 1.774-.753a.057.057 0 0 0 .023-.043v-1.809a.052.052 0 0 0-.02-.041.053.053 0 0 0-.046-.01 20.282 20.282 0 0 1-4.709.545c-2.73 0-3.463-1.284-3.674-1.818a5.593 5.593 0 0 1-.319-1.433.053.053 0 0 1 .066-.054c1.517.363 3.072.546 4.632.546.376 0 .75 0 1.125-.01 1.57-.044 3.224-.124 4.768-.422.038-.008.077-.015.11-.024 2.435-.464 4.753-1.92 4.989-5.604.008-.145.03-1.52.03-1.67.002-.512.167-3.63-.024-5.545zm-3.748 9.195h-2.561V8.29c0-1.309-.55-1.976-1.67-1.976-1.23 0-1.846.79-1.846 2.35v3.403h-2.546V8.663c0-1.56-.617-2.35-1.848-2.35-1.112 0-1.668.668-1.67 1.977v6.218H4.822V8.102c0-1.31.337-2.35 1.011-3.12.696-.77 1.608-1.164 2.74-1.164 1.311 0 2.302.5 2.962 1.498l.638 1.06.638-1.06c.66-.999 1.65-1.498 2.96-1.498 1.13 0 2.043.395 2.74 1.164.675.77 1.012 1.81 1.012 3.12z'/%3E%3C/svg%3E")}.vpi-social-npm{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M1.763 0C.786 0 0 .786 0 1.763v20.474C0 23.214.786 24 1.763 24h20.474c.977 0 1.763-.786 1.763-1.763V1.763C24 .786 23.214 0 22.237 0zM5.13 5.323l13.837.019-.009 13.836h-3.464l.01-10.382h-3.456L12.04 19.17H5.113z'/%3E%3C/svg%3E")}.vpi-social-slack{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5.042 15.165a2.528 2.528 0 0 1-2.52 2.523A2.528 2.528 0 0 1 0 15.165a2.527 2.527 0 0 1 2.522-2.52h2.52v2.52zm1.271 0a2.527 2.527 0 0 1 2.521-2.52 2.527 2.527 0 0 1 2.521 2.52v6.313A2.528 2.528 0 0 1 8.834 24a2.528 2.528 0 0 1-2.521-2.522v-6.313zM8.834 5.042a2.528 2.528 0 0 1-2.521-2.52A2.528 2.528 0 0 1 8.834 0a2.528 2.528 0 0 1 2.521 2.522v2.52H8.834zm0 1.271a2.528 2.528 0 0 1 2.521 2.521 2.528 2.528 0 0 1-2.521 2.521H2.522A2.528 2.528 0 0 1 0 8.834a2.528 2.528 0 0 1 2.522-2.521h6.312zm10.122 2.521a2.528 2.528 0 0 1 2.522-2.521A2.528 2.528 0 0 1 24 8.834a2.528 2.528 0 0 1-2.522 2.521h-2.522V8.834zm-1.268 0a2.528 2.528 0 0 1-2.523 2.521 2.527 2.527 0 0 1-2.52-2.521V2.522A2.527 2.527 0 0 1 15.165 0a2.528 2.528 0 0 1 2.523 2.522v6.312zm-2.523 10.122a2.528 2.528 0 0 1 2.523 2.522A2.528 2.528 0 0 1 15.165 24a2.527 2.527 0 0 1-2.52-2.522v-2.522h2.52zm0-1.268a2.527 2.527 0 0 1-2.52-2.523 2.526 2.526 0 0 1 2.52-2.52h6.313A2.527 2.527 0 0 1 24 15.165a2.528 2.528 0 0 1-2.522 2.523h-6.313z'/%3E%3C/svg%3E")}.vpi-social-twitter,.vpi-social-x{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M18.901 1.153h3.68l-8.04 9.19L24 22.846h-7.406l-5.8-7.584-6.638 7.584H.474l8.6-9.83L0 1.154h7.594l5.243 6.932ZM17.61 20.644h2.039L6.486 3.24H4.298Z'/%3E%3C/svg%3E")}.vpi-social-youtube{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M23.498 6.186a3.016 3.016 0 0 0-2.122-2.136C19.505 3.545 12 3.545 12 3.545s-7.505 0-9.377.505A3.017 3.017 0 0 0 .502 6.186C0 8.07 0 12 0 12s0 3.93.502 5.814a3.016 3.016 0 0 0 2.122 2.136c1.871.505 9.376.505 9.376.505s7.505 0 9.377-.505a3.015 3.015 0 0 0 2.122-2.136C24 15.93 24 12 24 12s0-3.93-.502-5.814zM9.545 15.568V8.432L15.818 12l-6.273 3.568z'/%3E%3C/svg%3E")}.visually-hidden{position:absolute;width:1px;height:1px;white-space:nowrap;clip:rect(0 0 0 0);clip-path:inset(50%);overflow:hidden}.custom-block{border:1px solid transparent;border-radius:8px;padding:16px 16px 8px;line-height:24px;font-size:var(--vp-custom-block-font-size);color:var(--vp-c-text-2)}.custom-block.info{border-color:var(--vp-custom-block-info-border);color:var(--vp-custom-block-info-text);background-color:var(--vp-custom-block-info-bg)}.custom-block.info a,.custom-block.info code{color:var(--vp-c-brand-1)}.custom-block.info a:hover,.custom-block.info a:hover>code{color:var(--vp-c-brand-2)}.custom-block.info code{background-color:var(--vp-custom-block-info-code-bg)}.custom-block.note{border-color:var(--vp-custom-block-note-border);color:var(--vp-custom-block-note-text);background-color:var(--vp-custom-block-note-bg)}.custom-block.note a,.custom-block.note code{color:var(--vp-c-brand-1)}.custom-block.note a:hover,.custom-block.note a:hover>code{color:var(--vp-c-brand-2)}.custom-block.note code{background-color:var(--vp-custom-block-note-code-bg)}.custom-block.tip{border-color:var(--vp-custom-block-tip-border);color:var(--vp-custom-block-tip-text);background-color:var(--vp-custom-block-tip-bg)}.custom-block.tip a,.custom-block.tip code{color:var(--vp-c-tip-1)}.custom-block.tip a:hover,.custom-block.tip a:hover>code{color:var(--vp-c-tip-2)}.custom-block.tip code{background-color:var(--vp-custom-block-tip-code-bg)}.custom-block.important{border-color:var(--vp-custom-block-important-border);color:var(--vp-custom-block-important-text);background-color:var(--vp-custom-block-important-bg)}.custom-block.important a,.custom-block.important code{color:var(--vp-c-important-1)}.custom-block.important a:hover,.custom-block.important a:hover>code{color:var(--vp-c-important-2)}.custom-block.important code{background-color:var(--vp-custom-block-important-code-bg)}.custom-block.warning{border-color:var(--vp-custom-block-warning-border);color:var(--vp-custom-block-warning-text);background-color:var(--vp-custom-block-warning-bg)}.custom-block.warning a,.custom-block.warning code{color:var(--vp-c-warning-1)}.custom-block.warning a:hover,.custom-block.warning a:hover>code{color:var(--vp-c-warning-2)}.custom-block.warning code{background-color:var(--vp-custom-block-warning-code-bg)}.custom-block.danger{border-color:var(--vp-custom-block-danger-border);color:var(--vp-custom-block-danger-text);background-color:var(--vp-custom-block-danger-bg)}.custom-block.danger a,.custom-block.danger code{color:var(--vp-c-danger-1)}.custom-block.danger a:hover,.custom-block.danger a:hover>code{color:var(--vp-c-danger-2)}.custom-block.danger code{background-color:var(--vp-custom-block-danger-code-bg)}.custom-block.caution{border-color:var(--vp-custom-block-caution-border);color:var(--vp-custom-block-caution-text);background-color:var(--vp-custom-block-caution-bg)}.custom-block.caution a,.custom-block.caution code{color:var(--vp-c-caution-1)}.custom-block.caution a:hover,.custom-block.caution a:hover>code{color:var(--vp-c-caution-2)}.custom-block.caution code{background-color:var(--vp-custom-block-caution-code-bg)}.custom-block.details{border-color:var(--vp-custom-block-details-border);color:var(--vp-custom-block-details-text);background-color:var(--vp-custom-block-details-bg)}.custom-block.details a{color:var(--vp-c-brand-1)}.custom-block.details a:hover,.custom-block.details a:hover>code{color:var(--vp-c-brand-2)}.custom-block.details code{background-color:var(--vp-custom-block-details-code-bg)}.custom-block-title{font-weight:600}.custom-block p+p{margin:8px 0}.custom-block.details summary{margin:0 0 8px;font-weight:700;cursor:pointer;-webkit-user-select:none;user-select:none}.custom-block.details summary+p{margin:8px 0}.custom-block a{color:inherit;font-weight:600;text-decoration:underline;text-underline-offset:2px;transition:opacity .25s}.custom-block a:hover{opacity:.75}.custom-block code{font-size:var(--vp-custom-block-code-font-size)}.custom-block.custom-block th,.custom-block.custom-block blockquote>p{font-size:var(--vp-custom-block-font-size);color:inherit}.dark .vp-code span{color:var(--shiki-dark, inherit)}html:not(.dark) .vp-code span{color:var(--shiki-light, inherit)}.vp-code-group{margin-top:16px}.vp-code-group .tabs{position:relative;display:flex;margin-right:-24px;margin-left:-24px;padding:0 12px;background-color:var(--vp-code-tab-bg);overflow-x:auto;overflow-y:hidden;box-shadow:inset 0 -1px var(--vp-code-tab-divider)}@media (min-width: 640px){.vp-code-group .tabs{margin-right:0;margin-left:0;border-radius:8px 8px 0 0}}.vp-code-group .tabs input{position:fixed;opacity:0;pointer-events:none}.vp-code-group .tabs label{position:relative;display:inline-block;border-bottom:1px solid transparent;padding:0 12px;line-height:48px;font-size:14px;font-weight:500;color:var(--vp-code-tab-text-color);white-space:nowrap;cursor:pointer;transition:color .25s}.vp-code-group .tabs label:after{position:absolute;right:8px;bottom:-1px;left:8px;z-index:1;height:2px;border-radius:2px;content:"";background-color:transparent;transition:background-color .25s}.vp-code-group label:hover{color:var(--vp-code-tab-hover-text-color)}.vp-code-group input:checked+label{color:var(--vp-code-tab-active-text-color)}.vp-code-group input:checked+label:after{background-color:var(--vp-code-tab-active-bar-color)}.vp-code-group div[class*=language-],.vp-block{display:none;margin-top:0!important;border-top-left-radius:0!important;border-top-right-radius:0!important}.vp-code-group div[class*=language-].active,.vp-block.active{display:block}.vp-block{padding:20px 24px}.vp-doc h1,.vp-doc h2,.vp-doc h3,.vp-doc h4,.vp-doc h5,.vp-doc h6{position:relative;font-weight:600;outline:none}.vp-doc h1{letter-spacing:-.02em;line-height:40px;font-size:28px}.vp-doc h2{margin:48px 0 16px;border-top:1px solid var(--vp-c-divider);padding-top:24px;letter-spacing:-.02em;line-height:32px;font-size:24px}.vp-doc h3{margin:32px 0 0;letter-spacing:-.01em;line-height:28px;font-size:20px}.vp-doc h4{margin:24px 0 0;letter-spacing:-.01em;line-height:24px;font-size:18px}.vp-doc .header-anchor{position:absolute;top:0;left:0;margin-left:-.87em;font-weight:500;-webkit-user-select:none;user-select:none;opacity:0;text-decoration:none;transition:color .25s,opacity .25s}.vp-doc .header-anchor:before{content:var(--vp-header-anchor-symbol)}.vp-doc h1:hover .header-anchor,.vp-doc h1 .header-anchor:focus,.vp-doc h2:hover .header-anchor,.vp-doc h2 .header-anchor:focus,.vp-doc h3:hover .header-anchor,.vp-doc h3 .header-anchor:focus,.vp-doc h4:hover .header-anchor,.vp-doc h4 .header-anchor:focus,.vp-doc h5:hover .header-anchor,.vp-doc h5 .header-anchor:focus,.vp-doc h6:hover .header-anchor,.vp-doc h6 .header-anchor:focus{opacity:1}@media (min-width: 768px){.vp-doc h1{letter-spacing:-.02em;line-height:40px;font-size:32px}}.vp-doc h2 .header-anchor{top:24px}.vp-doc p,.vp-doc summary{margin:16px 0}.vp-doc p{line-height:28px}.vp-doc blockquote{margin:16px 0;border-left:2px solid var(--vp-c-divider);padding-left:16px;transition:border-color .5s;color:var(--vp-c-text-2)}.vp-doc blockquote>p{margin:0;font-size:16px;transition:color .5s}.vp-doc a{font-weight:500;color:var(--vp-c-brand-1);text-decoration:underline;text-underline-offset:2px;transition:color .25s,opacity .25s}.vp-doc a:hover{color:var(--vp-c-brand-2)}.vp-doc strong{font-weight:600}.vp-doc ul,.vp-doc ol{padding-left:1.25rem;margin:16px 0}.vp-doc ul{list-style:disc}.vp-doc ol{list-style:decimal}.vp-doc li+li{margin-top:8px}.vp-doc li>ol,.vp-doc li>ul{margin:8px 0 0}.vp-doc table{display:block;border-collapse:collapse;margin:20px 0;overflow-x:auto}.vp-doc tr{background-color:var(--vp-c-bg);border-top:1px solid var(--vp-c-divider);transition:background-color .5s}.vp-doc tr:nth-child(2n){background-color:var(--vp-c-bg-soft)}.vp-doc th,.vp-doc td{border:1px solid var(--vp-c-divider);padding:8px 16px}.vp-doc th{text-align:left;font-size:14px;font-weight:600;color:var(--vp-c-text-2);background-color:var(--vp-c-bg-soft)}.vp-doc td{font-size:14px}.vp-doc hr{margin:16px 0;border:none;border-top:1px solid var(--vp-c-divider)}.vp-doc .custom-block{margin:16px 0}.vp-doc .custom-block p{margin:8px 0;line-height:24px}.vp-doc .custom-block p:first-child{margin:0}.vp-doc .custom-block div[class*=language-]{margin:8px 0;border-radius:8px}.vp-doc .custom-block div[class*=language-] code{font-weight:400;background-color:transparent}.vp-doc .custom-block .vp-code-group .tabs{margin:0;border-radius:8px 8px 0 0}.vp-doc :not(pre,h1,h2,h3,h4,h5,h6)>code{font-size:var(--vp-code-font-size);color:var(--vp-code-color)}.vp-doc :not(pre)>code{border-radius:4px;padding:3px 6px;background-color:var(--vp-code-bg);transition:color .25s,background-color .5s}.vp-doc a>code{color:var(--vp-code-link-color)}.vp-doc a:hover>code{color:var(--vp-code-link-hover-color)}.vp-doc h1>code,.vp-doc h2>code,.vp-doc h3>code,.vp-doc h4>code{font-size:.9em}.vp-doc div[class*=language-],.vp-block{position:relative;margin:16px -24px;background-color:var(--vp-code-block-bg);overflow-x:auto;transition:background-color .5s}@media (min-width: 640px){.vp-doc div[class*=language-],.vp-block{border-radius:8px;margin:16px 0}}@media (max-width: 639px){.vp-doc li div[class*=language-]{border-radius:8px 0 0 8px}}.vp-doc div[class*=language-]+div[class*=language-],.vp-doc div[class$=-api]+div[class*=language-],.vp-doc div[class*=language-]+div[class$=-api]>div[class*=language-]{margin-top:-8px}.vp-doc [class*=language-] pre,.vp-doc [class*=language-] code{direction:ltr;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none}.vp-doc [class*=language-] pre{position:relative;z-index:1;margin:0;padding:20px 0;background:transparent;overflow-x:auto}.vp-doc [class*=language-] code{display:block;padding:0 24px;width:fit-content;min-width:100%;line-height:var(--vp-code-line-height);font-size:var(--vp-code-font-size);color:var(--vp-code-block-color);transition:color .5s}.vp-doc [class*=language-] code .highlighted{background-color:var(--vp-code-line-highlight-color);transition:background-color .5s;margin:0 -24px;padding:0 24px;width:calc(100% + 48px);display:inline-block}.vp-doc [class*=language-] code .highlighted.error{background-color:var(--vp-code-line-error-color)}.vp-doc [class*=language-] code .highlighted.warning{background-color:var(--vp-code-line-warning-color)}.vp-doc [class*=language-] code .diff{transition:background-color .5s;margin:0 -24px;padding:0 24px;width:calc(100% + 48px);display:inline-block}.vp-doc [class*=language-] code .diff:before{position:absolute;left:10px}.vp-doc [class*=language-] .has-focused-lines .line:not(.has-focus){filter:blur(.095rem);opacity:.4;transition:filter .35s,opacity .35s}.vp-doc [class*=language-] .has-focused-lines .line:not(.has-focus){opacity:.7;transition:filter .35s,opacity .35s}.vp-doc [class*=language-]:hover .has-focused-lines .line:not(.has-focus){filter:blur(0);opacity:1}.vp-doc [class*=language-] code .diff.remove{background-color:var(--vp-code-line-diff-remove-color);opacity:.7}.vp-doc [class*=language-] code .diff.remove:before{content:"-";color:var(--vp-code-line-diff-remove-symbol-color)}.vp-doc [class*=language-] code .diff.add{background-color:var(--vp-code-line-diff-add-color)}.vp-doc [class*=language-] code .diff.add:before{content:"+";color:var(--vp-code-line-diff-add-symbol-color)}.vp-doc div[class*=language-].line-numbers-mode{padding-left:32px}.vp-doc .line-numbers-wrapper{position:absolute;top:0;bottom:0;left:0;z-index:3;border-right:1px solid var(--vp-code-block-divider-color);padding-top:20px;width:32px;text-align:center;font-family:var(--vp-font-family-mono);line-height:var(--vp-code-line-height);font-size:var(--vp-code-font-size);color:var(--vp-code-line-number-color);transition:border-color .5s,color .5s}.vp-doc [class*=language-]>button.copy{direction:ltr;position:absolute;top:12px;right:12px;z-index:3;border:1px solid var(--vp-code-copy-code-border-color);border-radius:4px;width:40px;height:40px;background-color:var(--vp-code-copy-code-bg);opacity:0;cursor:pointer;background-image:var(--vp-icon-copy);background-position:50%;background-size:20px;background-repeat:no-repeat;transition:border-color .25s,background-color .25s,opacity .25s}.vp-doc [class*=language-]:hover>button.copy,.vp-doc [class*=language-]>button.copy:focus{opacity:1}.vp-doc [class*=language-]>button.copy:hover,.vp-doc [class*=language-]>button.copy.copied{border-color:var(--vp-code-copy-code-hover-border-color);background-color:var(--vp-code-copy-code-hover-bg)}.vp-doc [class*=language-]>button.copy.copied,.vp-doc [class*=language-]>button.copy:hover.copied{border-radius:0 4px 4px 0;background-color:var(--vp-code-copy-code-hover-bg);background-image:var(--vp-icon-copied)}.vp-doc [class*=language-]>button.copy.copied:before,.vp-doc [class*=language-]>button.copy:hover.copied:before{position:relative;top:-1px;transform:translate(calc(-100% - 1px));display:flex;justify-content:center;align-items:center;border:1px solid var(--vp-code-copy-code-hover-border-color);border-right:0;border-radius:4px 0 0 4px;padding:0 10px;width:fit-content;height:40px;text-align:center;font-size:12px;font-weight:500;color:var(--vp-code-copy-code-active-text);background-color:var(--vp-code-copy-code-hover-bg);white-space:nowrap;content:var(--vp-code-copy-copied-text-content)}.vp-doc [class*=language-]>span.lang{position:absolute;top:2px;right:8px;z-index:2;font-size:12px;font-weight:500;color:var(--vp-code-lang-color);transition:color .4s,opacity .4s}.vp-doc [class*=language-]:hover>button.copy+span.lang,.vp-doc [class*=language-]>button.copy:focus+span.lang{opacity:0}.vp-doc .VPTeamMembers{margin-top:24px}.vp-doc .VPTeamMembers.small.count-1 .container{margin:0!important;max-width:calc((100% - 24px)/2)!important}.vp-doc .VPTeamMembers.small.count-2 .container,.vp-doc .VPTeamMembers.small.count-3 .container{max-width:100%!important}.vp-doc .VPTeamMembers.medium.count-1 .container{margin:0!important;max-width:calc((100% - 24px)/2)!important}:is(.vp-external-link-icon,.vp-doc a[href*="://"],.vp-doc a[target=_blank]):not(.no-icon):after{display:inline-block;margin-top:-1px;margin-left:4px;width:11px;height:11px;background:currentColor;color:var(--vp-c-text-3);flex-shrink:0;--icon: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' %3E%3Cpath d='M0 0h24v24H0V0z' fill='none' /%3E%3Cpath d='M9 5v2h6.59L4 18.59 5.41 20 17 8.41V15h2V5H9z' /%3E%3C/svg%3E");-webkit-mask-image:var(--icon);mask-image:var(--icon)}.vp-external-link-icon:after{content:""}.external-link-icon-enabled :is(.vp-doc a[href*="://"],.vp-doc a[target=_blank]):after{content:"";color:currentColor}.vp-sponsor{border-radius:16px;overflow:hidden}.vp-sponsor.aside{border-radius:12px}.vp-sponsor-section+.vp-sponsor-section{margin-top:4px}.vp-sponsor-tier{margin:0 0 4px!important;text-align:center;letter-spacing:1px!important;line-height:24px;width:100%;font-weight:600;color:var(--vp-c-text-2);background-color:var(--vp-c-bg-soft)}.vp-sponsor.normal .vp-sponsor-tier{padding:13px 0 11px;font-size:14px}.vp-sponsor.aside .vp-sponsor-tier{padding:9px 0 7px;font-size:12px}.vp-sponsor-grid+.vp-sponsor-tier{margin-top:4px}.vp-sponsor-grid{display:flex;flex-wrap:wrap;gap:4px}.vp-sponsor-grid.xmini .vp-sponsor-grid-link{height:64px}.vp-sponsor-grid.xmini .vp-sponsor-grid-image{max-width:64px;max-height:22px}.vp-sponsor-grid.mini .vp-sponsor-grid-link{height:72px}.vp-sponsor-grid.mini .vp-sponsor-grid-image{max-width:96px;max-height:24px}.vp-sponsor-grid.small .vp-sponsor-grid-link{height:96px}.vp-sponsor-grid.small .vp-sponsor-grid-image{max-width:96px;max-height:24px}.vp-sponsor-grid.medium .vp-sponsor-grid-link{height:112px}.vp-sponsor-grid.medium .vp-sponsor-grid-image{max-width:120px;max-height:36px}.vp-sponsor-grid.big .vp-sponsor-grid-link{height:184px}.vp-sponsor-grid.big .vp-sponsor-grid-image{max-width:192px;max-height:56px}.vp-sponsor-grid[data-vp-grid="2"] .vp-sponsor-grid-item{width:calc((100% - 4px)/2)}.vp-sponsor-grid[data-vp-grid="3"] .vp-sponsor-grid-item{width:calc((100% - 4px * 2) / 3)}.vp-sponsor-grid[data-vp-grid="4"] .vp-sponsor-grid-item{width:calc((100% - 12px)/4)}.vp-sponsor-grid[data-vp-grid="5"] .vp-sponsor-grid-item{width:calc((100% - 16px)/5)}.vp-sponsor-grid[data-vp-grid="6"] .vp-sponsor-grid-item{width:calc((100% - 4px * 5) / 6)}.vp-sponsor-grid-item{flex-shrink:0;width:100%;background-color:var(--vp-c-bg-soft);transition:background-color .25s}.vp-sponsor-grid-item:hover{background-color:var(--vp-c-default-soft)}.vp-sponsor-grid-item:hover .vp-sponsor-grid-image{filter:grayscale(0) invert(0)}.vp-sponsor-grid-item.empty:hover{background-color:var(--vp-c-bg-soft)}.dark .vp-sponsor-grid-item:hover{background-color:var(--vp-c-white)}.dark .vp-sponsor-grid-item.empty:hover{background-color:var(--vp-c-bg-soft)}.vp-sponsor-grid-link{display:flex}.vp-sponsor-grid-box{display:flex;justify-content:center;align-items:center;width:100%}.vp-sponsor-grid-image{max-width:100%;filter:grayscale(1);transition:filter .25s}.dark .vp-sponsor-grid-image{filter:grayscale(1) invert(1)}.VPBadge{display:inline-block;margin-left:2px;border:1px solid transparent;border-radius:12px;padding:0 10px;line-height:22px;font-size:12px;font-weight:500;transform:translateY(-2px)}.VPBadge.small{padding:0 6px;line-height:18px;font-size:10px;transform:translateY(-8px)}.VPDocFooter .VPBadge{display:none}.vp-doc h1>.VPBadge{margin-top:4px;vertical-align:top}.vp-doc h2>.VPBadge{margin-top:3px;padding:0 8px;vertical-align:top}.vp-doc h3>.VPBadge{vertical-align:middle}.vp-doc h4>.VPBadge,.vp-doc h5>.VPBadge,.vp-doc h6>.VPBadge{vertical-align:middle;line-height:18px}.VPBadge.info{border-color:var(--vp-badge-info-border);color:var(--vp-badge-info-text);background-color:var(--vp-badge-info-bg)}.VPBadge.tip{border-color:var(--vp-badge-tip-border);color:var(--vp-badge-tip-text);background-color:var(--vp-badge-tip-bg)}.VPBadge.warning{border-color:var(--vp-badge-warning-border);color:var(--vp-badge-warning-text);background-color:var(--vp-badge-warning-bg)}.VPBadge.danger{border-color:var(--vp-badge-danger-border);color:var(--vp-badge-danger-text);background-color:var(--vp-badge-danger-bg)}.VPBackdrop[data-v-04d48cd9]{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--vp-z-index-backdrop);background:var(--vp-backdrop-bg-color);transition:opacity .5s}.VPBackdrop.fade-enter-from[data-v-04d48cd9],.VPBackdrop.fade-leave-to[data-v-04d48cd9]{opacity:0}.VPBackdrop.fade-leave-active[data-v-04d48cd9]{transition-duration:.25s}@media (min-width: 1280px){.VPBackdrop[data-v-04d48cd9]{display:none}}.NotFound[data-v-f42a693d]{padding:64px 24px 96px;text-align:center}@media (min-width: 768px){.NotFound[data-v-f42a693d]{padding:96px 32px 168px}}.code[data-v-f42a693d]{line-height:64px;font-size:64px;font-weight:600}.title[data-v-f42a693d]{padding-top:12px;letter-spacing:2px;line-height:20px;font-size:20px;font-weight:700}.divider[data-v-f42a693d]{margin:24px auto 18px;width:64px;height:1px;background-color:var(--vp-c-divider)}.quote[data-v-f42a693d]{margin:0 auto;max-width:256px;font-size:14px;font-weight:500;color:var(--vp-c-text-2)}.action[data-v-f42a693d]{padding-top:20px}.link[data-v-f42a693d]{display:inline-block;border:1px solid var(--vp-c-brand-1);border-radius:16px;padding:3px 16px;font-size:14px;font-weight:500;color:var(--vp-c-brand-1);transition:border-color .25s,color .25s}.link[data-v-f42a693d]:hover{border-color:var(--vp-c-brand-2);color:var(--vp-c-brand-2)}.root[data-v-0e6901ea]{position:relative;z-index:1}.nested[data-v-0e6901ea]{padding-right:16px;padding-left:16px}.outline-link[data-v-0e6901ea]{display:block;line-height:32px;font-size:14px;font-weight:400;color:var(--vp-c-text-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color .5s}.outline-link[data-v-0e6901ea]:hover,.outline-link.active[data-v-0e6901ea]{color:var(--vp-c-text-1);transition:color .25s}.outline-link.nested[data-v-0e6901ea]{padding-left:13px}.VPDocAsideOutline[data-v-bbcc1483]{display:none}.VPDocAsideOutline.has-outline[data-v-bbcc1483]{display:block}.content[data-v-bbcc1483]{position:relative;border-left:1px solid var(--vp-c-divider);padding-left:16px;font-size:13px;font-weight:500}.outline-marker[data-v-bbcc1483]{position:absolute;top:32px;left:-1px;z-index:0;opacity:0;width:2px;border-radius:2px;height:18px;background-color:var(--vp-c-brand-1);transition:top .25s cubic-bezier(0,1,.5,1),background-color .5s,opacity .25s}.outline-title[data-v-bbcc1483]{line-height:32px;font-size:14px;font-weight:600}.VPDocAside[data-v-97432361]{display:flex;flex-direction:column;flex-grow:1}.spacer[data-v-97432361]{flex-grow:1}.VPDocAside[data-v-97432361] .spacer+.VPDocAsideSponsors,.VPDocAside[data-v-97432361] .spacer+.VPDocAsideCarbonAds{margin-top:24px}.VPDocAside[data-v-97432361] .VPDocAsideSponsors+.VPDocAsideCarbonAds{margin-top:16px}.VPLastUpdated[data-v-ff29ab4e]{line-height:24px;font-size:14px;font-weight:500;color:var(--vp-c-text-2)}@media (min-width: 640px){.VPLastUpdated[data-v-ff29ab4e]{line-height:32px;font-size:14px;font-weight:500}}.VPDocFooter[data-v-136af2a2]{margin-top:64px}.edit-info[data-v-136af2a2]{padding-bottom:18px}@media (min-width: 640px){.edit-info[data-v-136af2a2]{display:flex;justify-content:space-between;align-items:center;padding-bottom:14px}}.edit-link-button[data-v-136af2a2]{display:flex;align-items:center;border:0;line-height:32px;font-size:14px;font-weight:500;color:var(--vp-c-brand-1);transition:color .25s}.edit-link-button[data-v-136af2a2]:hover{color:var(--vp-c-brand-2)}.edit-link-icon[data-v-136af2a2]{margin-right:8px}.prev-next[data-v-136af2a2]{border-top:1px solid var(--vp-c-divider);padding-top:24px;display:grid;grid-row-gap:8px}@media (min-width: 640px){.prev-next[data-v-136af2a2]{grid-template-columns:repeat(2,1fr);grid-column-gap:16px}}.pager-link[data-v-136af2a2]{display:block;border:1px solid var(--vp-c-divider);border-radius:8px;padding:11px 16px 13px;width:100%;height:100%;transition:border-color .25s}.pager-link[data-v-136af2a2]:hover{border-color:var(--vp-c-brand-1)}.pager-link.next[data-v-136af2a2]{margin-left:auto;text-align:right}.desc[data-v-136af2a2]{display:block;line-height:20px;font-size:12px;font-weight:500;color:var(--vp-c-text-2)}.title[data-v-136af2a2]{display:block;line-height:20px;font-size:14px;font-weight:500;color:var(--vp-c-brand-1);transition:color .25s}.VPDoc[data-v-20ca1434]{padding:32px 24px 96px;width:100%}@media (min-width: 768px){.VPDoc[data-v-20ca1434]{padding:48px 32px 128px}}@media (min-width: 960px){.VPDoc[data-v-20ca1434]{padding:48px 32px 0}.VPDoc:not(.has-sidebar) .container[data-v-20ca1434]{display:flex;justify-content:center;max-width:992px}.VPDoc:not(.has-sidebar) .content[data-v-20ca1434]{max-width:752px}}@media (min-width: 1280px){.VPDoc .container[data-v-20ca1434]{display:flex;justify-content:center}.VPDoc .aside[data-v-20ca1434]{display:block}}@media (min-width: 1440px){.VPDoc:not(.has-sidebar) .content[data-v-20ca1434]{max-width:784px}.VPDoc:not(.has-sidebar) .container[data-v-20ca1434]{max-width:1104px}}.container[data-v-20ca1434]{margin:0 auto;width:100%}.aside[data-v-20ca1434]{position:relative;display:none;order:2;flex-grow:1;padding-left:32px;width:100%;max-width:256px}.left-aside[data-v-20ca1434]{order:1;padding-left:unset;padding-right:32px}.aside-container[data-v-20ca1434]{position:fixed;top:0;padding-top:calc(var(--vp-nav-height) + var(--vp-layout-top-height, 0px) + var(--vp-doc-top-height, 0px) + 48px);width:224px;height:100vh;overflow-x:hidden;overflow-y:auto;scrollbar-width:none}.aside-container[data-v-20ca1434]::-webkit-scrollbar{display:none}.aside-curtain[data-v-20ca1434]{position:fixed;bottom:0;z-index:10;width:224px;height:32px;background:linear-gradient(transparent,var(--vp-c-bg) 70%)}.aside-content[data-v-20ca1434]{display:flex;flex-direction:column;min-height:calc(100vh - (var(--vp-nav-height) + var(--vp-layout-top-height, 0px) + 48px));padding-bottom:32px}.content[data-v-20ca1434]{position:relative;margin:0 auto;width:100%}@media (min-width: 960px){.content[data-v-20ca1434]{padding:0 32px 128px}}@media (min-width: 1280px){.content[data-v-20ca1434]{order:1;margin:0;min-width:640px}}.content-container[data-v-20ca1434]{margin:0 auto}.VPDoc.has-aside .content-container[data-v-20ca1434]{max-width:688px}.VPButton[data-v-93d0fda6]{display:inline-block;border:1px solid transparent;text-align:center;font-weight:600;white-space:nowrap;transition:color .25s,border-color .25s,background-color .25s}.VPButton[data-v-93d0fda6]:active{transition:color .1s,border-color .1s,background-color .1s}.VPButton.medium[data-v-93d0fda6]{border-radius:20px;padding:0 20px;line-height:38px;font-size:14px}.VPButton.big[data-v-93d0fda6]{border-radius:24px;padding:0 24px;line-height:46px;font-size:16px}.VPButton.brand[data-v-93d0fda6]{border-color:var(--vp-button-brand-border);color:var(--vp-button-brand-text);background-color:var(--vp-button-brand-bg)}.VPButton.brand[data-v-93d0fda6]:hover{border-color:var(--vp-button-brand-hover-border);color:var(--vp-button-brand-hover-text);background-color:var(--vp-button-brand-hover-bg)}.VPButton.brand[data-v-93d0fda6]:active{border-color:var(--vp-button-brand-active-border);color:var(--vp-button-brand-active-text);background-color:var(--vp-button-brand-active-bg)}.VPButton.alt[data-v-93d0fda6]{border-color:var(--vp-button-alt-border);color:var(--vp-button-alt-text);background-color:var(--vp-button-alt-bg)}.VPButton.alt[data-v-93d0fda6]:hover{border-color:var(--vp-button-alt-hover-border);color:var(--vp-button-alt-hover-text);background-color:var(--vp-button-alt-hover-bg)}.VPButton.alt[data-v-93d0fda6]:active{border-color:var(--vp-button-alt-active-border);color:var(--vp-button-alt-active-text);background-color:var(--vp-button-alt-active-bg)}.VPButton.sponsor[data-v-93d0fda6]{border-color:var(--vp-button-sponsor-border);color:var(--vp-button-sponsor-text);background-color:var(--vp-button-sponsor-bg)}.VPButton.sponsor[data-v-93d0fda6]:hover{border-color:var(--vp-button-sponsor-hover-border);color:var(--vp-button-sponsor-hover-text);background-color:var(--vp-button-sponsor-hover-bg)}.VPButton.sponsor[data-v-93d0fda6]:active{border-color:var(--vp-button-sponsor-active-border);color:var(--vp-button-sponsor-active-text);background-color:var(--vp-button-sponsor-active-bg)}html:not(.dark) .VPImage.dark[data-v-f75a2090]{display:none}.dark .VPImage.light[data-v-f75a2090]{display:none}.VPHero[data-v-280885c2]{margin-top:calc((var(--vp-nav-height) + var(--vp-layout-top-height, 0px)) * -1);padding:calc(var(--vp-nav-height) + var(--vp-layout-top-height, 0px) + 48px) 24px 48px}@media (min-width: 640px){.VPHero[data-v-280885c2]{padding:calc(var(--vp-nav-height) + var(--vp-layout-top-height, 0px) + 80px) 48px 64px}}@media (min-width: 960px){.VPHero[data-v-280885c2]{padding:calc(var(--vp-nav-height) + var(--vp-layout-top-height, 0px) + 80px) 64px 64px}}.container[data-v-280885c2]{display:flex;flex-direction:column;margin:0 auto;max-width:1152px}@media (min-width: 960px){.container[data-v-280885c2]{flex-direction:row}}.main[data-v-280885c2]{position:relative;z-index:10;order:2;flex-grow:1;flex-shrink:0}.VPHero.has-image .container[data-v-280885c2]{text-align:center}@media (min-width: 960px){.VPHero.has-image .container[data-v-280885c2]{text-align:left}}@media (min-width: 960px){.main[data-v-280885c2]{order:1;width:calc((100% / 3) * 2)}.VPHero.has-image .main[data-v-280885c2]{max-width:592px}}.name[data-v-280885c2],.text[data-v-280885c2]{max-width:392px;letter-spacing:-.4px;line-height:40px;font-size:32px;font-weight:700;white-space:pre-wrap}.VPHero.has-image .name[data-v-280885c2],.VPHero.has-image .text[data-v-280885c2]{margin:0 auto}.name[data-v-280885c2]{color:var(--vp-home-hero-name-color)}.clip[data-v-280885c2]{background:var(--vp-home-hero-name-background);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:var(--vp-home-hero-name-color)}@media (min-width: 640px){.name[data-v-280885c2],.text[data-v-280885c2]{max-width:576px;line-height:56px;font-size:48px}}@media (min-width: 960px){.name[data-v-280885c2],.text[data-v-280885c2]{line-height:64px;font-size:56px}.VPHero.has-image .name[data-v-280885c2],.VPHero.has-image .text[data-v-280885c2]{margin:0}}.tagline[data-v-280885c2]{padding-top:8px;max-width:392px;line-height:28px;font-size:18px;font-weight:500;white-space:pre-wrap;color:var(--vp-c-text-2)}.VPHero.has-image .tagline[data-v-280885c2]{margin:0 auto}@media (min-width: 640px){.tagline[data-v-280885c2]{padding-top:12px;max-width:576px;line-height:32px;font-size:20px}}@media (min-width: 960px){.tagline[data-v-280885c2]{line-height:36px;font-size:24px}.VPHero.has-image .tagline[data-v-280885c2]{margin:0}}.actions[data-v-280885c2]{display:flex;flex-wrap:wrap;margin:-6px;padding-top:24px}.VPHero.has-image .actions[data-v-280885c2]{justify-content:center}@media (min-width: 640px){.actions[data-v-280885c2]{padding-top:32px}}@media (min-width: 960px){.VPHero.has-image .actions[data-v-280885c2]{justify-content:flex-start}}.action[data-v-280885c2]{flex-shrink:0;padding:6px}.image[data-v-280885c2]{order:1;margin:-76px -24px -48px}@media (min-width: 640px){.image[data-v-280885c2]{margin:-108px -24px -48px}}@media (min-width: 960px){.image[data-v-280885c2]{flex-grow:1;order:2;margin:0;min-height:100%}}.image-container[data-v-280885c2]{position:relative;margin:0 auto;width:320px;height:320px}@media (min-width: 640px){.image-container[data-v-280885c2]{width:392px;height:392px}}@media (min-width: 960px){.image-container[data-v-280885c2]{display:flex;justify-content:center;align-items:center;width:100%;height:100%;transform:translate(-32px,-32px)}}.image-bg[data-v-280885c2]{position:absolute;top:50%;left:50%;border-radius:50%;width:192px;height:192px;background-image:var(--vp-home-hero-image-background-image);filter:var(--vp-home-hero-image-filter);transform:translate(-50%,-50%)}@media (min-width: 640px){.image-bg[data-v-280885c2]{width:256px;height:256px}}@media (min-width: 960px){.image-bg[data-v-280885c2]{width:320px;height:320px}}[data-v-280885c2] .image-src{position:absolute;top:50%;left:50%;max-width:192px;max-height:192px;transform:translate(-50%,-50%)}@media (min-width: 640px){[data-v-280885c2] .image-src{max-width:256px;max-height:256px}}@media (min-width: 960px){[data-v-280885c2] .image-src{max-width:320px;max-height:320px}}.VPFeature[data-v-2f6b068e]{display:block;border:1px solid var(--vp-c-bg-soft);border-radius:12px;height:100%;background-color:var(--vp-c-bg-soft);transition:border-color .25s,background-color .25s}.VPFeature.link[data-v-2f6b068e]:hover{border-color:var(--vp-c-brand-1)}.box[data-v-2f6b068e]{display:flex;flex-direction:column;padding:24px;height:100%}.box[data-v-2f6b068e]>.VPImage{margin-bottom:20px}.icon[data-v-2f6b068e]{display:flex;justify-content:center;align-items:center;margin-bottom:20px;border-radius:6px;background-color:var(--vp-c-default-soft);width:48px;height:48px;font-size:24px;transition:background-color .25s}.title[data-v-2f6b068e]{line-height:24px;font-size:16px;font-weight:600}.details[data-v-2f6b068e]{flex-grow:1;padding-top:8px;line-height:24px;font-size:14px;font-weight:500;color:var(--vp-c-text-2)}.link-text[data-v-2f6b068e]{padding-top:8px}.link-text-value[data-v-2f6b068e]{display:flex;align-items:center;font-size:14px;font-weight:500;color:var(--vp-c-brand-1)}.link-text-icon[data-v-2f6b068e]{margin-left:6px}.VPFeatures[data-v-829c1877]{position:relative;padding:0 24px}@media (min-width: 640px){.VPFeatures[data-v-829c1877]{padding:0 48px}}@media (min-width: 960px){.VPFeatures[data-v-829c1877]{padding:0 64px}}.container[data-v-829c1877]{margin:0 auto;max-width:1152px}.items[data-v-829c1877]{display:flex;flex-wrap:wrap;margin:-8px}.item[data-v-829c1877]{padding:8px;width:100%}@media (min-width: 640px){.item.grid-2[data-v-829c1877],.item.grid-4[data-v-829c1877],.item.grid-6[data-v-829c1877]{width:50%}}@media (min-width: 768px){.item.grid-2[data-v-829c1877],.item.grid-4[data-v-829c1877]{width:50%}.item.grid-3[data-v-829c1877],.item.grid-6[data-v-829c1877]{width:calc(100% / 3)}}@media (min-width: 960px){.item.grid-4[data-v-829c1877]{width:25%}}.container[data-v-969f3bdf]{margin:auto;width:100%;max-width:1280px;padding:0 24px}@media (min-width: 640px){.container[data-v-969f3bdf]{padding:0 48px}}@media (min-width: 960px){.container[data-v-969f3bdf]{width:100%;padding:0 64px}}.vp-doc[data-v-969f3bdf] .VPHomeSponsors,.vp-doc[data-v-969f3bdf] .VPTeamPage{margin-left:var(--vp-offset, calc(50% - 50vw) );margin-right:var(--vp-offset, calc(50% - 50vw) )}.vp-doc[data-v-969f3bdf] .VPHomeSponsors h2{border-top:none;letter-spacing:normal}.vp-doc[data-v-969f3bdf] .VPHomeSponsors a,.vp-doc[data-v-969f3bdf] .VPTeamPage a{text-decoration:none}.VPHome[data-v-165aac84]{margin-bottom:96px}@media (min-width: 768px){.VPHome[data-v-165aac84]{margin-bottom:128px}}.VPContent[data-v-29a423f7]{flex-grow:1;flex-shrink:0;margin:var(--vp-layout-top-height, 0px) auto 0;width:100%}.VPContent.is-home[data-v-29a423f7]{width:100%;max-width:100%}.VPContent.has-sidebar[data-v-29a423f7]{margin:0}@media (min-width: 960px){.VPContent[data-v-29a423f7]{padding-top:var(--vp-nav-height)}.VPContent.has-sidebar[data-v-29a423f7]{margin:var(--vp-layout-top-height, 0px) 0 0;padding-left:var(--vp-sidebar-width)}}@media (min-width: 1440px){.VPContent.has-sidebar[data-v-29a423f7]{padding-right:calc((100vw - var(--vp-layout-max-width)) / 2);padding-left:calc((100vw - var(--vp-layout-max-width)) / 2 + var(--vp-sidebar-width))}}.VPFooter[data-v-da092520]{position:relative;z-index:var(--vp-z-index-footer);border-top:1px solid var(--vp-c-gutter);padding:32px 24px;background-color:var(--vp-c-bg)}.VPFooter.has-sidebar[data-v-da092520]{display:none}.VPFooter[data-v-da092520] a{text-decoration-line:underline;text-underline-offset:2px;transition:color .25s}.VPFooter[data-v-da092520] a:hover{color:var(--vp-c-text-1)}@media (min-width: 768px){.VPFooter[data-v-da092520]{padding:32px}}.container[data-v-da092520]{margin:0 auto;max-width:var(--vp-layout-max-width);text-align:center}.message[data-v-da092520],.copyright[data-v-da092520]{line-height:24px;font-size:14px;font-weight:500;color:var(--vp-c-text-2)}.VPLocalNavOutlineDropdown[data-v-48697cd3]{padding:12px 20px 11px}@media (min-width: 960px){.VPLocalNavOutlineDropdown[data-v-48697cd3]{padding:12px 36px 11px}}.VPLocalNavOutlineDropdown button[data-v-48697cd3]{display:block;font-size:12px;font-weight:500;line-height:24px;color:var(--vp-c-text-2);transition:color .5s;position:relative}.VPLocalNavOutlineDropdown button[data-v-48697cd3]:hover{color:var(--vp-c-text-1);transition:color .25s}.VPLocalNavOutlineDropdown button.open[data-v-48697cd3]{color:var(--vp-c-text-1)}.icon[data-v-48697cd3]{display:inline-block;vertical-align:middle;margin-left:2px;font-size:14px;transform:rotate(0);transition:transform .25s}@media (min-width: 960px){.VPLocalNavOutlineDropdown button[data-v-48697cd3]{font-size:14px}.icon[data-v-48697cd3]{font-size:16px}}.open>.icon[data-v-48697cd3]{transform:rotate(90deg)}.items[data-v-48697cd3]{position:absolute;top:40px;right:16px;left:16px;display:grid;gap:1px;border:1px solid var(--vp-c-border);border-radius:8px;background-color:var(--vp-c-gutter);max-height:calc(var(--vp-vh, 100vh) - 86px);overflow:hidden auto;box-shadow:var(--vp-shadow-3)}@media (min-width: 960px){.items[data-v-48697cd3]{right:auto;left:calc(var(--vp-sidebar-width) + 32px);width:320px}}.header[data-v-48697cd3]{background-color:var(--vp-c-bg-soft)}.top-link[data-v-48697cd3]{display:block;padding:0 16px;line-height:48px;font-size:14px;font-weight:500;color:var(--vp-c-brand-1)}.outline[data-v-48697cd3]{padding:8px 0;background-color:var(--vp-c-bg-soft)}.flyout-enter-active[data-v-48697cd3]{transition:all .2s ease-out}.flyout-leave-active[data-v-48697cd3]{transition:all .15s ease-in}.flyout-enter-from[data-v-48697cd3],.flyout-leave-to[data-v-48697cd3]{opacity:0;transform:translateY(-16px)}.VPLocalNav[data-v-b8659afc]{position:sticky;top:0;left:0;z-index:var(--vp-z-index-local-nav);border-bottom:1px solid var(--vp-c-gutter);padding-top:var(--vp-layout-top-height, 0px);width:100%;background-color:var(--vp-local-nav-bg-color)}.VPLocalNav.fixed[data-v-b8659afc]{position:fixed}@media (min-width: 960px){.VPLocalNav[data-v-b8659afc]{top:var(--vp-nav-height)}.VPLocalNav.has-sidebar[data-v-b8659afc]{padding-left:var(--vp-sidebar-width)}.VPLocalNav.empty[data-v-b8659afc]{display:none}}@media (min-width: 1280px){.VPLocalNav[data-v-b8659afc]{display:none}}@media (min-width: 1440px){.VPLocalNav.has-sidebar[data-v-b8659afc]{padding-left:calc((100vw - var(--vp-layout-max-width)) / 2 + var(--vp-sidebar-width))}}.container[data-v-b8659afc]{display:flex;justify-content:space-between;align-items:center}.menu[data-v-b8659afc]{display:flex;align-items:center;padding:12px 24px 11px;line-height:24px;font-size:12px;font-weight:500;color:var(--vp-c-text-2);transition:color .5s}.menu[data-v-b8659afc]:hover{color:var(--vp-c-text-1);transition:color .25s}@media (min-width: 768px){.menu[data-v-b8659afc]{padding:0 32px}}@media (min-width: 960px){.menu[data-v-b8659afc]{display:none}}.menu-icon[data-v-b8659afc]{margin-right:8px;font-size:14px}.VPOutlineDropdown[data-v-b8659afc]{padding:12px 24px 11px}@media (min-width: 768px){.VPOutlineDropdown[data-v-b8659afc]{padding:12px 32px 11px}}.VPSwitch[data-v-de19d019]{position:relative;border-radius:11px;display:block;width:40px;height:22px;flex-shrink:0;border:1px solid var(--vp-input-border-color);background-color:var(--vp-input-switch-bg-color);transition:border-color .25s!important}.VPSwitch[data-v-de19d019]:hover{border-color:var(--vp-c-brand-1)}.check[data-v-de19d019]{position:absolute;top:1px;left:1px;width:18px;height:18px;border-radius:50%;background-color:var(--vp-c-neutral-inverse);box-shadow:var(--vp-shadow-1);transition:transform .25s!important}.icon[data-v-de19d019]{position:relative;display:block;width:18px;height:18px;border-radius:50%;overflow:hidden}.icon[data-v-de19d019] [class^=vpi-]{position:absolute;top:3px;left:3px;width:12px;height:12px;color:var(--vp-c-text-2)}.dark .icon[data-v-de19d019] [class^=vpi-]{color:var(--vp-c-text-1);transition:opacity .25s!important}.sun[data-v-bba216ed]{opacity:1}.moon[data-v-bba216ed],.dark .sun[data-v-bba216ed]{opacity:0}.dark .moon[data-v-bba216ed]{opacity:1}.dark .VPSwitchAppearance[data-v-bba216ed] .check{transform:translate(18px)}.VPNavBarAppearance[data-v-d3bad0d7]{display:none}@media (min-width: 1280px){.VPNavBarAppearance[data-v-d3bad0d7]{display:flex;align-items:center}}.VPMenuGroup+.VPMenuLink[data-v-b20b9da5]{margin:12px -12px 0;border-top:1px solid var(--vp-c-divider);padding:12px 12px 0}.link[data-v-b20b9da5]{display:block;border-radius:6px;padding:0 12px;line-height:32px;font-size:14px;font-weight:500;color:var(--vp-c-text-1);white-space:nowrap;transition:background-color .25s,color .25s}.link[data-v-b20b9da5]:hover{color:var(--vp-c-brand-1);background-color:var(--vp-c-default-soft)}.link.active[data-v-b20b9da5]{color:var(--vp-c-brand-1)}.VPMenuGroup[data-v-8c2c33d3]{margin:12px -12px 0;border-top:1px solid var(--vp-c-divider);padding:12px 12px 0}.VPMenuGroup[data-v-8c2c33d3]:first-child{margin-top:0;border-top:0;padding-top:0}.VPMenuGroup+.VPMenuGroup[data-v-8c2c33d3]{margin-top:12px;border-top:1px solid var(--vp-c-divider)}.title[data-v-8c2c33d3]{padding:0 12px;line-height:32px;font-size:14px;font-weight:600;color:var(--vp-c-text-2);white-space:nowrap;transition:color .25s}.VPMenu[data-v-82c919d4]{border-radius:12px;padding:12px;min-width:128px;border:1px solid var(--vp-c-divider);background-color:var(--vp-c-bg-elv);box-shadow:var(--vp-shadow-3);transition:background-color .5s;max-height:calc(100vh - var(--vp-nav-height));overflow-y:auto}.VPMenu[data-v-82c919d4] .group{margin:0 -12px;padding:0 12px 12px}.VPMenu[data-v-82c919d4] .group+.group{border-top:1px solid var(--vp-c-divider);padding:11px 12px 12px}.VPMenu[data-v-82c919d4] .group:last-child{padding-bottom:0}.VPMenu[data-v-82c919d4] .group+.item{border-top:1px solid var(--vp-c-divider);padding:11px 16px 0}.VPMenu[data-v-82c919d4] .item{padding:0 16px;white-space:nowrap}.VPMenu[data-v-82c919d4] .label{flex-grow:1;line-height:28px;font-size:12px;font-weight:500;color:var(--vp-c-text-2);transition:color .5s}.VPMenu[data-v-82c919d4] .action{padding-left:24px}.VPFlyout[data-v-847f3639]{position:relative}.VPFlyout[data-v-847f3639]:hover{color:var(--vp-c-brand-1);transition:color .25s}.VPFlyout:hover .text[data-v-847f3639]{color:var(--vp-c-text-2)}.VPFlyout:hover .icon[data-v-847f3639]{fill:var(--vp-c-text-2)}.VPFlyout.active .text[data-v-847f3639]{color:var(--vp-c-brand-1)}.VPFlyout.active:hover .text[data-v-847f3639]{color:var(--vp-c-brand-2)}.VPFlyout:hover .menu[data-v-847f3639],.button[aria-expanded=true]+.menu[data-v-847f3639]{opacity:1;visibility:visible;transform:translateY(0)}.button[aria-expanded=false]+.menu[data-v-847f3639]{opacity:0;visibility:hidden;transform:translateY(0)}.button[data-v-847f3639]{display:flex;align-items:center;padding:0 12px;height:var(--vp-nav-height);color:var(--vp-c-text-1);transition:color .5s}.text[data-v-847f3639]{display:flex;align-items:center;line-height:var(--vp-nav-height);font-size:14px;font-weight:500;color:var(--vp-c-text-1);transition:color .25s}.option-icon[data-v-847f3639]{margin-right:0;font-size:16px}.text-icon[data-v-847f3639]{margin-left:4px;font-size:14px}.icon[data-v-847f3639]{font-size:20px;transition:fill .25s}.menu[data-v-847f3639]{position:absolute;top:calc(var(--vp-nav-height) / 2 + 20px);right:0;opacity:0;visibility:hidden;transition:opacity .25s,visibility .25s,transform .25s}.VPSocialLink[data-v-c4449606]{display:flex;justify-content:center;align-items:center;width:36px;height:36px;color:var(--vp-c-text-2);transition:color .5s}.VPSocialLink[data-v-c4449606]:hover{color:var(--vp-c-text-1);transition:color .25s}.VPSocialLink[data-v-c4449606]>svg,.VPSocialLink[data-v-c4449606]>[class^=vpi-social-]{width:20px;height:20px;fill:currentColor}.VPSocialLinks[data-v-93f09163]{display:flex;justify-content:center}.VPNavBarExtra[data-v-12462735]{display:none;margin-right:-12px}@media (min-width: 768px){.VPNavBarExtra[data-v-12462735]{display:block}}@media (min-width: 1280px){.VPNavBarExtra[data-v-12462735]{display:none}}.trans-title[data-v-12462735]{padding:0 24px 0 12px;line-height:32px;font-size:14px;font-weight:700;color:var(--vp-c-text-1)}.item.appearance[data-v-12462735],.item.social-links[data-v-12462735]{display:flex;align-items:center;padding:0 12px}.item.appearance[data-v-12462735]{min-width:176px}.appearance-action[data-v-12462735]{margin-right:-2px}.social-links-list[data-v-12462735]{margin:-4px -8px}.VPNavBarHamburger[data-v-0f2ed911]{display:flex;justify-content:center;align-items:center;width:48px;height:var(--vp-nav-height)}@media (min-width: 768px){.VPNavBarHamburger[data-v-0f2ed911]{display:none}}.container[data-v-0f2ed911]{position:relative;width:16px;height:14px;overflow:hidden}.VPNavBarHamburger:hover .top[data-v-0f2ed911]{top:0;left:0;transform:translate(4px)}.VPNavBarHamburger:hover .middle[data-v-0f2ed911]{top:6px;left:0;transform:translate(0)}.VPNavBarHamburger:hover .bottom[data-v-0f2ed911]{top:12px;left:0;transform:translate(8px)}.VPNavBarHamburger.active .top[data-v-0f2ed911]{top:6px;transform:translate(0) rotate(225deg)}.VPNavBarHamburger.active .middle[data-v-0f2ed911]{top:6px;transform:translate(16px)}.VPNavBarHamburger.active .bottom[data-v-0f2ed911]{top:6px;transform:translate(0) rotate(135deg)}.VPNavBarHamburger.active:hover .top[data-v-0f2ed911],.VPNavBarHamburger.active:hover .middle[data-v-0f2ed911],.VPNavBarHamburger.active:hover .bottom[data-v-0f2ed911]{background-color:var(--vp-c-text-2);transition:top .25s,background-color .25s,transform .25s}.top[data-v-0f2ed911],.middle[data-v-0f2ed911],.bottom[data-v-0f2ed911]{position:absolute;width:16px;height:2px;background-color:var(--vp-c-text-1);transition:top .25s,background-color .5s,transform .25s}.top[data-v-0f2ed911]{top:0;left:0;transform:translate(0)}.middle[data-v-0f2ed911]{top:6px;left:0;transform:translate(8px)}.bottom[data-v-0f2ed911]{top:12px;left:0;transform:translate(4px)}.VPNavBarMenuLink[data-v-8839dcde]{display:flex;align-items:center;padding:0 12px;line-height:var(--vp-nav-height);font-size:14px;font-weight:500;color:var(--vp-c-text-1);transition:color .25s}.VPNavBarMenuLink.active[data-v-8839dcde],.VPNavBarMenuLink[data-v-8839dcde]:hover{color:var(--vp-c-brand-1)}.VPNavBarMenu[data-v-3485cb76]{display:none}@media (min-width: 768px){.VPNavBarMenu[data-v-3485cb76]{display:flex}}/*! @docsearch/css 3.6.0 | MIT License | © Algolia, Inc. and contributors | https://docsearch.algolia.com */:root{--docsearch-primary-color:#5468ff;--docsearch-text-color:#1c1e21;--docsearch-spacing:12px;--docsearch-icon-stroke-width:1.4;--docsearch-highlight-color:var(--docsearch-primary-color);--docsearch-muted-color:#969faf;--docsearch-container-background:rgba(101,108,133,.8);--docsearch-logo-color:#5468ff;--docsearch-modal-width:560px;--docsearch-modal-height:600px;--docsearch-modal-background:#f5f6f7;--docsearch-modal-shadow:inset 1px 1px 0 0 hsla(0,0%,100%,.5),0 3px 8px 0 #555a64;--docsearch-searchbox-height:56px;--docsearch-searchbox-background:#ebedf0;--docsearch-searchbox-focus-background:#fff;--docsearch-searchbox-shadow:inset 0 0 0 2px var(--docsearch-primary-color);--docsearch-hit-height:56px;--docsearch-hit-color:#444950;--docsearch-hit-active-color:#fff;--docsearch-hit-background:#fff;--docsearch-hit-shadow:0 1px 3px 0 #d4d9e1;--docsearch-key-gradient:linear-gradient(-225deg,#d5dbe4,#f8f8f8);--docsearch-key-shadow:inset 0 -2px 0 0 #cdcde6,inset 0 0 1px 1px #fff,0 1px 2px 1px rgba(30,35,90,.4);--docsearch-key-pressed-shadow:inset 0 -2px 0 0 #cdcde6,inset 0 0 1px 1px #fff,0 1px 1px 0 rgba(30,35,90,.4);--docsearch-footer-height:44px;--docsearch-footer-background:#fff;--docsearch-footer-shadow:0 -1px 0 0 #e0e3e8,0 -3px 6px 0 rgba(69,98,155,.12)}html[data-theme=dark]{--docsearch-text-color:#f5f6f7;--docsearch-container-background:rgba(9,10,17,.8);--docsearch-modal-background:#15172a;--docsearch-modal-shadow:inset 1px 1px 0 0 #2c2e40,0 3px 8px 0 #000309;--docsearch-searchbox-background:#090a11;--docsearch-searchbox-focus-background:#000;--docsearch-hit-color:#bec3c9;--docsearch-hit-shadow:none;--docsearch-hit-background:#090a11;--docsearch-key-gradient:linear-gradient(-26.5deg,#565872,#31355b);--docsearch-key-shadow:inset 0 -2px 0 0 #282d55,inset 0 0 1px 1px #51577d,0 2px 2px 0 rgba(3,4,9,.3);--docsearch-key-pressed-shadow:inset 0 -2px 0 0 #282d55,inset 0 0 1px 1px #51577d,0 1px 1px 0 rgba(3,4,9,.30196078431372547);--docsearch-footer-background:#1e2136;--docsearch-footer-shadow:inset 0 1px 0 0 rgba(73,76,106,.5),0 -4px 8px 0 rgba(0,0,0,.2);--docsearch-logo-color:#fff;--docsearch-muted-color:#7f8497}.DocSearch-Button{align-items:center;background:var(--docsearch-searchbox-background);border:0;border-radius:40px;color:var(--docsearch-muted-color);cursor:pointer;display:flex;font-weight:500;height:36px;justify-content:space-between;margin:0 0 0 16px;padding:0 8px;-webkit-user-select:none;user-select:none}.DocSearch-Button:active,.DocSearch-Button:focus,.DocSearch-Button:hover{background:var(--docsearch-searchbox-focus-background);box-shadow:var(--docsearch-searchbox-shadow);color:var(--docsearch-text-color);outline:none}.DocSearch-Button-Container{align-items:center;display:flex}.DocSearch-Search-Icon{stroke-width:1.6}.DocSearch-Button .DocSearch-Search-Icon{color:var(--docsearch-text-color)}.DocSearch-Button-Placeholder{font-size:1rem;padding:0 12px 0 6px}.DocSearch-Button-Keys{display:flex;min-width:calc(40px + .8em)}.DocSearch-Button-Key{align-items:center;background:var(--docsearch-key-gradient);border-radius:3px;box-shadow:var(--docsearch-key-shadow);color:var(--docsearch-muted-color);display:flex;height:18px;justify-content:center;margin-right:.4em;position:relative;padding:0 0 2px;border:0;top:-1px;width:20px}.DocSearch-Button-Key--pressed{transform:translate3d(0,1px,0);box-shadow:var(--docsearch-key-pressed-shadow)}@media (max-width:768px){.DocSearch-Button-Keys,.DocSearch-Button-Placeholder{display:none}}.DocSearch--active{overflow:hidden!important}.DocSearch-Container,.DocSearch-Container *{box-sizing:border-box}.DocSearch-Container{background-color:var(--docsearch-container-background);height:100vh;left:0;position:fixed;top:0;width:100vw;z-index:200}.DocSearch-Container a{text-decoration:none}.DocSearch-Link{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:0;color:var(--docsearch-highlight-color);cursor:pointer;font:inherit;margin:0;padding:0}.DocSearch-Modal{background:var(--docsearch-modal-background);border-radius:6px;box-shadow:var(--docsearch-modal-shadow);flex-direction:column;margin:60px auto auto;max-width:var(--docsearch-modal-width);position:relative}.DocSearch-SearchBar{display:flex;padding:var(--docsearch-spacing) var(--docsearch-spacing) 0}.DocSearch-Form{align-items:center;background:var(--docsearch-searchbox-focus-background);border-radius:4px;box-shadow:var(--docsearch-searchbox-shadow);display:flex;height:var(--docsearch-searchbox-height);margin:0;padding:0 var(--docsearch-spacing);position:relative;width:100%}.DocSearch-Input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:0;color:var(--docsearch-text-color);flex:1;font:inherit;font-size:1.2em;height:100%;outline:none;padding:0 0 0 8px;width:80%}.DocSearch-Input::placeholder{color:var(--docsearch-muted-color);opacity:1}.DocSearch-Input::-webkit-search-cancel-button,.DocSearch-Input::-webkit-search-decoration,.DocSearch-Input::-webkit-search-results-button,.DocSearch-Input::-webkit-search-results-decoration{display:none}.DocSearch-LoadingIndicator,.DocSearch-MagnifierLabel,.DocSearch-Reset{margin:0;padding:0}.DocSearch-MagnifierLabel,.DocSearch-Reset{align-items:center;color:var(--docsearch-highlight-color);display:flex;justify-content:center}.DocSearch-Container--Stalled .DocSearch-MagnifierLabel,.DocSearch-LoadingIndicator{display:none}.DocSearch-Container--Stalled .DocSearch-LoadingIndicator{align-items:center;color:var(--docsearch-highlight-color);display:flex;justify-content:center}@media screen and (prefers-reduced-motion:reduce){.DocSearch-Reset{animation:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:0;border-radius:50%;color:var(--docsearch-icon-color);cursor:pointer;right:0;stroke-width:var(--docsearch-icon-stroke-width)}}.DocSearch-Reset{animation:fade-in .1s ease-in forwards;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:0;border-radius:50%;color:var(--docsearch-icon-color);cursor:pointer;padding:2px;right:0;stroke-width:var(--docsearch-icon-stroke-width)}.DocSearch-Reset[hidden]{display:none}.DocSearch-Reset:hover{color:var(--docsearch-highlight-color)}.DocSearch-LoadingIndicator svg,.DocSearch-MagnifierLabel svg{height:24px;width:24px}.DocSearch-Cancel{display:none}.DocSearch-Dropdown{max-height:calc(var(--docsearch-modal-height) - var(--docsearch-searchbox-height) - var(--docsearch-spacing) - var(--docsearch-footer-height));min-height:var(--docsearch-spacing);overflow-y:auto;overflow-y:overlay;padding:0 var(--docsearch-spacing);scrollbar-color:var(--docsearch-muted-color) var(--docsearch-modal-background);scrollbar-width:thin}.DocSearch-Dropdown::-webkit-scrollbar{width:12px}.DocSearch-Dropdown::-webkit-scrollbar-track{background:transparent}.DocSearch-Dropdown::-webkit-scrollbar-thumb{background-color:var(--docsearch-muted-color);border:3px solid var(--docsearch-modal-background);border-radius:20px}.DocSearch-Dropdown ul{list-style:none;margin:0;padding:0}.DocSearch-Label{font-size:.75em;line-height:1.6em}.DocSearch-Help,.DocSearch-Label{color:var(--docsearch-muted-color)}.DocSearch-Help{font-size:.9em;margin:0;-webkit-user-select:none;user-select:none}.DocSearch-Title{font-size:1.2em}.DocSearch-Logo a{display:flex}.DocSearch-Logo svg{color:var(--docsearch-logo-color);margin-left:8px}.DocSearch-Hits:last-of-type{margin-bottom:24px}.DocSearch-Hits mark{background:none;color:var(--docsearch-highlight-color)}.DocSearch-HitsFooter{color:var(--docsearch-muted-color);display:flex;font-size:.85em;justify-content:center;margin-bottom:var(--docsearch-spacing);padding:var(--docsearch-spacing)}.DocSearch-HitsFooter a{border-bottom:1px solid;color:inherit}.DocSearch-Hit{border-radius:4px;display:flex;padding-bottom:4px;position:relative}@media screen and (prefers-reduced-motion:reduce){.DocSearch-Hit--deleting{transition:none}}.DocSearch-Hit--deleting{opacity:0;transition:all .25s linear}@media screen and (prefers-reduced-motion:reduce){.DocSearch-Hit--favoriting{transition:none}}.DocSearch-Hit--favoriting{transform:scale(0);transform-origin:top center;transition:all .25s linear;transition-delay:.25s}.DocSearch-Hit a{background:var(--docsearch-hit-background);border-radius:4px;box-shadow:var(--docsearch-hit-shadow);display:block;padding-left:var(--docsearch-spacing);width:100%}.DocSearch-Hit-source{background:var(--docsearch-modal-background);color:var(--docsearch-highlight-color);font-size:.85em;font-weight:600;line-height:32px;margin:0 -4px;padding:8px 4px 0;position:sticky;top:0;z-index:10}.DocSearch-Hit-Tree{color:var(--docsearch-muted-color);height:var(--docsearch-hit-height);opacity:.5;stroke-width:var(--docsearch-icon-stroke-width);width:24px}.DocSearch-Hit[aria-selected=true] a{background-color:var(--docsearch-highlight-color)}.DocSearch-Hit[aria-selected=true] mark{text-decoration:underline}.DocSearch-Hit-Container{align-items:center;color:var(--docsearch-hit-color);display:flex;flex-direction:row;height:var(--docsearch-hit-height);padding:0 var(--docsearch-spacing) 0 0}.DocSearch-Hit-icon{height:20px;width:20px}.DocSearch-Hit-action,.DocSearch-Hit-icon{color:var(--docsearch-muted-color);stroke-width:var(--docsearch-icon-stroke-width)}.DocSearch-Hit-action{align-items:center;display:flex;height:22px;width:22px}.DocSearch-Hit-action svg{display:block;height:18px;width:18px}.DocSearch-Hit-action+.DocSearch-Hit-action{margin-left:6px}.DocSearch-Hit-action-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:0;border-radius:50%;color:inherit;cursor:pointer;padding:2px}svg.DocSearch-Hit-Select-Icon{display:none}.DocSearch-Hit[aria-selected=true] .DocSearch-Hit-Select-Icon{display:block}.DocSearch-Hit-action-button:focus,.DocSearch-Hit-action-button:hover{background:#0003;transition:background-color .1s ease-in}@media screen and (prefers-reduced-motion:reduce){.DocSearch-Hit-action-button:focus,.DocSearch-Hit-action-button:hover{transition:none}}.DocSearch-Hit-action-button:focus path,.DocSearch-Hit-action-button:hover path{fill:#fff}.DocSearch-Hit-content-wrapper{display:flex;flex:1 1 auto;flex-direction:column;font-weight:500;justify-content:center;line-height:1.2em;margin:0 8px;overflow-x:hidden;position:relative;text-overflow:ellipsis;white-space:nowrap;width:80%}.DocSearch-Hit-title{font-size:.9em}.DocSearch-Hit-path{color:var(--docsearch-muted-color);font-size:.75em}.DocSearch-Hit[aria-selected=true] .DocSearch-Hit-action,.DocSearch-Hit[aria-selected=true] .DocSearch-Hit-icon,.DocSearch-Hit[aria-selected=true] .DocSearch-Hit-path,.DocSearch-Hit[aria-selected=true] .DocSearch-Hit-text,.DocSearch-Hit[aria-selected=true] .DocSearch-Hit-title,.DocSearch-Hit[aria-selected=true] .DocSearch-Hit-Tree,.DocSearch-Hit[aria-selected=true] mark{color:var(--docsearch-hit-active-color)!important}@media screen and (prefers-reduced-motion:reduce){.DocSearch-Hit-action-button:focus,.DocSearch-Hit-action-button:hover{background:#0003;transition:none}}.DocSearch-ErrorScreen,.DocSearch-NoResults,.DocSearch-StartScreen{font-size:.9em;margin:0 auto;padding:36px 0;text-align:center;width:80%}.DocSearch-Screen-Icon{color:var(--docsearch-muted-color);padding-bottom:12px}.DocSearch-NoResults-Prefill-List{display:inline-block;padding-bottom:24px;text-align:left}.DocSearch-NoResults-Prefill-List ul{display:inline-block;padding:8px 0 0}.DocSearch-NoResults-Prefill-List li{list-style-position:inside;list-style-type:"» "}.DocSearch-Prefill{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:0;border-radius:1em;color:var(--docsearch-highlight-color);cursor:pointer;display:inline-block;font-size:1em;font-weight:700;padding:0}.DocSearch-Prefill:focus,.DocSearch-Prefill:hover{outline:none;text-decoration:underline}.DocSearch-Footer{align-items:center;background:var(--docsearch-footer-background);border-radius:0 0 8px 8px;box-shadow:var(--docsearch-footer-shadow);display:flex;flex-direction:row-reverse;flex-shrink:0;height:var(--docsearch-footer-height);justify-content:space-between;padding:0 var(--docsearch-spacing);position:relative;-webkit-user-select:none;user-select:none;width:100%;z-index:300}.DocSearch-Commands{color:var(--docsearch-muted-color);display:flex;list-style:none;margin:0;padding:0}.DocSearch-Commands li{align-items:center;display:flex}.DocSearch-Commands li:not(:last-of-type){margin-right:.8em}.DocSearch-Commands-Key{align-items:center;background:var(--docsearch-key-gradient);border-radius:2px;box-shadow:var(--docsearch-key-shadow);display:flex;height:18px;justify-content:center;margin-right:.4em;padding:0 0 1px;color:var(--docsearch-muted-color);border:0;width:20px}.DocSearch-VisuallyHiddenForAccessibility{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}@media (max-width:768px){:root{--docsearch-spacing:10px;--docsearch-footer-height:40px}.DocSearch-Dropdown{height:100%}.DocSearch-Container{height:100vh;height:-webkit-fill-available;height:calc(var(--docsearch-vh, 1vh)*100);position:absolute}.DocSearch-Footer{border-radius:0;bottom:0;position:absolute}.DocSearch-Hit-content-wrapper{display:flex;position:relative;width:80%}.DocSearch-Modal{border-radius:0;box-shadow:none;height:100vh;height:-webkit-fill-available;height:calc(var(--docsearch-vh, 1vh)*100);margin:0;max-width:100%;width:100%}.DocSearch-Dropdown{max-height:calc(var(--docsearch-vh, 1vh)*100 - var(--docsearch-searchbox-height) - var(--docsearch-spacing) - var(--docsearch-footer-height))}.DocSearch-Cancel{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:0;color:var(--docsearch-highlight-color);cursor:pointer;display:inline-block;flex:none;font:inherit;font-size:1em;font-weight:500;margin-left:var(--docsearch-spacing);outline:none;overflow:hidden;padding:0;-webkit-user-select:none;user-select:none;white-space:nowrap}.DocSearch-Commands,.DocSearch-Hit-Tree{display:none}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}[class*=DocSearch]{--docsearch-primary-color: var(--vp-c-brand-1);--docsearch-highlight-color: var(--docsearch-primary-color);--docsearch-text-color: var(--vp-c-text-1);--docsearch-muted-color: var(--vp-c-text-2);--docsearch-searchbox-shadow: none;--docsearch-searchbox-background: transparent;--docsearch-searchbox-focus-background: transparent;--docsearch-key-gradient: transparent;--docsearch-key-shadow: none;--docsearch-modal-background: var(--vp-c-bg-soft);--docsearch-footer-background: var(--vp-c-bg)}.dark [class*=DocSearch]{--docsearch-modal-shadow: none;--docsearch-footer-shadow: none;--docsearch-logo-color: var(--vp-c-text-2);--docsearch-hit-background: var(--vp-c-default-soft);--docsearch-hit-color: var(--vp-c-text-2);--docsearch-hit-shadow: none}.DocSearch-Button{display:flex;justify-content:center;align-items:center;margin:0;padding:0;width:48px;height:55px;background:transparent;transition:border-color .25s}.DocSearch-Button:hover{background:transparent}.DocSearch-Button:focus{outline:1px dotted;outline:5px auto -webkit-focus-ring-color}.DocSearch-Button-Key--pressed{transform:none;box-shadow:none}.DocSearch-Button:focus:not(:focus-visible){outline:none!important}@media (min-width: 768px){.DocSearch-Button{justify-content:flex-start;border:1px solid transparent;border-radius:8px;padding:0 10px 0 12px;width:100%;height:40px;background-color:var(--vp-c-bg-alt)}.DocSearch-Button:hover{border-color:var(--vp-c-brand-1);background:var(--vp-c-bg-alt)}}.DocSearch-Button .DocSearch-Button-Container{display:flex;align-items:center}.DocSearch-Button .DocSearch-Search-Icon{position:relative;width:16px;height:16px;color:var(--vp-c-text-1);fill:currentColor;transition:color .5s}.DocSearch-Button:hover .DocSearch-Search-Icon{color:var(--vp-c-text-1)}@media (min-width: 768px){.DocSearch-Button .DocSearch-Search-Icon{top:1px;margin-right:8px;width:14px;height:14px;color:var(--vp-c-text-2)}}.DocSearch-Button .DocSearch-Button-Placeholder{display:none;margin-top:2px;padding:0 16px 0 0;font-size:13px;font-weight:500;color:var(--vp-c-text-2);transition:color .5s}.DocSearch-Button:hover .DocSearch-Button-Placeholder{color:var(--vp-c-text-1)}@media (min-width: 768px){.DocSearch-Button .DocSearch-Button-Placeholder{display:inline-block}}.DocSearch-Button .DocSearch-Button-Keys{direction:ltr;display:none;min-width:auto}@media (min-width: 768px){.DocSearch-Button .DocSearch-Button-Keys{display:flex;align-items:center}}.DocSearch-Button .DocSearch-Button-Key{display:block;margin:2px 0 0;border:1px solid var(--vp-c-divider);border-right:none;border-radius:4px 0 0 4px;padding-left:6px;min-width:0;width:auto;height:22px;line-height:22px;font-family:var(--vp-font-family-base);font-size:12px;font-weight:500;transition:color .5s,border-color .5s}.DocSearch-Button .DocSearch-Button-Key+.DocSearch-Button-Key{border-right:1px solid var(--vp-c-divider);border-left:none;border-radius:0 4px 4px 0;padding-left:2px;padding-right:6px}.DocSearch-Button .DocSearch-Button-Key:first-child{font-size:0!important}.DocSearch-Button .DocSearch-Button-Key:first-child:after{content:"Ctrl";font-size:12px;letter-spacing:normal;color:var(--docsearch-muted-color)}.mac .DocSearch-Button .DocSearch-Button-Key:first-child:after{content:"⌘"}.DocSearch-Button .DocSearch-Button-Key:first-child>*{display:none}.DocSearch-Search-Icon{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' stroke-width='1.6' viewBox='0 0 20 20'%3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' d='m14.386 14.386 4.088 4.088-4.088-4.088A7.533 7.533 0 1 1 3.733 3.733a7.533 7.533 0 0 1 10.653 10.653z'/%3E%3C/svg%3E")}.VPNavBarSearch{display:flex;align-items:center}@media (min-width: 768px){.VPNavBarSearch{flex-grow:1;padding-left:24px}}@media (min-width: 960px){.VPNavBarSearch{padding-left:32px}}.dark .DocSearch-Footer{border-top:1px solid var(--vp-c-divider)}.DocSearch-Form{border:1px solid var(--vp-c-brand-1);background-color:var(--vp-c-white)}.dark .DocSearch-Form{background-color:var(--vp-c-default-soft)}.DocSearch-Screen-Icon>svg{margin:auto}.VPNavBarSocialLinks[data-v-5e4ddb2c]{display:none}@media (min-width: 1280px){.VPNavBarSocialLinks[data-v-5e4ddb2c]{display:flex;align-items:center}}.title[data-v-673a9c59]{display:flex;align-items:center;border-bottom:1px solid transparent;width:100%;height:var(--vp-nav-height);font-size:16px;font-weight:600;color:var(--vp-c-text-1);transition:opacity .25s}@media (min-width: 960px){.title[data-v-673a9c59]{flex-shrink:0}.VPNavBarTitle.has-sidebar .title[data-v-673a9c59]{border-bottom-color:var(--vp-c-divider)}}[data-v-673a9c59] .logo{margin-right:8px;height:var(--vp-nav-logo-height)}.VPNavBarTranslations[data-v-2b9b993d]{display:none}@media (min-width: 1280px){.VPNavBarTranslations[data-v-2b9b993d]{display:flex;align-items:center}}.title[data-v-2b9b993d]{padding:0 24px 0 12px;line-height:32px;font-size:14px;font-weight:700;color:var(--vp-c-text-1)}.VPNavBar[data-v-b2aead4c]{position:relative;height:var(--vp-nav-height);pointer-events:none;white-space:nowrap;transition:background-color .25s}.VPNavBar.screen-open[data-v-b2aead4c]{transition:none;background-color:var(--vp-nav-bg-color);border-bottom:1px solid var(--vp-c-divider)}.VPNavBar[data-v-b2aead4c]:not(.home){background-color:var(--vp-nav-bg-color)}@media (min-width: 960px){.VPNavBar[data-v-b2aead4c]:not(.home){background-color:transparent}.VPNavBar[data-v-b2aead4c]:not(.has-sidebar):not(.home.top){background-color:var(--vp-nav-bg-color)}}.wrapper[data-v-b2aead4c]{padding:0 8px 0 24px}@media (min-width: 768px){.wrapper[data-v-b2aead4c]{padding:0 32px}}@media (min-width: 960px){.VPNavBar.has-sidebar .wrapper[data-v-b2aead4c]{padding:0}}.container[data-v-b2aead4c]{display:flex;justify-content:space-between;margin:0 auto;max-width:calc(var(--vp-layout-max-width) - 64px);height:var(--vp-nav-height);pointer-events:none}.container>.title[data-v-b2aead4c],.container>.content[data-v-b2aead4c]{pointer-events:none}.container[data-v-b2aead4c] *{pointer-events:auto}@media (min-width: 960px){.VPNavBar.has-sidebar .container[data-v-b2aead4c]{max-width:100%}}.title[data-v-b2aead4c]{flex-shrink:0;height:calc(var(--vp-nav-height) - 1px);transition:background-color .5s}@media (min-width: 960px){.VPNavBar.has-sidebar .title[data-v-b2aead4c]{position:absolute;top:0;left:0;z-index:2;padding:0 32px;width:var(--vp-sidebar-width);height:var(--vp-nav-height);background-color:transparent}}@media (min-width: 1440px){.VPNavBar.has-sidebar .title[data-v-b2aead4c]{padding-left:max(32px,calc((100% - (var(--vp-layout-max-width) - 64px)) / 2));width:calc((100% - (var(--vp-layout-max-width) - 64px)) / 2 + var(--vp-sidebar-width) - 32px)}}.content[data-v-b2aead4c]{flex-grow:1}@media (min-width: 960px){.VPNavBar.has-sidebar .content[data-v-b2aead4c]{position:relative;z-index:1;padding-right:32px;padding-left:var(--vp-sidebar-width)}}@media (min-width: 1440px){.VPNavBar.has-sidebar .content[data-v-b2aead4c]{padding-right:calc((100vw - var(--vp-layout-max-width)) / 2 + 32px);padding-left:calc((100vw - var(--vp-layout-max-width)) / 2 + var(--vp-sidebar-width))}}.content-body[data-v-b2aead4c]{display:flex;justify-content:flex-end;align-items:center;height:var(--vp-nav-height);transition:background-color .5s}@media (min-width: 960px){.VPNavBar:not(.home.top) .content-body[data-v-b2aead4c]{position:relative;background-color:var(--vp-nav-bg-color)}.VPNavBar:not(.has-sidebar):not(.home.top) .content-body[data-v-b2aead4c]{background-color:transparent}}@media (max-width: 767px){.content-body[data-v-b2aead4c]{column-gap:.5rem}}.menu+.translations[data-v-b2aead4c]:before,.menu+.appearance[data-v-b2aead4c]:before,.menu+.social-links[data-v-b2aead4c]:before,.translations+.appearance[data-v-b2aead4c]:before,.appearance+.social-links[data-v-b2aead4c]:before{margin-right:8px;margin-left:8px;width:1px;height:24px;background-color:var(--vp-c-divider);content:""}.menu+.appearance[data-v-b2aead4c]:before,.translations+.appearance[data-v-b2aead4c]:before{margin-right:16px}.appearance+.social-links[data-v-b2aead4c]:before{margin-left:16px}.social-links[data-v-b2aead4c]{margin-right:-8px}.divider[data-v-b2aead4c]{width:100%;height:1px}@media (min-width: 960px){.VPNavBar.has-sidebar .divider[data-v-b2aead4c]{padding-left:var(--vp-sidebar-width)}}@media (min-width: 1440px){.VPNavBar.has-sidebar .divider[data-v-b2aead4c]{padding-left:calc((100vw - var(--vp-layout-max-width)) / 2 + var(--vp-sidebar-width))}}.divider-line[data-v-b2aead4c]{width:100%;height:1px;transition:background-color .5s}.VPNavBar:not(.home) .divider-line[data-v-b2aead4c]{background-color:var(--vp-c-gutter)}@media (min-width: 960px){.VPNavBar:not(.home.top) .divider-line[data-v-b2aead4c]{background-color:var(--vp-c-gutter)}.VPNavBar:not(.has-sidebar):not(.home.top) .divider[data-v-b2aead4c]{background-color:var(--vp-c-gutter)}}.VPNavScreenAppearance[data-v-d10583ef]{display:flex;justify-content:space-between;align-items:center;border-radius:8px;padding:12px 14px 12px 16px;background-color:var(--vp-c-bg-soft)}.text[data-v-d10583ef]{line-height:24px;font-size:12px;font-weight:500;color:var(--vp-c-text-2)}.VPNavScreenMenuLink[data-v-ae442774]{display:block;border-bottom:1px solid var(--vp-c-divider);padding:12px 0 11px;line-height:24px;font-size:14px;font-weight:500;color:var(--vp-c-text-1);transition:border-color .25s,color .25s}.VPNavScreenMenuLink[data-v-ae442774]:hover{color:var(--vp-c-brand-1)}.VPNavScreenMenuGroupLink[data-v-d13eeb32]{display:block;margin-left:12px;line-height:32px;font-size:14px;font-weight:400;color:var(--vp-c-text-1);transition:color .25s}.VPNavScreenMenuGroupLink[data-v-d13eeb32]:hover{color:var(--vp-c-brand-1)}.VPNavScreenMenuGroupSection[data-v-7bb00882]{display:block}.title[data-v-7bb00882]{line-height:32px;font-size:13px;font-weight:700;color:var(--vp-c-text-2);transition:color .25s}.VPNavScreenMenuGroup[data-v-51473772]{border-bottom:1px solid var(--vp-c-divider);height:48px;overflow:hidden;transition:border-color .5s}.VPNavScreenMenuGroup .items[data-v-51473772]{visibility:hidden}.VPNavScreenMenuGroup.open .items[data-v-51473772]{visibility:visible}.VPNavScreenMenuGroup.open[data-v-51473772]{padding-bottom:10px;height:auto}.VPNavScreenMenuGroup.open .button[data-v-51473772]{padding-bottom:6px;color:var(--vp-c-brand-1)}.VPNavScreenMenuGroup.open .button-icon[data-v-51473772]{transform:rotate(45deg)}.button[data-v-51473772]{display:flex;justify-content:space-between;align-items:center;padding:12px 4px 11px 0;width:100%;line-height:24px;font-size:14px;font-weight:500;color:var(--vp-c-text-1);transition:color .25s}.button[data-v-51473772]:hover{color:var(--vp-c-brand-1)}.button-icon[data-v-51473772]{transition:transform .25s}.group[data-v-51473772]:first-child{padding-top:0}.group+.group[data-v-51473772],.group+.item[data-v-51473772]{padding-top:4px}.VPNavScreenTranslations[data-v-8d334930]{height:24px;overflow:hidden}.VPNavScreenTranslations.open[data-v-8d334930]{height:auto}.title[data-v-8d334930]{display:flex;align-items:center;font-size:14px;font-weight:500;color:var(--vp-c-text-1)}.icon[data-v-8d334930]{font-size:16px}.icon.lang[data-v-8d334930]{margin-right:8px}.icon.chevron[data-v-8d334930]{margin-left:4px}.list[data-v-8d334930]{padding:4px 0 0 24px}.link[data-v-8d334930]{line-height:32px;font-size:13px;color:var(--vp-c-text-1)}.VPNavScreen[data-v-1718223b]{position:fixed;top:calc(var(--vp-nav-height) + var(--vp-layout-top-height, 0px));right:0;bottom:0;left:0;padding:0 32px;width:100%;background-color:var(--vp-nav-screen-bg-color);overflow-y:auto;transition:background-color .25s;pointer-events:auto}.VPNavScreen.fade-enter-active[data-v-1718223b],.VPNavScreen.fade-leave-active[data-v-1718223b]{transition:opacity .25s}.VPNavScreen.fade-enter-active .container[data-v-1718223b],.VPNavScreen.fade-leave-active .container[data-v-1718223b]{transition:transform .25s ease}.VPNavScreen.fade-enter-from[data-v-1718223b],.VPNavScreen.fade-leave-to[data-v-1718223b]{opacity:0}.VPNavScreen.fade-enter-from .container[data-v-1718223b],.VPNavScreen.fade-leave-to .container[data-v-1718223b]{transform:translateY(-8px)}@media (min-width: 768px){.VPNavScreen[data-v-1718223b]{display:none}}.container[data-v-1718223b]{margin:0 auto;padding:24px 0 96px;max-width:288px}.menu+.translations[data-v-1718223b],.menu+.appearance[data-v-1718223b],.translations+.appearance[data-v-1718223b]{margin-top:24px}.menu+.social-links[data-v-1718223b]{margin-top:16px}.appearance+.social-links[data-v-1718223b]{margin-top:16px}.VPNav[data-v-3b28116f]{position:relative;top:var(--vp-layout-top-height, 0px);left:0;z-index:var(--vp-z-index-nav);width:100%;pointer-events:none;transition:background-color .5s}@media (min-width: 960px){.VPNav[data-v-3b28116f]{position:fixed}}.VPSidebarItem.level-0[data-v-2629ad96]{padding-bottom:24px}.VPSidebarItem.collapsed.level-0[data-v-2629ad96]{padding-bottom:10px}.item[data-v-2629ad96]{position:relative;display:flex;width:100%;align-items:center}.item img[data-v-2629ad96]{height:15px;width:15px;margin-right:5px;margin-left:2px}.VPSidebarItem.collapsible>.item[data-v-2629ad96]{cursor:pointer}.indicator[data-v-2629ad96]{position:absolute;top:6px;bottom:6px;left:-17px;width:1px;transition:background-color .25s}.VPSidebarItem.level-2.is-active>.item>.indicator[data-v-2629ad96],.VPSidebarItem.level-3.is-active>.item>.indicator[data-v-2629ad96],.VPSidebarItem.level-4.is-active>.item>.indicator[data-v-2629ad96],.VPSidebarItem.level-5.is-active>.item>.indicator[data-v-2629ad96]{background-color:var(--vp-c-brand)}.link[data-v-2629ad96]{display:flex;align-items:center;flex-grow:1}.text[data-v-2629ad96]{flex-grow:1;padding:4px 0;line-height:24px;font-size:14px;transition:color .25s}.VPSidebarItem.level-0 .text[data-v-2629ad96]{font-weight:700;color:var(--vp-c-text-1)}.VPSidebarItem.level-1 .text[data-v-2629ad96],.VPSidebarItem.level-2 .text[data-v-2629ad96],.VPSidebarItem.level-3 .text[data-v-2629ad96],.VPSidebarItem.level-4 .text[data-v-2629ad96],.VPSidebarItem.level-5 .text[data-v-2629ad96]{font-weight:500;color:var(--vp-c-text-2)}.VPSidebarItem.level-0.is-link>.item>.link:hover .text[data-v-2629ad96],.VPSidebarItem.level-1.is-link>.item>.link:hover .text[data-v-2629ad96],.VPSidebarItem.level-2.is-link>.item>.link:hover .text[data-v-2629ad96],.VPSidebarItem.level-3.is-link>.item>.link:hover .text[data-v-2629ad96],.VPSidebarItem.level-4.is-link>.item>.link:hover .text[data-v-2629ad96],.VPSidebarItem.level-5.is-link>.item>.link:hover .text[data-v-2629ad96]{color:var(--vp-c-brand)}.VPSidebarItem.level-0.has-active>.item>.link>.text[data-v-2629ad96],.VPSidebarItem.level-1.has-active>.item>.link>.text[data-v-2629ad96],.VPSidebarItem.level-2.has-active>.item>.link>.text[data-v-2629ad96],.VPSidebarItem.level-3.has-active>.item>.link>.text[data-v-2629ad96],.VPSidebarItem.level-4.has-active>.item>.link>.text[data-v-2629ad96],.VPSidebarItem.level-5.has-active>.item>.link>.text[data-v-2629ad96]{color:var(--vp-c-text-1)}.VPSidebarItem.level-0.is-active>.item .link>.text[data-v-2629ad96],.VPSidebarItem.level-1.is-active>.item .link>.text[data-v-2629ad96],.VPSidebarItem.level-2.is-active>.item .link>.text[data-v-2629ad96],.VPSidebarItem.level-3.is-active>.item .link>.text[data-v-2629ad96],.VPSidebarItem.level-4.is-active>.item .link>.text[data-v-2629ad96],.VPSidebarItem.level-5.is-active>.item .link>.text[data-v-2629ad96]{color:var(--vp-c-brand)}.caret[data-v-2629ad96]{display:flex;justify-content:center;align-items:center;margin-right:-7px;width:32px;height:32px;color:var(--vp-c-text-3);cursor:pointer;transition:color .25s}.item:hover .caret[data-v-2629ad96]{color:var(--vp-c-text-2)}.item:hover .caret[data-v-2629ad96]:hover{color:var(--vp-c-text-1)}.caret-icon[data-v-2629ad96]{width:18px;height:18px;fill:currentColor;transform:rotate(90deg);transition:transform .25s}.VPSidebarItem.collapsed .caret-icon[data-v-2629ad96]{transform:rotate(0)}.VPSidebarItem.level-1 .items[data-v-2629ad96],.VPSidebarItem.level-2 .items[data-v-2629ad96],.VPSidebarItem.level-3 .items[data-v-2629ad96],.VPSidebarItem.level-4 .items[data-v-2629ad96],.VPSidebarItem.level-5 .items[data-v-2629ad96]{border-left:1px solid var(--vp-c-divider);padding-left:16px}.VPSidebarItem.collapsed .items[data-v-2629ad96]{display:none}.no-transition[data-v-83eb926d] .caret-icon{transition:none}.group+.group[data-v-83eb926d]{border-top:1px solid var(--vp-c-divider);padding-top:10px}@media (min-width: 960px){.group[data-v-83eb926d]{padding-top:10px;width:calc(var(--vp-sidebar-width) - 64px)}}.VPSidebar[data-v-6162b3f7]{position:fixed;top:var(--vp-layout-top-height, 0px);bottom:0;left:0;z-index:var(--vp-z-index-sidebar);padding:32px 32px 96px;width:calc(100vw - 64px);max-width:320px;background-color:var(--vp-sidebar-bg-color);opacity:0;box-shadow:var(--vp-c-shadow-3);overflow-x:hidden;overflow-y:auto;transform:translate(-100%);transition:opacity .5s,transform .25s ease;overscroll-behavior:contain}.VPSidebar.open[data-v-6162b3f7]{opacity:1;visibility:visible;transform:translate(0);transition:opacity .25s,transform .5s cubic-bezier(.19,1,.22,1)}.dark .VPSidebar[data-v-6162b3f7]{box-shadow:var(--vp-shadow-1)}@media (min-width: 960px){.VPSidebar[data-v-6162b3f7]{padding-top:var(--vp-nav-height);width:var(--vp-sidebar-width);max-width:100%;background-color:var(--vp-sidebar-bg-color);opacity:1;visibility:visible;box-shadow:none;transform:translate(0)}}@media (min-width: 1440px){.VPSidebar[data-v-6162b3f7]{padding-left:max(32px,calc((100% - (var(--vp-layout-max-width) - 64px)) / 2));width:calc((100% - (var(--vp-layout-max-width) - 64px)) / 2 + var(--vp-sidebar-width) - 32px)}}@media (min-width: 960px){.curtain[data-v-6162b3f7]{position:sticky;top:-64px;left:0;z-index:1;margin-top:calc(var(--vp-nav-height) * -1);margin-right:-32px;margin-left:-32px;height:var(--vp-nav-height);background-color:var(--vp-sidebar-bg-color)}}.nav[data-v-6162b3f7]{outline:0}.VPSkipLink[data-v-17bf5f14]{top:8px;left:8px;padding:8px 16px;z-index:999;border-radius:8px;font-size:12px;font-weight:700;text-decoration:none;color:var(--vp-c-brand-1);box-shadow:var(--vp-shadow-3);background-color:var(--vp-c-bg)}.VPSkipLink[data-v-17bf5f14]:focus{height:auto;width:auto;clip:auto;clip-path:none}@media (min-width: 1280px){.VPSkipLink[data-v-17bf5f14]{top:14px;left:16px}}.Layout[data-v-ec8b5802]{display:flex;flex-direction:column;min-height:100vh}.VPHomeSponsors[data-v-8580fbfd]{border-top:1px solid var(--vp-c-gutter);padding-top:88px!important}.VPHomeSponsors[data-v-8580fbfd]{margin:96px 0}@media (min-width: 768px){.VPHomeSponsors[data-v-8580fbfd]{margin:128px 0}}.VPHomeSponsors[data-v-8580fbfd]{padding:0 24px}@media (min-width: 768px){.VPHomeSponsors[data-v-8580fbfd]{padding:0 48px}}@media (min-width: 960px){.VPHomeSponsors[data-v-8580fbfd]{padding:0 64px}}.container[data-v-8580fbfd]{margin:0 auto;max-width:1152px}.love[data-v-8580fbfd]{margin:0 auto;width:fit-content;font-size:28px;color:var(--vp-c-text-3)}.icon[data-v-8580fbfd]{display:inline-block}.message[data-v-8580fbfd]{margin:0 auto;padding-top:10px;max-width:320px;text-align:center;line-height:24px;font-size:16px;font-weight:500;color:var(--vp-c-text-2)}.sponsors[data-v-8580fbfd]{padding-top:32px}.action[data-v-8580fbfd]{padding-top:40px;text-align:center}.VPTeamPage[data-v-2291b44b]{margin:96px 0}@media (min-width: 768px){.VPTeamPage[data-v-2291b44b]{margin:128px 0}}.VPHome .VPTeamPageTitle[data-v-2291b44b-s]{border-top:1px solid var(--vp-c-gutter);padding-top:88px!important}.VPTeamPageSection+.VPTeamPageSection[data-v-2291b44b-s],.VPTeamMembers+.VPTeamPageSection[data-v-2291b44b-s]{margin-top:64px}.VPTeamMembers+.VPTeamMembers[data-v-2291b44b-s]{margin-top:24px}@media (min-width: 768px){.VPTeamPageTitle+.VPTeamPageSection[data-v-2291b44b-s]{margin-top:16px}.VPTeamPageSection+.VPTeamPageSection[data-v-2291b44b-s],.VPTeamMembers+.VPTeamPageSection[data-v-2291b44b-s]{margin-top:96px}}.VPTeamMembers[data-v-2291b44b-s]{padding:0 24px}@media (min-width: 768px){.VPTeamMembers[data-v-2291b44b-s]{padding:0 48px}}@media (min-width: 960px){.VPTeamMembers[data-v-2291b44b-s]{padding:0 64px}}.VPTeamPageTitle[data-v-eeab7357]{padding:48px 32px;text-align:center}@media (min-width: 768px){.VPTeamPageTitle[data-v-eeab7357]{padding:64px 48px 48px}}@media (min-width: 960px){.VPTeamPageTitle[data-v-eeab7357]{padding:80px 64px 48px}}.title[data-v-eeab7357]{letter-spacing:0;line-height:44px;font-size:36px;font-weight:500}@media (min-width: 768px){.title[data-v-eeab7357]{letter-spacing:-.5px;line-height:56px;font-size:48px}}.lead[data-v-eeab7357]{margin:0 auto;max-width:512px;padding-top:12px;line-height:24px;font-size:16px;font-weight:500;color:var(--vp-c-text-2)}@media (min-width: 768px){.lead[data-v-eeab7357]{max-width:592px;letter-spacing:.15px;line-height:28px;font-size:20px}}.VPTeamPageSection[data-v-a0080823]{padding:0 32px}@media (min-width: 768px){.VPTeamPageSection[data-v-a0080823]{padding:0 48px}}@media (min-width: 960px){.VPTeamPageSection[data-v-a0080823]{padding:0 64px}}.title[data-v-a0080823]{position:relative;margin:0 auto;max-width:1152px;text-align:center;color:var(--vp-c-text-2)}.title-line[data-v-a0080823]{position:absolute;top:16px;left:0;width:100%;height:1px;background-color:var(--vp-c-divider)}.title-text[data-v-a0080823]{position:relative;display:inline-block;padding:0 24px;letter-spacing:0;line-height:32px;font-size:20px;font-weight:500;background-color:var(--vp-c-bg)}.lead[data-v-a0080823]{margin:0 auto;max-width:480px;padding-top:12px;text-align:center;line-height:24px;font-size:16px;font-weight:500;color:var(--vp-c-text-2)}.members[data-v-a0080823]{padding-top:40px}.VPTeamMembersItem[data-v-76069246]{display:flex;flex-direction:column;gap:2px;border-radius:12px;width:100%;height:100%;overflow:hidden}.VPTeamMembersItem.small .profile[data-v-76069246]{padding:32px}.VPTeamMembersItem.small .data[data-v-76069246]{padding-top:20px}.VPTeamMembersItem.small .avatar[data-v-76069246]{width:64px;height:64px}.VPTeamMembersItem.small .name[data-v-76069246]{line-height:24px;font-size:16px}.VPTeamMembersItem.small .affiliation[data-v-76069246]{padding-top:4px;line-height:20px;font-size:14px}.VPTeamMembersItem.small .desc[data-v-76069246]{padding-top:12px;line-height:20px;font-size:14px}.VPTeamMembersItem.small .links[data-v-76069246]{margin:0 -16px -20px;padding:10px 0 0}.VPTeamMembersItem.medium .profile[data-v-76069246]{padding:48px 32px}.VPTeamMembersItem.medium .data[data-v-76069246]{padding-top:24px;text-align:center}.VPTeamMembersItem.medium .avatar[data-v-76069246]{width:96px;height:96px}.VPTeamMembersItem.medium .name[data-v-76069246]{letter-spacing:.15px;line-height:28px;font-size:20px}.VPTeamMembersItem.medium .affiliation[data-v-76069246]{padding-top:4px;font-size:16px}.VPTeamMembersItem.medium .desc[data-v-76069246]{padding-top:16px;max-width:288px;font-size:16px}.VPTeamMembersItem.medium .links[data-v-76069246]{margin:0 -16px -12px;padding:16px 12px 0}.profile[data-v-76069246]{flex-grow:1;background-color:var(--vp-c-bg-soft)}.data[data-v-76069246]{text-align:center}.avatar[data-v-76069246]{position:relative;flex-shrink:0;margin:0 auto;border-radius:50%;box-shadow:var(--vp-shadow-3)}.avatar-img[data-v-76069246]{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;object-fit:cover}.name[data-v-76069246]{margin:0;font-weight:600}.affiliation[data-v-76069246]{margin:0;font-weight:500;color:var(--vp-c-text-2)}.org.link[data-v-76069246]{color:var(--vp-c-text-2);transition:color .25s}.org.link[data-v-76069246]:hover{color:var(--vp-c-brand-1)}.desc[data-v-76069246]{margin:0 auto}.desc[data-v-76069246] a{font-weight:500;color:var(--vp-c-brand-1);text-decoration-style:dotted;transition:color .25s}.links[data-v-76069246]{display:flex;justify-content:center;height:56px}.sp-link[data-v-76069246]{display:flex;justify-content:center;align-items:center;text-align:center;padding:16px;font-size:14px;font-weight:500;color:var(--vp-c-sponsor);background-color:var(--vp-c-bg-soft);transition:color .25s,background-color .25s}.sp .sp-link.link[data-v-76069246]:hover,.sp .sp-link.link[data-v-76069246]:focus{outline:none;color:var(--vp-c-white);background-color:var(--vp-c-sponsor)}.sp-icon[data-v-76069246]{margin-right:8px;font-size:16px}.VPTeamMembers.small .container[data-v-359b4bb6]{grid-template-columns:repeat(auto-fit,minmax(224px,1fr))}.VPTeamMembers.small.count-1 .container[data-v-359b4bb6]{max-width:276px}.VPTeamMembers.small.count-2 .container[data-v-359b4bb6]{max-width:576px}.VPTeamMembers.small.count-3 .container[data-v-359b4bb6]{max-width:876px}.VPTeamMembers.medium .container[data-v-359b4bb6]{grid-template-columns:repeat(auto-fit,minmax(256px,1fr))}@media (min-width: 375px){.VPTeamMembers.medium .container[data-v-359b4bb6]{grid-template-columns:repeat(auto-fit,minmax(288px,1fr))}}.VPTeamMembers.medium.count-1 .container[data-v-359b4bb6]{max-width:368px}.VPTeamMembers.medium.count-2 .container[data-v-359b4bb6]{max-width:760px}.container[data-v-359b4bb6]{display:grid;gap:24px;margin:0 auto;max-width:1152px}blockquote.custom[data-v-c4247c23]{margin:16px 0;border-left:2px solid var(--vp-c-divider);padding-left:16px;transition:border-color .5s}blockquote.custom p[data-v-c4247c23]{margin:0;font-size:16px;color:var(--vp-c-text-2);transition:color .5s}blockquote.custom a[data-v-c4247c23]{font-weight:500;color:var(--vp-c-brand);text-decoration-style:dotted;transition:color .25s}figure[data-v-ef8fcee3]{position:relative;margin:0 auto}figcaption[data-v-ef8fcee3]{position:absolute;font-size:13px}figure[data-v-4d08cdb1]{display:flex;column-gap:20px;margin:0}figure figcaption[data-v-4d08cdb1]{display:flex;flex-direction:column;justify-content:space-between}figure h4[data-v-4d08cdb1]{margin-top:0;margin-bottom:10px}figure .author[data-v-4d08cdb1]{font-size:14px;color:#999}figure .time-progress[data-v-4d08cdb1]{font-size:13px}.progress-bar[data-v-cc971b2a]{display:flex;white-space:nowrap;align-items:center}small[data-v-cc971b2a]{display:inline-block;margin-left:5px}progress[data-v-cc971b2a]{accent-color:#4abf8a}.streak-on-day{display:inline-flex;align-items:center}.streak-on-day__ring{display:flex;justify-content:center;align-items:center;width:50px;height:50px;position:relative;border-radius:50%;border:7px solid #f2af33;font-size:20px;font-weight:700}.streak-on-day__progress-text{margin-left:10px;font-weight:700;font-size:18px}.streak-on-day__progress-subtext{margin-top:10px;font-size:11px;color:#555}.callout[data-v-447105ab]{display:flex;align-items:flex-start;margin-top:24px;padding:8px 16px 8px 0;background-color:var(--vp-c-green-dimm-2);border:1px solid var(--vp-c-green-dimm-3);border-radius:8px}.callout svg[data-v-447105ab]{min-width:20px;min-height:20px;margin:4px 8px 0 12px;color:var(--vp-c-green)}.callout.empty[data-v-447105ab]{padding-left:16px}.callout a[data-v-447105ab-s]{color:var(--vp-c-brand)}.callout p[data-v-447105ab-s]{margin:0}.callout p[data-v-447105ab-s]:not(:first-child){margin-top:8px}.gradient-underbar[data-v-5b9471ef]{color:var(--vp-c-neutral);--brandToYellow: var(--vp-c-brand), var(--vp-c-brand-light), var(--vp-c-yellow-lighter), var(--vp-c-yellow), rgba(255, 255, 255, .1)}.gradient-underbar .gradient-underbar__inner[data-v-5b9471ef]{margin-top:6px;background:linear-gradient(to right,var(--brandToYellow));height:2px;width:35%}@media (max-width: 1280px){.gradient-underbar .gradient-underbar__inner[data-v-5b9471ef]{width:50%}}:root{---vp-font-family-base: "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif}.underline{text-decoration:underline;text-decoration-style:wavy;text-underline-offset:3px;text-decoration-color:var(--vp-c-indigo-1)}.comment{padding-left:1.25rem;color:var(--vp-c-indigo-1);font-size:14px;margin:0 0 16px} diff --git a/debt.html b/debt.html index ebef22a9..73b2805e 100644 --- a/debt.html +++ b/debt.html @@ -6,7 +6,7 @@ 🧱 부채 | bohyeon.dev - + @@ -46,7 +46,7 @@ try { await fastify.listen(8080,"0.0.0.0") ...
  1. 🎉 deploy
flyctl deploy

책 ​

- + \ No newline at end of file diff --git a/fe-article/javascript-engines-runtimes.html b/fe-article/javascript-engines-runtimes.html index e8594bce..b3935e75 100644 --- a/fe-article/javascript-engines-runtimes.html +++ b/fe-article/javascript-engines-runtimes.html @@ -6,7 +6,7 @@ 자바스크립트 엔진과 런타임의 차이점은 무엇인가요? | bohyeon.dev - + @@ -24,7 +24,7 @@
bohyeon.dev

Appearance

자바스크립트 엔진과 런타임의 차이점은 무엇인가요? ​

원문: https://humanwhocodes.com/blog/2024/03/javascript-engines-runtimes/

런타임과 엔진은 종종 혼동되어 쓰이는 경우가 많습니다.

여러분은 아마 "자바스크립트 엔진"과 "자바스크립트 런타임"이라는 용어를 "자바스크립트를 실행하는 프로그램"이라는 의미로 혼용하는 것을 들어보셨을 것입니다. 이들은 종종 V8, Node.js, 혹은 관련 프로그램의 다른 조합들과 언급되어 혼용됩니다. 하지만, 자바스크립트 엔진과 자바스크립트 런타임은 범위와 기능에 상당한 차이가 있습니다. 자바스크립트를 전체적으로 잘 이해하려면 이 차이를 확실하게 아는 것이 중요합니다.

엔진과 런타임에 대해 논의하기 전에, 이들과 관련해 자주 사용되는 몇 가지 용어를 정의하는 것이 도움이 될 것입니다. 바로 ECMAScript와 JavaScript입니다.

ECMAScript란 무엇인가요? ​

1996년, Netscape와 Sun Microsystems는 비영리 표준화 기구인 Ecma International에 자바스크립트를 표준화하는 문제를 제기했습니다. 그 노력의 결과로 1997년에 ECMA-262 명세가 발표되었고, 이는 자바스크립트 구현이 어떻게 작동해야 하는지를 정의하는 명세입니다. Sun이 자바스크립트 상표를 기부하기를 꺼려했기 때문에 (1), 명세는 다른 이름을 가져야 했고, 그래서 ECMA-262는 "ECMAScript 언어 명세서"라는 제목을 갖게 되었습니다. 따라서 ECMAScript는 ECMA-262에 명시된 언어의 이름입니다.

ECMAScript는 구현이 어디에 내장되어 있든 반드시 준수해야 하는 자바스크립트의 핵심 기능을 정의합니다(구현을 내장한 프로그램을 호스트라고 합니다). 초기 단계에서도 Netscape는 브라우저뿐만 아니라 서버에서도 자바스크립트를 사용하고자 했으며, ECMAScript는 두 구현의 핵심 역할을 했습니다. 따라서 ECMAScript에는 웹 관련 기능도 포함되지 않고, 데이터를 입/출력하는 방법도 포함되지 않습니다(이러한 기능은 호스트에서 제공해야 합니다). 즉, ECMAScript에가 Object, Array, Promise와 같은 표준 전역 클래스는 포함하지만 HTMLElement, setTimeout, fetch()는 포함하지 않는다는 것을 의미합니다.

자바스크립트란 무엇인가요? ​

"자바스크립트"라는 용어는 공식적인 정의는 없지만 ECMAScript 언어의 상위 집합으로 널리 이해되고 있습니다. 즉, 자바스크립트는 ECMAScript 외에도 다른 명세 및 기타 기능을 구현합니다. 초기 형태에서 자바스크립트는 ECMAScript에 DOM(문서 객체 모델)과 같은 웹 기반 API와 히스토리 API와 같은 브라우저 기반 API를 더한 것으로 간주되었습니다. 오늘날 자바스크립트는 ECMAScript와 기타 호스트 제공 API의 모든 조합으로 간주됩니다. 여기에는 브라우저를 위한 웹 전용 API와 Node.js와 같은 호스트를 위한 서버 전용 API가 포함됩니다.

자바스크립트 엔진이란 무엇인가요? ​

일반적으로 자바스크립트 엔진이라고 불리는 것들은 더 정확하게는 ECMAScript 엔진이라고 할 수 있습니다. 왜냐하면 이들은 추가 기능 없이(또는 거의 없이) ECMA-262를 구현하기 때문입니다. 자바스크립트 엔진은 호스트에 내장되도록 설계되었으며, 호스트는 입력과 출력을 위한 추가 기능을 정의합니다. 가장 잘 알려진 자바스크립트 엔진들은 다음과 같습니다.

  • V8 (2) - Chromium 프로젝트용 자바스크립트 엔진으로 만들어졌으며 현재 Node.js와 Deno에서도 사용됩니다. Edge와 Opera는 Chromium을 기반으로 하기 때문에 V8은 가장 자주 사용되는 자바스크립트 엔진입니다.

  • SpiderMonkey (3) - Firefox의 자바스크립트 엔진입니다.

  • JavaScriptCore (4) - MacOS와 iOS의 Safari를 위해 만들어진 자바스크립트 엔진이며, Bun에서도 사용됩니다.

자바스크립트 엔진은 ECMAScript만 구현하고 호스트에 의해 확장되도록 되어 있기 때문에 다양한 런타임 환경에서 사용할 수 있습니다.

자바스크립트 런타임이란 무엇인가요? ​

자바스크립트 런타임은 ECMAScript 호스트입니다. 즉, 자바스크립트 엔진을 내장하고 자바스크립트를 통해 접근할 수 있는 추가 기능을 정의하는 프로그램입니다. Chrome, Firefox, Edge, Safari, Node.js, Deno, Bun은 모두 자바스크립트 엔진을 내장하고 자바스크립트를 통해 접근할 수 있는 추가 기능을 정의하기 때문에 자바스크립트 런타임입니다. 웹 브라우저는 DOM 및 기타 웹 API를 구현하는 반면 서버 측 런타임은 파일 시스템 접근을 구현합니다.

자바스크립트 런타임에 추가할 수 있는 기능에 대한 규칙은 없으며, 런타임 개발자가 직접 결정할 수 있습니다. 이것이 바로 Node.js, Deno, Bun이 모두 다른 방식으로 파일 시스템을 구현하는 이유이며, Deno가 fetch()와 같은 웹 API를 선호하는 반면 Node.js는 처음에 자체 HTTP 클라이언트를 구현하기로 한 이유입니다(이후 Node.js도 fetch()를 채택했습니다). 하지만 자바스크립트 런타임을 독특하게 만드는 것은 자바스크립트 API뿐만이 아닙니다. 자바스크립트 엔진을 사용하는 방식도 중요합니다.

예를 들어 런타임이 자바스크립트 실행과 다른 작업 수행 사이를 전환할 수 있게 하는 프로세스인 이벤트 루프는 ECMA-262에 정의되어 있지 않으므로 어떤 자바스크립트 엔진에서도 구현되어 있지 않습니다. 각 자바스크립트 런타임이 자체 이벤트 루프를 구현해야 합니다. 웹 브라우저는 HTML 명세 (5) 에 정의된 이벤트 루프 버전이 있지만, Node.js와 같은 서버 측 런타임은 자체적으로 (6) 정의합니다. 이벤트 루프는 자바스크립트 런타임에는 필수적인 것은 아니지만 범용 자바스크립트 런타임에서 찾아볼 수 있습니다.

요약 ​

자바스크립트 엔진과 자바스크립트 런타임은 서로 관련이 있지만 동일하지는 않습니다. 자바스크립트 엔진은 ECMA-262 표준에 정의된 대로 ECMAScript를 구현합니다. ECMA-262는 입력 또는 출력에 대한 어떤 방법도 없이 자바스크립트의 핵심 기능을 정의합니다. 자바스크립트 런타임은 자바스크립트 엔진을 내장하고 입력 및 출력을 위한 추가 기능과 함께 런타임에 필요한 다른 모든 기능을 보강하는 ECMAScript 호스트입니다. 추가 기능에는 웹 브라우저의 DOM 또는 서버 측 런타임의 파일 시스템 접근이 포함될 수 있습니다. 런타임은 ECMA-262 이외의 다른 표준을 따를 의무가 없으며 필요에 따라 자체 API를 정의할 수 있기 때문에 Node.js, Deno, Bun은 모두 서로 다른 파일 시스템 API를 가지고 있습니다.

각주 ​

1. 자바스크립트 창시자, 과거와 미래를 고민하다 ​
2. V8 - 구글의 오픈소스 자바스크립트 엔진 ​
3. SpiderMonkey - Firefox의 자바스크립트 엔진 ​
4. JavaScriptCore - Safari의 자바스크립트 엔진 ​
5. HTML의 살아있는 표준 - 이벤트 루프 ​
6. Node.js - 이벤트 루프, 타이머 그리고 process.nextTick() ​
- + \ No newline at end of file diff --git a/fe-article/the-wax-and-the-wane-of-the-web.html b/fe-article/the-wax-and-the-wane-of-the-web.html index a1ea4e60..ffabf8de 100644 --- a/fe-article/the-wax-and-the-wane-of-the-web.html +++ b/fe-article/the-wax-and-the-wane-of-the-web.html @@ -6,7 +6,7 @@ 웹의 흥망성쇠 | bohyeon.dev - + @@ -24,7 +24,7 @@
bohyeon.dev

Appearance

웹의 흥망성쇠 ​

원문: https://alistapart.com/article/the-wax-and-the-wane-of-the-web/

by Ste Grainer 2024년 2월 29일

저는 새롭게 부모가 된 친구들과 가족들에게 한 가지 조언을 해줍니다. 모든 것을 다 알게 되었다고 생각하기 시작할 때, 모든 것이 바뀔 것이라고요. 수유, 기저귀 갈아주기, 규칙적인 낮잠에 익숙해지기 시작하면 이유식을 시작하고 배변 훈련을 해야하며 밤에 자는 것에 익숙해져야 할 때입니다. 그것들을 해결하고 나면 유치원에 가야 하고 낮잠은 거의 사라집니다. 이런 주기는 계속해서 반복됩니다.

요즘 디자인 및 개발 분야에서 일하는 사람들도 마찬가지입니다. 거의 30년 동안 웹 분야에서 일하면서 저는 아이디어, 기법, 기술의 주기적인 흥망성쇠를 지켜봐 왔습니다. 개발자와 디자이너로서 일정한 리듬에 익숙해질 때면 새로운 아이디어나 기술이 등장해 세상을 뒤흔들고 다시 만듭니다.

우리는 어떻게 여기까지 왔을까요? ​

저는 90년대 중반에 처음으로 웹사이트를 만들었습니다. 당시 웹의 디자인과 개발은 정해진 규범이 거의 없는 무법천지였습니다. 단일 열 이외의 레이아웃을 위해서는 table 요소를 사용했고, 종종 빈 곳을 추가하기 위해 1px의 무의미한 GIF가 포함된 빈 셀을 사용하기도 했습니다. 글꼴 스타일을 바꾸고 싶을 때마다 태그를 중첩하여 수많은 font 태그로 글꼴 스타일을 지정했습니다. 그리고 선택할 수 있는 서체는 Arial, Courier, Times New Roman 등 서너 가지뿐이었습니다. 1996년 Verdana와 Georgia가 출시되었을 때 선택의 폭이 거의 두 배로 늘어났다고 기뻐했습니다. 선택할 수 있는 유일한 안전한 색상은 여러 플랫폼에서 작동하는 것으로 알려진 216개의 'web safe' 색상뿐이었습니다. 연락처 폼, 방명록, 카운터와 같은 몇 가지 상호작용 요소는 대부분 CGI 스크립트(당시에는 주로 Perl로 작성됨)로 구동되었습니다. 독특한 모양을 만들기 위해서는 처음부터 끝까지 온갖 편법을 다 동원해야 했습니다. 상호 작용은 사이트의 특정 페이지에만 국한되는 경우가 많았습니다.

웹 표준의 탄생 ​

세기가 바뀌면서 새로운 주기가 시작됐습니다. table 레이아웃과 font 태그로 가득했던 낡은 코드는 쇠퇴하고, 웹 표준을 향한 움직임이 힘을 얻기 시작했습니다. CSS와 같은 새로운 기술은 브라우저 벤더사, 개발자, 디자이너로부터 널리 채택되었습니다. 이러한 표준으로의 전환은 우연히 또는 하룻밤 사이에 이루어진 것이 아닙니다. W3C와 브라우저 벤더 간의 적극적인 소통, 그리고 웹 표준 프로젝트와 같은 단체의 열정적인 노력이 있었기에 가능한 일이었습니다. A List Apart와 Jeffrey Zeldman의 웹 표준 가이드와 같은 책은 개발자와 디자이너에게 표준이 중요한 이유, 구현 방법, 조직에 표준을 설득하는 방법을 가르치는 데 중요한 역할을 했습니다. 한편 점진적 개선과 같은 접근법은 모든 브라우저에서 콘텐츠를 사용할 수 있어야 하며, 더욱 발전된 브라우저에서는 추가적인 기능을 제공해야 한다는 생각을 도입했습니다. 한편 CSS Zen Garden과 같은 사이트는 견고한 시맨틱 HTML 구조와 결합했을 때 CSS가 얼마나 강력하고 다재다능한지 보여주었습니다.

PHP, Java, .NET과 같은 서버 사이드 언어는 Perl을 대체하여 주요 백엔드 처리 도구가 되었고, cgi-bin은 쓰레기통에 버려졌습니다. 이러한 발전된 서버 사이드 도구와 함께 웹 애플리케이션의 첫 번째 시대가 시작되었고, 콘텐츠 관리 시스템(CMS)도 그 시작을 알렸습니다(특히 Blogger, Grey Matter, Movable Type, WordPress과 같은 블로깅 분야의 도구들이었습니다.). 2000년대 중반에는 AJAX가 프런트엔드와 백엔드 간의 비동기 상호작용의 문을 열었습니다. 갑자기 페이지를 다시 로드하지 않고도 콘텐츠를 업데이트할 수 있게 되었습니다. Prototype, YUI, jQuery와 같은 자바스크립트 프레임워크가 등장하여 표준 지원 수준이 천차만별인 브라우저에서 보다 안정적인 클라이언트 측 상호작용을 구축하는 데 도움을 주었습니다. 이미지 대체 기법과 같은 기술을 통해 영리한 디자이너와 개발자가 원하는 폰트를 표시할 수 있게 해 주었습니다. 그리고 Flash와 같은 기술은 애니메이션, 게임, 심지어 더 많은 상호작용을 추가할 수 있게 해 주었습니다.

이러한 새로운 기술, 표준, 기법은 여러 가지 면에서 업계에 활기를 불어넣었습니다. 디자이너와 개발자가 보다 다양한 스타일과 레이아웃을 탐구함에 따라 웹 디자인이 번성했습니다. 그러나 우리는 여전히 많은 편법에 의존했습니다. 초기 CSS는 기본적인 레이아웃과 텍스트 스타일링에 있어 테이블 기반 레이아웃에 비해 크게 개선됐지만, 당시의 한계로 인해 디자이너와 개발자는 복잡한 모양(둥근 모서리나 각진 모서리 등)과 전체 높이의 열 모양을 위해 배경 이미지를 타일링하는 등 여전히 이미지에 크게 의존했습니다. 복잡한 레이아웃을 구현하려면 모든 종류의 중첩된 float이나 절대 위치(absolute positioning)가 필요했습니다(또는 둘 다). Flash나 사용자 지정 글꼴을 위한 이미지 대체 기법은 빅5에서 벗어난 다양한 서체를 제공하기 위한 좋은 시작이었지만, 두 가지 모두 접근성과 성능 문제를 야기했습니다. 그리고 자바스크립트 라이브러리 덕분에 누구나 페이지에 약간의 상호작용을 쉽게 추가할 수 있었지만, 단순한 웹사이트의 다운로드 크기가 두 배 또는 네 배로 늘어나는 대가를 치러야 했습니다.

소프트웨어 플랫폼으로서의 웹 ​

프런트엔드와 백엔드 간의 공생은 계속해서 발전되었고, 이는 현대 웹 애플리케이션의 시대로 이어졌습니다. 확장된 서버 사이드 언어(Ruby, Python, Go 등)와 리액트, 뷰, 앵귤러와 같은 새로운 프런트엔드 도구 덕분에 우리는 웹에서 완전한 기능을 갖춘 소프트웨어를 구축할 수 있게 되었습니다. 이러한 도구와 함께 협력 기반 버전 관리, 빌드 자동화, 공유 패키지 라이브러리 등의 도구도 등장했습니다. 주로 링크된 문서를 위한 환경이었던 웹은 이제 무한한 가능성의 영역이 되었습니다.

동시에 모바일 기기의 성능도 더욱 강력해졌고, 주머니 속에서도 인터넷에 접근이 가능해졌습니다. 모바일 앱과 반응형 디자인은 언제 어디서나 새로운 상호작용의 기회를 열어주었습니다.

성능이 뛰어난 모바일 기기와 강력한 개발 도구의 결합은 사람들이 연결되고 소비할 수 있는 소셜 미디어 및 기타 중앙 집중식 도구의 성장에 기여했습니다. 트위터, 페이스북, 심지어 슬랙에서 다른 사람들과 직접 연결하기가 더 쉽고 일반적으로 되면서, 호스팅 된 개인 사이트에 대한 욕구는 줄어들었습니다. 소셜 미디어는 그것이 수반하는 좋은 점과 나쁜 점 모두를 가지고 전 세계적인 연결을 제공했습니다.

우리가 어떻게 여기까지 왔는지에 대한 훨씬 더 광범위한 역사와 개선할 수 있는 방법에 대한 다른 견해를 원하신다면, Jeremy Keith의 "Of Time and the Web"을 읽어보시길 바랍니다. 또는 Web Design Museum에서 "Web Design History Timeline"을 확인해 보세요. Neal Agarwal도 "Internet Artifacts"를 통해 재미있는 여행을 제공합니다.

우리는 지금 어디에 있나요? ​

지난 몇 년 동안, 또 다른 주요 변곡점에 도달하기 시작한 것 같은 느낌이 들었습니다. 소셜 미디어 플랫폼이 분열되고 쇠퇴함에 따라, 우리 자신의 콘텐츠를 다시 소유하는 것에 대한 관심이 높아지고 있습니다. 웹사이트를 만드는 방법은 일반 HTML 파일을 호스팅하는 전통적인 방식부터 정적 사이트 생성기, 다양한 종류의 콘텐츠 관리 시스템에 이르기까지 매우 다양합니다. 그러나 소셜 미디어의 분열은 발견과 연결을 위한 중요한 인프라를 잃는다는 대가도 따릅니다. Webmentions, RSS, ActivityPub, 그리고 IndieWeb의 다른 도구들이 이를 도울 수 있지만, 아직 상대적으로 구현이 부족하고 전문가가 아닌 사람들은 사용하기 어렵습니다. 우리는 놀라운 개인 웹사이트를 만들고 정기적으로 콘텐츠를 추가할 수 있지만, 발견과 연결 없이는 때때로 공허함 속으로 소리치는 것과 다를 바 없다는 느낌을 받을 수 있습니다.

CSS, 자바스크립트 및 웹 컴포넌트와 같은 다른 표준에 대한 브라우저 지원은 특히 Interop와 같은 노력을 통해 가속화되었습니다. 새로운 기술은 예전에 비해 훨씬 짧은 시간 내에 전반적인 지원을 얻습니다. 새로운 기능에 대해 배우고 그 브라우저 지원을 확인하면 이미 80% 이상의 커버리지를 가지고 있다는 것을 종종 발견합니다. 요즘 새로운 기술을 사용하는 장벽은 브라우저 지원이 아니라 디자이너와 개발자가 사용할 수 있는 것과 그것을 어떻게 채택할 것인지를 배우는 속도인 경우가 많습니다.

오늘날 몇 가지 명령과 몇 줄의 코드로 거의 모든 아이디어를 프로토타이핑할 수 있습니다. 현재 사용할 수 있는 모든 도구 덕분에 새로운 것을 시작하기가 그 어느 때보다 쉽습니다. 그러나 이러한 프레임워크를 통해 개발 시 절약할 수 있는 초기 비용은 결국 이를 업그레이드하고 유지 관리 하는 기술 부채라는 비용으로 돌아오기도 합니다.

서드파티 프레임워크에 의존하면 해당 프레임워크를 기다려야 할 수 있기 때문에 새로운 표준을 채택하는 데 더 오래 걸릴 수 있습니다. 한때 새로운 기술을 더 빨리 채택할 수 있게 해주었던 이러한 프레임워크는 이제 오히려 걸림돌이 되었습니다. 이러한 프레임워크는 종종 성능 비용도 수반하여 사용자가 페이지를 읽거나 상호 작용하기 전에 스크립트가 로드될 때까지 기다려야 하는 경우가 많습니다. 그리고 스크립트가 실패하면(잘못된 코드, 네트워크 문제 또는 기타 환경 요인으로 인해) 대안이 없어 사용자는 빈 페이지나 깨진 페이지를 보는 경우가 많습니다.

우리는 이제 어디로 가야 할까요? ​

오늘의 편법은 내일의 표준을 만드는 데 도움이 됩니다. 현재를 발전시키기 위해 편법을 받아들이는 것 자체에는 아무런 문제가 없습니다. 문제는 그것들이 편법이라는 것을 인정하지 않거나 그것들을 대체하기를 주저할 때 발생합니다. 그렇다면 우리가 원하는 웹의 미래를 만들기 위해 무엇을 할 수 있을까요?

장기적인 관점에서 구축하세요. 성능, 접근성, 사용자를 위해 최적화하세요. 개발자 친화적인 도구의 비용을 고려하세요. 이러한 도구가 당장 여러분의 일을 조금 더 쉽게 만들어 줄 수 있지만, 다른 모든 부분에는 어떤 영향을 미칠까요? 사용자에게 드는 비용은 얼마인가요? 미래의 개발자들에게는? 표준 채택에는? 때로는 편리함이 그만한 가치가 있을 수 있습니다. 때로는 그냥 익숙한 편법일 뿐이고 때로는 더 나은 선택지를 선택하지 못하게 막는 걸림돌일 수 있습니다.

표준에서 시작하세요. 표준은 시간이 지남에 따라 계속 발전하지만, 브라우저는 이전 표준을 계속 지원하는 매우 놀라운 일을 해왔습니다. 서드파티 프레임워크에서는 항상 그렇지는 않습니다. 90년대의 가장 이상한 HTML로 만든 사이트도 오늘날에는 여전히 잘 작동하고 문제없이 동작합니다. 프레임워크로 구축된 사이트의 경우에는 불과 몇 년만 지나도 잘 동작한다고 보장할 순 없을 것입니다.

주의 깊게 설계하세요. 코드든, 픽셀이든, 프로세스든 간에 각각 결정의 영향을 고려하세요. 많은 최신 도구의 편리함은 그 설계로 이어진 근본적인 결정을 항상 이해하지 못하고, 그러한 결정이 미칠 수 있는 영향을 항상 고려하지 않는 대가가 따릅니다. "빠르게 움직이고 물건을 부수는" 방식으로 서두르기보다는, 현대 도구로 절약한 시간을 사용하여 더 신중하게 고려하고 계획적으로 설계하세요.

끊임없이 배우세요. 계속해서 배우고 있다면 성장하고 있는 것이기도 합니다. 때로는 무엇을 배우는 것이 가치 있는 일인지, 무엇이 그저 오늘의 편법인지 정확히 짚어내기 어려울 수 있습니다. 표준만 배우는 데 집중한다면 내년에는 중요하지 않을 수 있는 것에 초점을 맞출 수도 있습니다. (XHTML 기억나세요?) 하지만 지속적인 학습은 여러분의 두뇌에 새로운 연결고리를 만들어주고, 어느 날 배운 편법이 다른 날의 다른 실험에 도움이 될 수 있습니다.

놀고, 실험하고, 기발해지세요! 우리가 만든 이 웹은 궁극의 실험입니다. 역사상 가장 큰 인류의 노력이지만, 각자 그 안에 자신만의 공간을 만들 수 있습니다. 용기를 내어 새로운 것을 시도하세요. 아이디어를 위한 놀이터를 만드세요. 자신만의 미친 과학 실험실에서 엉뚱한 실험을 하세요. 자신만의 소규모 비즈니스를 시작하세요. 창의력을 발휘하고, 위험을 감수하며, 우리가 무엇을 할 수 있는지 탐구하기에 이보다 더 큰 힘을 가진 곳은 없습니다.

공유하고 확대하세요. 실험하고, 놀고, 배우면서 여러분에게 효과가 있었던 것을 공유하세요. 자신의 웹사이트에 글을 쓰고, 선호하는 소셜 미디어 사이트에 게시하거나, 틱톡에서 외치세요. A List Apart에 글을 써보세요! 하지만 시간을 내어 다른 사람들을 증폭시키세요. 새로운 목소리를 찾고, 그들에게서 배우고, 그들이 가르쳐준 것을 공유하세요.

나아가 만드세요 ​

웹(그리고 그 너머)을 위한 디자이너와 개발자로서, 우리는 매일 미래를 만드는 책임이 있습니다. 그것이 개인 웹사이트의 형태를 취하든, 수십억 명이 사용하는 소셜 미디어 도구의 형태를 취하든, 아니면 그 사이의 어떤 것이든 간에 말입니다. 우리가 만드는 것에 우리의 가치를 불어넣고, 웹을 모두를 위해 더 나은 곳으로 만듭시다. 오직 여러분만이 만들 수 있는 그 무언가를 만드세요. 그리고 그것을 공유하고, 더 좋게 만들고, 다시 만들거나, 새로운 것을 만드세요. 배우고, 만들고, 공유하고, 성장하세요. 헹구고 반복하세요. 웹을 마스터했다고 생각할 때마다, 모든 것이 변할 것입니다.

A List Apart와 저자의 허가를 받아 번역되었습니다.

- + \ No newline at end of file diff --git a/fe-article/the-web-component-success-story.html b/fe-article/the-web-component-success-story.html index aaedfba8..92b1f3c1 100644 --- a/fe-article/the-web-component-success-story.html +++ b/fe-article/the-web-component-success-story.html @@ -6,7 +6,7 @@ 웹 컴포넌트 성공 사례 | bohyeon.dev - + @@ -24,7 +24,7 @@
bohyeon.dev

Appearance

웹 컴포넌트 성공 사례 ​

원문: https://jakelazaroff.com/words/the-web-component-success-story/

Tom MacWright는 최근 간단한 글을 통해 왜 웹 컴포넌트를 사용하는 유명한 애플리케이션은 눈에 띄지 않는가라는 질문을 던졌습니다.

매우 적절한 질문이라고 생각합니다! 리액트나 레일즈 같은 프레임워크의 성공은 이 프레임워크로 구축된 수천 개의 웹사이트를 보면 쉽게 알 수 있습니다. 그럼 웹 컴포넌트의 성공 사례는 어떤 모습일까요?

일부 사람들과 달리, 저는 웹 컴포넌트 자체가 개별 웹사이트의 생산성을 크게 향상한다고 보지 않습니다. 일단 특정 기술 스택을 선택하면, 그것을 최대한 활용하는 게 합리적입니다. 만약 리액트 앱을 개발하고 있다면, 컴포넌트를 구축하는 다른 방식을 도입하는 것에 대해 의구심을 갖는 것이 당연할 겁니다!

오히려 제가 보기에 웹 컴포넌트의 가장 큰 장점은 업계 전반을 아우르는 집단적인 이점입니다. 웹 컴포넌트는 전체 웹의 접근성을 높일 수 있다고 생각합니다. 현재 분열된 커뮤니티, 다양한 자바스크립트 프레임워크와 이를 기피하는 사람들을 아울러 통합할 잠재력이 있습니다.

저도 이게 무모한 주장이라는 걸 압니다. 하지만 제 말씀을 들어주시길 바랍니다.

자바스크립트 프레임워크 상호운용성 ​

웹 컴포넌트에 대해 글을 쓸 때마다, 자바스크립트 커뮤니티의 일부 사람들에게 저항을 받습니다. 그들은 제가 자바스크립트 프레임워크를 웹 컴포넌트로 대체하려 한다고 생각합니다.

만약 여러분이 그런 생각을 하고 계셨다면, 걱정 마십시오. 웹 컴포넌트 성공 스토리는 모든 리액트 앱을 웹 컴포넌트로 다시 작성하는 것이 아니라는 점을 분명히 말씀드리고 싶습니다. 제가 계속 말씀드리겠지만, 웹 컴포넌트와 자바스크립트 프레임워크는 상호 보완적인 (경쟁 관계가 아닙니다) 기술입니다. 사실 저는 자바스크립트 프레임워크 앱이 웹 컴포넌트가 가장 많이 사용되는 곳 중 하나가 될 거라고 생각합니다!

그렇다고 우리가 리액트 컴포넌트 외에 웹 컴포넌트까지 작성하기 시작할 거라는 뜻은 아닙니다. 제가 자바스크립트 웹 컴포넌트가 프레임워크 앱에서 사용될 거라고 할 때, 이는 서드파티 라이브러리를 말하는 것입니다.

자바스크립트 프레임워크는 도구이며, 모든 도구에는 장단점이 있다는 것은 다들 알 것입니다. 그런 설명은 제쳐두고, 저는 자바스크립트 프레임워크의 한 가지 약점에 대해 이야기하고 싶습니다. 바로 상호운용성 부족입니다. 거의 예외 없이 각 프레임워크는 그 프레임워크를 위해 특별히 작성된 컴포넌트만 렌더링할 수 있습니다.

그 결과 자바스크립트 커뮤니티는 프레임워크 경계에 따라 스스로 분열되는 경향이 있습니다. 프레임워크를 전환하는 데는 큰 비용이 발생하며, 특히 덜 인기 있는 프레임워크로 이동할 때는 더욱 그렇습니다. 이는 대부분의 서드파티 생태계를 포기해야 한다는 것을 의미합니다.

이런 전환 비용은 기존의 거대 생태계를 가진 프레임워크에 크게 선호함으로써 프레임워크 혁신을 저해합니다. 새로운 프레임워크를 만들기는 어려운데, 생태계를 처음부터 다시 시작해야 하므로 동일한 기본 요소 세트를 계속해서 반복적으로 재구축해야 하기 때문입니다.

Joel Spolsky의 유명한 블로그 글에는 자본주의 기술 기업들이 오픈 소스에 기여하는 이유에 대한 설명이 나와있습니다. 간단히 말해, 모든 제품에는 대체재 (그것을 대체할 수 있는 제품)과 보완재(그것과 함께 사용될 수 있는 제품)이 있습니다. 중요한 점은 "똑똑한 회사는 자신의 제품의 보완재를 상품화하려고 노력한다"는 것입니다. 다시 말해, 그들은 자신의 제품만 독점적 이점을 갖도록 하고, 함께 사용되는 제품은 모두 저렴하고 상호 교환 가능하게 만들려고 합니다.

자바스크립트 프레임워크로 돌아가 봅시다. 리액트와 스벨트는 대체재이고, 리액트와 Radix는 보완재입니다. 라이브러리 작성자로서 보완재를 상품화하는 방법은 가능한 한 많은 프레임워크에서 작동하도록 만드는 것입니다. (1) 그리고 수십 년 동안 수십억 달러를 들여 한 번 작성하면 어디서나 실행할 수 있는 환경을 개발해 온 네이티브 앱과 달리, 웹에는 이러한 환경이 이미 갖춰져 있습니다.

(1): Meta는 이를 이해하고 있기에 리액트 네이티브를 만들었습니다. 프레임워크는 플랫폼의 보완재이고, 플랫폼을 상품화하는 방법은 프레임워크를 가능한 많은 플랫폼에서 실행되도록 만드는 것입니다.

들어보셨겠죠? HTML라는걸요. HTML은 모든 자바스크립트 프레임워크에서 작동합니다. 모든 결점에도 불구하고 웹 컴포넌트가 이런 상호운용성을 무료로 얻을 수 있다는 사실은 엄청나게 강력한 이점이며, 이를 활용하지 않는 라이브러리는 많은 잠재 사용자를 테이블 위에 남겨두는 셈입니다.

구체적인 예를 들어보겠습니다. xyflow는 플로우 차트를 만드는 훌륭한 라이브러리입니다. 원래는 React Flow라고 불렸지만, 스벨트 지원을 추가하면서 이름을 바꿨습니다. 단 하나의 추가 프레임워크를 지원하기 위해서 엄청난 작업을 해야 했죠! 그리고 뷰, 앵귤러, 솔리드, 퀵(Qwik), 엠버를 사용하고 있다면 여전히 그런 지원을 받지 못하고 있는 것입니다.

리액트는 Radix, React Aria, React Three Fiber, Framer Motion, xyflow 등 환상적인 서드파티 라이브러리들이 해자 역할을 해주어 계속 성공을 거두고 있습니다. 웹 컴포넌트에는 모든 프레임워크에 걸쳐 동일한 생태계를 제공할 잠재력이 있습니다.

상호작용성의 섬 ​

물론 많은 웹사이트들이 자바스크립트 프레임워크를 사용하지 않습니다. 하이퍼미디어 중심 접근법(즉, 2010년 이전에 웹사이트가 만들어지던 방식)이 htmx와 같은 라이브러리의 주도로 다시 부상하고 있습니다.

이런 웹사이트 중 상당수는 여전히 매우 동적인 요소를 포함하고 있습니다. 이들은 메뉴나 콤보 박스 같은 HTML에 없는 풍부한 위젯 형태로 나타납니다. 때로는 대화형 다이어그램처럼 더 복잡하기도 합니다. 이렇게 정적인 페이지 내에 존재하는 동적 영역을 최근에는 "상호작용성의 섬"이라고 부르지만, 이 패턴은 오래전부터 존재해 왔습니다.

이런 상호작용성의 섬들을 더 큰 페이지에 내장하는 것은 항상 약간 어색했습니다. 이 과정은 HTML 클래스, CSS 선택자, 자바스크립트 함수 호출의 복잡한 연계에 의존하는 jQuery 플러그인 시절과 크게 달라지지 않았습니다. 대부분의 설정은 컴포넌트가 위치할 HTML과 동떨어진 별도의 자바스크립트 파일에서 이루어집니다.

웹 컴포넌트는 이 과정을 반전시킵니다. 웹 컴포넌트를 사용하면 페이지 마크업에 태그 이름을 작성하는 것처럼 다른 요소와 동일한 방식으로 섬을 인스턴스화할 수 있습니다. 웹사이트와 웹앱의 이분법은 존재하지 않는다는 제 글에서 언급했듯이, 웹 컴포넌트는 개발자가 선언적으로 HTML 자체에 동적 동작을 추가할 수 있게 해 줍니다.

웹 컴포넌트가 하이퍼미디어 지향 라이브러리의 특히 좋은 동반자가 되는 이유는 페이지의 다른 부분과 상호작용하는 방식 때문입니다. 자바스크립트 프레임워크 컴포넌트는 콜백 함수를 호출하는 방식으로 이를 수행하는 반면, 웹 컴포넌트는 웹의 핵심 개념 중 하나인 이벤트를 채택하고 있습니다. (2) 실제로 Carson Gross의 에세이 하이퍼미디어 친화적 스크립팅은 이 사용 사례를 깔끔하게 요약하고 있습니다.

(2): 섬 접근법이 자바스크립트 프레임워크를 포기하는 것을 의미하는 것은 아닙니다. 웹 컴포넌트로 자바스크립트 프레임워크 종속 제거라는 제 글에서 웹 컴포넌트가 디커플링 도구로서 자바스크립트 프레임워크와 함께 사용될 수 있음을 보여주었습니다. 일부 프레임워크는 웹 컴포넌트로 컴파일하는 것을 기본적으로 지원하기도 합니다. 요점은 자바스크립트 프레임워크를 사용해 섬을 구축하는 것이 쉽다는 것입니다.

이벤트를 트리거하는 자바스크립트 기반 컴포넌트는 htmx와 같은 하이퍼미디어 지향 자바스크립트 라이브러리가 해당 이벤트를 수신하고 하이퍼미디어 교환을 트리거할 수 있게 해 줍니다. 이는 결과적으로 모든 자바스크립트 라이브러리를 잠재적인 하이퍼미디어 컨트롤로 만들어, 사용자가 선택한 작업을 통해 하이퍼미디어 중심 애플리케이션을 구동할 수 있게 합니다.

예를 들어, 제가 TIL로 작성한 htmx와 Shoelace 웹 컴포넌트 라이브러리를 사용하여 다이얼로그 콘텐츠를 로드하기가 있습니다. 다이얼로그 컴포넌트를 인스턴스화하는 것부터, 모달이 열릴 때 콘텐츠를 요청하는 것, DOM의 적절한 위치에 삽입하는 것까지 전체 프로세스가 선언적으로 마크업을 통해 제어되는 것에 주목하세요.

또한 새로운 DOM을 렌더링하지 않고 기존 마크업을 점진적으로 개선하는 방식으로 동작하는 HTML 웹 컴포넌트도 있습니다. 이런 식으로 로직을 한곳에 모으는 것을 때로는 동작의 지역성이라고 부르는데, 이는 자바스크립트 개발자들에게 이미 친숙한 개념을 다른 관점에서 바라본 것입니다.

더 이상 고립은 없습니다 ​

이는 별개의 문제처럼 들리지만, 사실은 동전의 양면과 같습니다. 웹 컴포넌트를 사용하면 모든 자바스크립트 프레임워크에서 작동하는 라이브러리가 또한 정적 웹페이지의 상호작용성 섬으로도 작동합니다. 심지어 HTML 웹 컴포넌트도 양쪽 모두에 해당합니다.

Brad Frost는 "현재 대부분의 디자인 시스템에서 발견되는 공통 UI 컴포넌트를 포함하는 공통 라이브러리"인 글로벌 디자인 시스템을 제안했습니다. 이 제안은 Radix처럼 일관되고 스타일이 지정되어 있지 않으며 접근성이 좋고 국제화할 수 있는 컴포넌트 집합을 만드는 것을 목표로 합니다. 하지만 단일 자바스크립트 프레임워크가 아닌 전체 웹을 대상으로 한다는 점에서 차이가 있습니다. 이는 꽤 야심 찬 목표이며, 웹 컴포넌트는 이를 달성하는 가장 좋은 방법으로 보입니다.

웹 컴포넌트가 웹 개발 생태계를 완전히 변화시키거나 웹사이트를 구축하는 단 하나의 진리를 보여주지는 않을 것입니다. 자바스크립트 프레임워크를 몰아낼 필요도 없죠. 아마도 모두가 웹 컴포넌트를 작성하는 방법을 다 알아야 하는 것도 아닐 겁니다!

웹 컴포넌트가 앞으로 할 일은 (적어도 제가 희망하기로는) 어떤 웹 기술 스택과도 호환되는 풍부한 동적 컴포넌트 생태계를 함께 구축하는 것입니다. 더 이상 고립은 없습니다. 이것이 바로 웹 컴포넌트 성공 스토리입니다.

- + \ No newline at end of file diff --git a/hashmap.json b/hashmap.json index 586e4988..63bb8d3b 100644 --- a/hashmap.json +++ b/hashmap.json @@ -1 +1 @@ -{"aoc_2022_day1.md":"CmmCEW-N","aoc_2022_day2.md":"3yO_7PQd","aoc_2022_day3.md":"C2Y0vL1c","aoc_2022_day4.md":"tuFEXh3Y","aoc_2022_day5.md":"C2R69kQg","aoc_2022_day6.md":"wASjIsqs","aoc_2022_index.md":"braorSzM","archive.md":"DOvE74uS","debt.md":"D0gO-9a7","fe-article_javascript-engines-runtimes.md":"CNP8bsQp","fe-article_the-wax-and-the-wane-of-the-web.md":"BBAaq91h","fe-article_the-web-component-success-story.md":"DEOMesoo","index.md":"iP2ZAnsc","log_announcing-vue-3-4.md":"CcxVlrO7","log_avoid-these-common-pitfalls-of-react-usestate.md":"Sj9oAijB","log_experimenting-with-measuring-soft-navigations.md":"D-bMWhZf","log_fully-typed-web-apps.md":"DeWU_OVR","log_how-core-web-vital-affect-seo.md":"D6ap2Y9W","log_making-cloudflare-for-web.md":"DoSHHxxr","log_making-javascript-run-fast-on-webassembly.md":"CHcrDUdi","log_nextjs-app-router-migration-the-good-bad-and-ugly.md":"C3IVtaN5","log_patterns-for-reactivity-with-modern-vanilla-javascript.md":"BTQoCoIF","log_short_four-eras-of-javascript-frameworks.md":"DhBhp3wm","log_short_ndc-keynotes-evolution-of-blockchain-and-virtual-reality.md":"JBKTfPcs","log_short_og-image-generation.md":"DXQjzaeu","log_short_prevent-attacks-and-redirect-users-with-oauth-2_0-state-parameters.md":"Dpp9X2UP","log_short_state-of-vue-2022-amsterdam-recap.md":"4PGShw9W","log_short_toss-slash22-react-native-for-super-high-productivity.md":"CEzSMx0J","log_the-saga-of-the-closure-compiler-and-why-typescript-won.md":"RI0yog_t","log_things-you-forgot-or-never-knew-because-of-react.md":"DJ2pbDBr","log_virtual-dom-back-in-block.md":"BvmQywkh","log_web-components-in-earnest.md":"D1uWk1QV","log_web-push-for-web-apps-on-ios-and-ipados.md":"CcUbRzg-","log_what-if-we-had-local-first-software.md":"CEVlsG0G","log_what-to-expect-from-vue-in-2023-and-how-it-differs-from-react.md":"C7C9gs3N","log_why-we-create-the-composition-api.md":"9u7mNp5l","log_why-you-should-be-using-vue-new-composition-api.md":"BvHQq7hL","posts_dealing-with-digital-distractions-at-work.md":"CS2nafa0","posts_how-to-apply-utterances-on-vitepress.md":"BixaFK07","posts_how-to-generate-sitemap-xml-for-vitepress.md":"LtaAFO-D","posts_why-i-decided-to-try-web-development-four-years-ago.md":"CZ-6gWkQ","reading.md":"DV0PFjsp","study_brilliant.md":"BxPCo32v","study_google-engineer_chapter10.md":"Cu6DntV6","study_google-engineer_chapter11.md":"DEfL8NLA","study_google-engineer_chapter12.md":"B4KHAHO9","study_google-engineer_chapter8.md":"FXBUvnFy","study_google-engineer_chapter9.md":"DePKxdXY","study_leetcode.md":"B3p6a7G5","study_refactoring_chapter1.md":"VP82-M4d","study_refactoring_chapter10.md":"Meavt4JL","study_refactoring_chapter11.md":"BWQaeTRe","study_refactoring_chapter12.md":"BJnJw07L","study_refactoring_chapter2.md":"BrCOcOaY","study_refactoring_chapter3.md":"CpWi31Yg","study_refactoring_chapter4.md":"Bhsil843","study_refactoring_chapter6.md":"BC-hKlxu","study_refactoring_chapter7.md":"BcBI3Xv1","study_refactoring_chapter8.md":"BT5Vwlko","study_refactoring_intro.md":"KZk25iGR","study_refactoring_practice.md":"VtfSGX_n","study_누구나 자료구조와 알고리즘.md":"CzXH4cFX","study_자바스크립트 알고리즘 문제풀이.md":"CCj_Kszq","study_클린 코드.md":"CUy7hnXu","study_함께자라기.md":"DeIr8oK2","vim.md":"C46BAAyo"} +{"aoc_2022_day1.md":"CmmCEW-N","aoc_2022_day2.md":"3yO_7PQd","aoc_2022_day3.md":"C2Y0vL1c","aoc_2022_day4.md":"tuFEXh3Y","aoc_2022_day5.md":"C2R69kQg","aoc_2022_day6.md":"wASjIsqs","aoc_2022_index.md":"braorSzM","archive.md":"DOvE74uS","debt.md":"D0gO-9a7","fe-article_javascript-engines-runtimes.md":"CNP8bsQp","fe-article_the-wax-and-the-wane-of-the-web.md":"BBAaq91h","fe-article_the-web-component-success-story.md":"DEOMesoo","index.md":"iP2ZAnsc","log_announcing-vue-3-4.md":"CcxVlrO7","log_avoid-these-common-pitfalls-of-react-usestate.md":"Sj9oAijB","log_experimenting-with-measuring-soft-navigations.md":"D-bMWhZf","log_fully-typed-web-apps.md":"DeWU_OVR","log_how-core-web-vital-affect-seo.md":"D6ap2Y9W","log_making-cloudflare-for-web.md":"DoSHHxxr","log_making-javascript-run-fast-on-webassembly.md":"CHcrDUdi","log_nextjs-app-router-migration-the-good-bad-and-ugly.md":"C3IVtaN5","log_patterns-for-reactivity-with-modern-vanilla-javascript.md":"BTQoCoIF","log_short_four-eras-of-javascript-frameworks.md":"DhBhp3wm","log_short_ndc-keynotes-evolution-of-blockchain-and-virtual-reality.md":"JBKTfPcs","log_short_og-image-generation.md":"DXQjzaeu","log_short_prevent-attacks-and-redirect-users-with-oauth-2_0-state-parameters.md":"Dpp9X2UP","log_short_state-of-vue-2022-amsterdam-recap.md":"4PGShw9W","log_short_toss-slash22-react-native-for-super-high-productivity.md":"CEzSMx0J","log_the-saga-of-the-closure-compiler-and-why-typescript-won.md":"RI0yog_t","log_things-you-forgot-or-never-knew-because-of-react.md":"DJ2pbDBr","log_virtual-dom-back-in-block.md":"BvmQywkh","log_web-components-in-earnest.md":"D1uWk1QV","log_web-push-for-web-apps-on-ios-and-ipados.md":"CcUbRzg-","log_what-if-we-had-local-first-software.md":"CEVlsG0G","log_what-to-expect-from-vue-in-2023-and-how-it-differs-from-react.md":"C7C9gs3N","log_why-we-create-the-composition-api.md":"9u7mNp5l","log_why-you-should-be-using-vue-new-composition-api.md":"BvHQq7hL","posts_dealing-with-digital-distractions-at-work.md":"CS2nafa0","posts_how-to-apply-utterances-on-vitepress.md":"BixaFK07","posts_how-to-generate-sitemap-xml-for-vitepress.md":"LtaAFO-D","posts_why-i-decided-to-try-web-development-four-years-ago.md":"CZ-6gWkQ","reading.md":"DcIx9hsp","study_brilliant.md":"BxPCo32v","study_google-engineer_chapter10.md":"Cu6DntV6","study_google-engineer_chapter11.md":"DEfL8NLA","study_google-engineer_chapter12.md":"B4KHAHO9","study_google-engineer_chapter8.md":"FXBUvnFy","study_google-engineer_chapter9.md":"DePKxdXY","study_leetcode.md":"B3p6a7G5","study_refactoring_chapter1.md":"VP82-M4d","study_refactoring_chapter10.md":"Meavt4JL","study_refactoring_chapter11.md":"BWQaeTRe","study_refactoring_chapter12.md":"BJnJw07L","study_refactoring_chapter2.md":"BrCOcOaY","study_refactoring_chapter3.md":"CpWi31Yg","study_refactoring_chapter4.md":"Bhsil843","study_refactoring_chapter6.md":"BC-hKlxu","study_refactoring_chapter7.md":"BcBI3Xv1","study_refactoring_chapter8.md":"BT5Vwlko","study_refactoring_intro.md":"KZk25iGR","study_refactoring_practice.md":"VtfSGX_n","study_누구나 자료구조와 알고리즘.md":"CzXH4cFX","study_자바스크립트 알고리즘 문제풀이.md":"CCj_Kszq","study_클린 코드.md":"CUy7hnXu","study_함께자라기.md":"DeIr8oK2","vim.md":"C46BAAyo"} diff --git a/index.html b/index.html index f1b5b56e..39dfe119 100644 --- a/index.html +++ b/index.html @@ -6,7 +6,7 @@ bohyeon.dev - + @@ -24,7 +24,7 @@
bohyeon.dev

Appearance

bohyeon.dev ​


4년 0개월
동안 웹 프론트엔드 개발자로 일했습니다.

진지하고 깊이 고민하는 성격입니다.

책과 영화, 게임을 좋아합니다.

- + \ No newline at end of file diff --git a/log/announcing-vue-3-4.html b/log/announcing-vue-3-4.html index 01fdf9ec..d1e55152 100644 --- a/log/announcing-vue-3-4.html +++ b/log/announcing-vue-3-4.html @@ -6,7 +6,7 @@ Vue 3.4 발표 | bohyeon.dev - + @@ -29,7 +29,7 @@ watchEffect(() => console.log(isEven.value)) // true라고 로그에 기록됩니다. count.value = 2 // 다시 true라고 로그에 기록됩니다.

3.4 이전에는 계산된 결과가 동일하게 유지되더라도 count.value가 변경될 때마다 watchEffect의 콜백이 실행되었습니다. 3.4 이후 최적화를 통해 이제 계산된 결과가 실제로 변경된 경우에만 콜백이 실행됩니다.

또한 3.4에서는

이러한 변경사항은 벤치마크에서 보이는 성능 향상 외에도, 이전 버전과 호환을 완벽하게 유지하면서도 많은 시나리오에서 불필요한 컴포넌트 재렌더링을 줄일 것입니다.

defineModel이 안정화되었습니다. ​

내용: RFC#503

defineModel은 v-model을 지원하는 컴포넌트의 구현을 간소화하기 위한 새로운 <script setup> 매크로입니다. 3.3에서 실험적 기능으로 제공되었고 3.4에서 안정적인 상태로 업그레이드되었습니다. 이제 v-model 수정자와 함께 사용할 수 있도록 더 나은 지원을 제공합니다.

관련 문서:

v-bind 동일 명칭 축약어 ​

내용: PR#9451

이제 아래와 같은 코드를 더 간결하게 단축할 수 있습니다.

html
<img :id="id" :src="src" :alt="alt">

단축하면 아래와 같이 표현됩니다.

html
<img :id :src :alt>

이 기능은 과거에 자주 요청되었던 기능입니다. 원래는 부울 속성과 혼동될 수 있다는 우려가 있었습니다. 그러나 이 기능을 다시 검토한 결과, v-bind의 동적 특성을 고려할 때 기본 속성보다 자바스크립트처럼 동작하는 것이 더 합리적이라고 판단했습니다.

하이드레이션 불일치 오류 개선 ​

내용: PR#5953

3.4 버전에서는 하이드레이션 불일치 오류 메시지가 여러 면에서 개선되었습니다.

  1. 표현의 명확성이 개선되었습니다(서버에서 렌더링 되는 것과 클라이언트에서 예상되는 것).
  2. 이제 메시지에 해당 DOM 노드가 포함되어 페이지 또는 요소 패널에서 해당 노드를 빠르게 찾을 수 있습니다.
  3. 이제 클래스, 스타일 및 기타 동적으로 바인딩된 속성에 대해서도 하이드레이션 불일치 검사가 적용됩니다.

또한 3.4에는 새로운 컴파일 타임 플래그인 __VUE_PROD_HYDRATION_MISMATCH_DETAILS__가 추가되어 운영 환경에서도 하이드레이션 불일치 오류에 전체 세부 정보를 포함하도록 강제할 수 있습니다.

오류 코드 및 컴파일 시간 플래그 참조 ​

번들 크기를 줄이기 위해 Vue는 운영 환경 빌드 시 긴 오류 메시지 문자열을 삭제합니다. 이것은 Vue의 소스 코드를 자세히 살펴보지 않고는 해독하기 어려운 짧은 오류 코드가 운영 환경에서 오류 핸들러에 의해 포착된다는 것을 의미합니다.

이를 개선하기 위해 문서에 운영 오류 참조 페이지를 추가했습니다. 오류 코드는 최신 버전의 Vue 안정 릴리스에서 자동으로 생성됩니다.

또한 다양한 빌드 도구에 대해 이러한 플래그를 구성하는 방법에 대한 지침이 포함된 컴파일 시간 플래그 참조를 추가했습니다.

사용되지 않는 기능 제거 ​

전역 JSX 네임스페이스 ​

3.4부터 Vue는 더 이상 글로벌 JSX 네임스페이스를 기본적으로 등록하지 않습니다. 이는 리액트와의 글로벌 네임스페이스 충돌을 방지하여 두 라이브러리의 JSX가 동일한 프로젝트에 공존할 수 있도록 하기 위해 필요합니다. 이는 최신 버전의 Volar를 사용하는 SFC 전용 사용자에게는 영향을 미치지 않습니다.

TSX를 사용하는 경우에는 두 가지 옵션이 있습니다.

  1. 3.4로 업그레이드하기 전에 tsconfig.json에서 jsxImportSource를 'vue'로 명시적으로 설정합니다. 또는 파일 상단에 /* @jsxImportSource vue */ 주석을 추가하여 파일별로 옵트인(opt-in)할 수도 있습니다.

  2. 전역 JSX 네임스페이스의 존재 여부에 따라 달라지는 코드(예: JSX.Element 등의 유형 사용)가 있는 경우 전역 JSX 네임스페이스를 등록하는 vue/jsx를 명시적으로 참조하여 3.4 이전의 전역 동작을 유지할 수 있습니다.

이 변경사항은 마이너 릴리스에서의 타입스크립트에만 호환성이 손상되는 변경사항(breaking changes)으로, 우리의 릴리스 정책을 준수합니다.

기타 제거된 기능 ​

- + \ No newline at end of file diff --git a/log/avoid-these-common-pitfalls-of-react-usestate.html b/log/avoid-these-common-pitfalls-of-react-usestate.html index 8b3cfd14..0156eccc 100644 --- a/log/avoid-these-common-pitfalls-of-react-usestate.html +++ b/log/avoid-these-common-pitfalls-of-react-usestate.html @@ -6,7 +6,7 @@ 리액트에서 useState를 사용하면서 저지를 수 있는 흔한 실수들 | bohyeon.dev - + @@ -448,7 +448,7 @@ }; ...

이제 ID로 올바른 항목을 찾고 배열에서 교체하기는 쉽습니다.

연습 문제 ​


- + \ No newline at end of file diff --git a/log/experimenting-with-measuring-soft-navigations.html b/log/experimenting-with-measuring-soft-navigations.html index 0026d4d1..53d8e4d6 100644 --- a/log/experimenting-with-measuring-soft-navigations.html +++ b/log/experimenting-with-measuring-soft-navigations.html @@ -6,7 +6,7 @@ 소프트 내비게이션 측정 실험하기 | bohyeon.dev - + @@ -73,7 +73,7 @@ onCLS(doSoftNavProcessing, {reportSoftNavs: true}); onFID(doSoftNavProcessing, {reportSoftNavs: true}); onINP(doSoftNavProcessing, {reportSoftNavs: true});

지표가 위에서 언급한 대로 올바른 URL에 대해 보고되는지 확인하세요.

web-vitals 라이브러리는 현재 소프트 내비게이션에 대해 다음과 같은 지표를 보고합니다.

MetricDetails
TTFB0으로 보고됩니다.
FCP현재 web-vitals 라이브러리에서는 페이지의 첫 번째 FCP만 보고합니다.
LCP소프트 내비게이션 시작 시간을 기준으로 다음으로 큰 콘텐츠의 페인트 시간입니다. 이전 내비게이션에서 존재하는 기존 페인트는 고려되지 않습니다. 따라서 LCP는 >= 0이 됩니다. 평소와 같이 상호작용이 발생하거나 페이지가 백그라운드 처리될 때 보고되며, 그래야만 LCP가 최종 확정될 수 있기 때문입니다.
CLS내비게이션 시간 사이의 가장 큰 이동 창입니다. 평소와 같이, 페이지가 백그라운드 처리된 경우에 이 값이 보고됩니다. 0이 보고됩니다.
FID현재 web-vitals 라이브러리에서는 페이지의 첫 번째 FID만 보고합니다.
INP내비게이션 시간 사이의 INP입니다. 평소와 같이 상호 작용 시 또는 페이지가 백그라운드 처리될 때 보고되며, 그래야만 INP가 최종 확정될 수 있습니다. 0은 보고되지 않습니다.
경고
web-vitals 구현은 현재 개발 중이며 해당 브랜치에 새로운 변경 사항이 게시되면 변경될 수 있습니다. 현재로서는 소프트 내비게이션에서 FCP 및 FID를 지원하지 않는데, 이는 크롬에서 FCP 및 FID를 측정하기 위해 더 많은 작업이 필요하기 때문입니다.
운영 사이트에서 web-vitals 자바스크립트 라이브러리를 사용하려는 경우 이 점을 인지하고 로컬 복사본을 가져와 해당 버전을 테스트하고 해당 브랜치에 변경 사항이 있는지 모니터링해야 합니다.

이러한 변화가 코어 웹 바이탈 측정의 일부가 되나요? ​

현재로서는 이 소프트 내비게이션 실험은 실험일 뿐입니다. 이 실험을 코어 웹 바이탈 이니셔티브에 통합할지 여부를 결정하기 전에 휴리스틱을 평가하고 사용자 경험을 더 정확하게 반영하는지 확인하고자 합니다. 이 실험의 가능성에 대해 매우 기대가 크지만, 이 실험이 현재의 측정치를 대체할지 여부와 시기에 대해서는 보장할 수 없습니다.

저희는 이 실험에 대한 웹 개발자의 피드백, 사용된 휴리스틱, 그리고 이 실험이 사용자 경험을 더 정확하게 반영한다고 생각하는지 여부에 대해 소중하게 생각합니다. 소프트 내비게이션 깃허브 리포지토리가 이러한 피드백을 제공하기에 가장 좋은 곳이지만, 크롬의 구현과 관련된 개별 버그는 크롬 이슈 트래커에서 제기해야 합니다.

CrUX에서 소프트 내비게이션은 어떻게 보고되나요? ​

이 실험이 성공할 경우 CrUX에서 소프트 내비게이션이 정확히 어떻게 보고될지 여부도 아직 결정되지 않았습니다. 현재의 "하드" 내비게이션과 동일하게 처리될 것이 반드시 보장되는 것은 아닙니다.

일부 웹 페이지에서는 소프트 내비게이션이 사용자에게 있어 전체 페이지 로딩과 거의 동일하며 단일 페이지 애플리케이션 기술의 사용은 구현 세부 사항일 뿐입니다. 다른 경우에는 추가 콘텐츠의 부분 로딩과 더 유사할 수 있습니다.

따라서 이러한 소프트 내비게이션을 CrUX에서 별도로 보고하거나 특정 페이지 또는 페이지 그룹에 대한 코어 웹 바이탈을 계산할 때 가중치를 부여할 수 있습니다. 또한 휴리스틱이 발전함에 따라 부분 로드 소프트 내비게이션을 완전히 제외할 수도 있습니다.

현재는 이 실험의 성공 여부를 판단할 수 있는 휴리스틱과 기술적 구현에 집중하고 있으므로 이러한 측면에 대한 결정은 아직 내려지지 않았습니다.

피드백 ​

다음과 같은 곳에서 이 실험에 대한 피드백을 적극적으로 받고 있습니다.

결론 ​

소프트 내비게이션 실험은 현재 지표에서 누락된 최신 웹의 일반적인 패턴을 측정하기 위해 코어 웹 바이탈 이니셔티브가 어떻게 발전할 수 있는지에 대한 흥미로운 접근 방식입니다. 이 실험은 아직 초기 단계이며 아직 해야 할 일이 많지만, 지금까지의 진행 상황을 광범위한 웹 커뮤니티에 공개하여 실험할 수 있도록 하는 것은 중요한 단계입니다. 이 실험에서 피드백을 수집하는 것도 이 실험의 중요한 부분이므로, 이 개발에 관심이 있는 분들께서는 이 기회를 통해 저희가 측정하고자 하는 바를 대표할 수 있는 API를 만드는 데 도움을 주실 것을 적극 권장합니다.

- + \ No newline at end of file diff --git a/log/fully-typed-web-apps.html b/log/fully-typed-web-apps.html index d1871448..b9f4b1f3 100644 --- a/log/fully-typed-web-apps.html +++ b/log/fully-typed-web-apps.html @@ -6,7 +6,7 @@ 완전한 타입 안정성을 가진 웹 애플리케이션 | bohyeon.dev - + @@ -225,7 +225,7 @@ // ^? { serverFormInfo: ServerFormInfo<FormValidations> } | undefined return <div>{/* Workshop form */}</div> }

다시 말하지만, action이 반환하는 것은 결국 useActionData가 참조하는 (직렬화된) 타입이 됩니다. 이 경우에는 타입 안전적인 속성을 갖는 remix-validity-state를 사용하고 있습니다. 또한 제출된 데이터는 제공한 스키마에 따라 remix-validity-state에 의해 안전하게 구문 분석되므로 submittedFormData 타입은 모든 데이터가 구문 분석되고 사용할 준비가 되어 있습니다. 이 작업을 위한 다른 라이브러리도 있지만, 요점은 몇 가지 간단한 유틸리티를 사용하면 경계를 넘어 환상적인 타입 안전성을 확보하고 배포에 대한 자신감을 높일 수 있다는 것입니다. 유틸리티의 API는 간단합니다. 다만 유틸리티 자체는 때때로 꽤 복잡합니다 😅.

이 기능은 다른 Remix 유틸리티에서도 작동한다는 점을 언급해야 합니다. meta 내보내기는 useFetcher 및 useMatcher와 마찬가지로 완전히 타입 검증 될 수 있습니다. 정말 멋진 세상입니다.

정말, 그 loader는 놀랍습니다. 이것 좀 보세요!

네트워크 경계를 넘어 타입 안정적입니다.

하나의 파일로요. 멋지죠 🔥.

결론 ​

제가 이 글을 통해 말하고자 한 요점은 타입 안전성은 가치 있을 뿐만 아니라 경계를 넘어 끝까지 달성할 수 있다는 것입니다. 마지막 로더 예제는 데이터베이스에서 UI까지 이어집니다. 이 데이터는 데이터베이스 → 노드 → 브라우저에서 타입 안전성이 보장되어 엔지니어로서 생산성을 엄청나게 높여줍니다. 어떤 프로젝트를 진행 중이시든, 여기에 제공된 몇 가지 제안을 사용하여 as Whatever 타입 형변환 거짓말을 삭제하고 보다 진정한 타입 안전성으로 변경할 수 있는 방법을 생각해 보세요. 나중에 스스로에게 감사하게 될 것입니다. 노력할 만한 가치가 있습니다!

앞선 예제들을 사용해 보고 싶으시다면 kentcdodds/fully-typed-web-apps-demo를 확인하세요.

- + \ No newline at end of file diff --git a/log/how-core-web-vital-affect-seo.html b/log/how-core-web-vital-affect-seo.html index 9693a2d7..16089441 100644 --- a/log/how-core-web-vital-affect-seo.html +++ b/log/how-core-web-vital-affect-seo.html @@ -6,7 +6,7 @@ 코어 웹 바이탈이 SEO에 미치는 영향 | bohyeon.dev - + @@ -24,7 +24,7 @@
bohyeon.dev

Appearance

코어 웹 바이탈이 SEO에 미치는 영향 ​

원문: https://vercel.com/blog/how-core-web-vitals-affect-seo

애플리케이션의 구글 페이지 경험 순위와 라이트하우스 점수 이해하기

코어 웹 바이탈은 구글에서 애플리케이션의 페이지 순위를 매기는 데 영향을 줍니다. 여기에서는 코어 웹 바이탈이 무엇인지, 어떻게 측정되는지, 그리고 이것이 사용자 및 검색 순위에 어떤 영향을 미치는지 자세히 살펴보겠습니다.

Malte Ubl은 Vercel의 CTO이자 전 구글 검색 디렉터로, 코어 웹 바이탈을 많이 활용하는 '페이지 경험' 순위 발표를 담당했습니다. 즉, 여기에 작성된 모든 내용은 공개적으로 문서화되어 있으며 적절한 경우 링크가 제공됩니다.

페이지 속도에 따라 구글이 순위를 매기는 방법 ​

구글 검색에서 여러분의 사이트 순위는 구글의 코어 웹 바이탈 지표를 기반으로 사이트의 성능을 평가하는 구글의 페이지 경험 순위 시스템에 의해 영향을 받습니다.

구글은 실제 사용자가 웹사이트와 상호 작용하는 방식을 관찰하고 이를 다시 서버에 보고하는 방식으로 코어 웹 바이탈을 수집합니다 (작동 방식에 대한 자세한 내용은 아래 참조).

이러한 유형의 데이터를 현장 데이터 라고 하는데, 이는 사이트를 탐색하는 실제 사용자로부터 수집하기 때문입니다. 이는 사이트의 성능을 확인하기 위해 '실험실 환경'에서 실행한 테스트의 결과인 실험실 데이터 와는 다릅니다. 구글의 라이트하우스는 실험실 테스트의 한 예입니다.

이 글에서 가장 중요한 점은 바로 이것입니다.

구글은 사이트 순위를 매길 때 코어 웹 바이탈 현장 데이터만 고려합니다. 구글은 검색 순위를 매길 때 라이트하우스 점수를 어떤 식으로든 고려하지 않습니다.

검색 순위 요소 맥락 파악하기 ​

페이지 경험은 코어 웹 바이탈을 활용하여 다른 사이트와 비교해 웹사이트의 성능을 확인하는 구글 검색의 순위 결정 요소입니다. 페이지 경험은 구글 검색의 여러 순위 결정 요소 중 하나로, 검색 결과 페이지에서 사이트의 순위를 결정하기 위해 모두 합산됩니다.

검색어와의 관련성 및 콘텐츠의 품질은 페이지 경험보다 훨씬 더 중요한 요소입니다. 그러나 여러분과 경쟁업체의 관련성이 매우 유사한 경우에는 페이지 경험에 따라 순위가 결정될 수 있습니다.

페이지 경험과 코어 웹 바이탈의 특징은 다음과 같습니다.

  • 사용자가 자신의 작업을 통해 이러한 지표를 개선할 수 있습니다.
  • 구글은 여러분이 얼마나 잘하고 있는지 투명하게 공개합니다.

코어 웹 바이탈은 다른 순위 결정 요소들보다 비교적 명확한 편입니다. 이를 최적화하는 것은 관련성을 개선하는 것보다 '추측'이 훨씬 덜 필요하며 콘텐츠 품질보다 측정하기 쉽습니다.

또한 코어 웹 바이탈을 개선하면 사용자 경험이 개선되어 전환을 유도할 수 있습니다.

애플리케이션의 코어 웹 바이탈을 확인하는 방법 ​

페이지 경험 순위에 대한 전체 앱의 성능에 대한 권위 있는 데이터 소스는 구글 검색 콘솔입니다.

The Core Web Vitals page of Google Search Console.

구글 검색 콘솔의 코어 웹 바이탈 페이지

페이지별 데이터에 액세스하는 간단한 방법은 두 가지 주요 섹션(코어 웹 바이탈과 라이트하우스)으로 그룹화되어 있는 구글의 PageSpeed 인사이트입니다.

현장 데이터: 코어 웹 바이탈 ​

"실제 사용자의 경험 알아보기"라는 레이블이 붙은 PageSpeed 인사이트의 상단 섹션에서 구글은 지난 28일 동안 크롬 브라우저(데스크톱 및 안드로이드 모바일 기기)에서 애플리케이션에 접속한 실제 사용자의 75번째 백분위수에 대한 글로벌 현장 데이터를 수집합니다.

구글은 이 실제 데이터의 첫 세 가지 지표인 최대 콘텐츠 렌더링 시간(LCP), 첫 입력 지연(FID), 레이아웃 변경 횟수(CLS)를 사용하여 점수에 따라 애플리케이션의 순위를 변경합니다. 2024년 3월에는 다음 페인트와의 상호작용(INP)이 FID를 대체합니다.

이 세 가지 코어 웹 바이탈은 웹 성능에 따라 앱의 순위에 영향을 미치는 데 구글이 사용하는 유일한 데이터이며, 여기에 표시된 점수는 애플리케이션의 비슷한 성능의 페이지와 함께 그룹으로 평균을 낸 것이지만 구글이 사용하는 수치와 정확히 일치합니다.

또한 데스크톱과 모바일용 탭이 모두 있는 것을 볼 수 있습니다. 이는 구글이 사이트의 모바일 버전과 데스크톱 버전을 각각 기준으로 모바일 사용자와 데스크톱 사용자에 대해 애플리케이션의 순위를 별도로 매기기 때문 입니다.

The mobile Core Web Vitals for google.com.

google.com에 대한 모바일 코어 웹 바이탈입니다.

코어 웹 바이탈 아래에 있는 세 가지 지표는 사용자 경험에 대한 추가 인사이트를 제공할 수 있지만 검색에서 애플리케이션의 순위에는 영향을 미치지 않습니다.

코어 웹 바이탈 현장 데이터에는 어떤 사용자가 포함되나요? ​

크롬 사용자경험보고서(CrUX)는 구글의 코어 웹 바이탈 프로그램의 공식 데이터세트이며, 수집 방법은 공개적으로 문서화되어 있습니다. 특히 보고서에 포함될 내용은 다음과 같습니다.

  • 페이지는 "충분한 인기"가 있어야 하고 "공개적으로 검색 가능"해야 합니다. 페이지가 인기 기준을 충족하는지 여부는 검색 콘솔의 CWV 보고서를 통해 확인할 수 있습니다.
  • 사용자는 사용량 통계 보고 사용을 활성화하고 브라우저 기록을 동기화('크롬'에 로그인한 상태)해야 하며 동기화 비밀번호를 설정하지 않아야 합니다.
  • 사용자는 데스크톱 또는 안드로이드에서 크롬을 사용해야 합니다.

이 마지막 글머리 기호는 아이폰 사용자는 집계되지 않는다는 의미입니다. 이는 일부 시장에서는 안드로이드폰이 아이폰보다 느리게 작동하므로 느리게 사이트를 방문하는 비율이 더 많이 계산될 수 있다는 점과 관련이 있을 수 있습니다.

애플리케이션에 실제 사용자 데이터가 충분하지 않은 경우 코어 웹 바이탈을 측정할 수 없으며 애플리케이션 순위를 매길 때 고려되지 않습니다.

사용자가 어디에서 오는지가 중요한가요? ​

또 다른 빈번한 질문은 '사용자가 어디에서 오는지가 중요한가요?' '인터넷 연결 속도가 느린 국가에 사용자가 많으면 불이익을 받나요?' 입니다.

사용자가 어디에서 오는지는 중요합니다. 현장 데이터의 핵심은 실제 사용자를 반영하며, 전 세계 모든 지역의 모든 사용자가 동등하게 집계된다는 점입니다.

좋은 소식은 인터넷 연결과 디바이스 성능이 전 세계적으로 향상되고 있으며, Vercel과 같은 에지 네트워크를 사용하면 지구상의 모든 사용자에게 뛰어난 성능을 제공할 수 있다는 것입니다.

주의: 28일간의 슬라이딩 윈도 ​

구글은 28일 슬라이딩 윈도 방식으로 코어 웹 바이탈 데이터를 수집합니다. 점수는 기본적으로 지난 28일 동안의 평균 점수입니다. 개선 조치를 취했거나 상황을 악화시킨 경우 해당 조치의 전체 영향을 파악하려면 한 달이 지나야 합니다.

아래에서 Vercel의 속도 인사이트를 통해 업데이트된 CWV 데이터에 더 빠르게 액세스하여 실시간으로 변화에 대응하고 순위 하락을 방지할 수 있는 방법을 확인할 수 있습니다.

실험실 데이터: 라이트하우스 ​

PageSpeed 인사이트의 두 번째 섹션인 '성능 문제 진단'에서는 크롬 개발자 도구에 있는 것과 동일한 도구인 라이트하우스 내에서 애플리케이션의 성능을 시뮬레이션합니다.

이는 위의 현장 데이터 점수와 완전히 별개의 항목으로, 실제 사용자에 대한 구글의 기준을 아직 충족하지 못하는 경우 개선 제안을 위한 것입니다.

다시 한번 말씀드리자면, 라이트하우스의 어떤 항목도 사이트의 검색 순위에 반영되지 않으며, 웹 앱 개발에서 흔히 발생하는 함정을 피하는 데 도움이 되는 선택적 지침을 제공합니다.

The mobile Lighthouse scores for google.com.

google.com에 대한 모바일 라이트하우스 점수입니다.

페이지에서 가장 눈에 띄는 숫자 중 하나인 라이트하우스 성능 점수는 FCP(First Contentful Paint), 속도 지표, LCP, TBT(총 차단 시간), CLS에 가중치를 부여한 점수입니다. 가중치를 적용한 후 실제 코어 웹 바이탈은 이 점수의 50%만 차지하며 FID/INP는 고려되지 않습니다.

이 결과는 쓰로틀링된 네트워크 연결로 모토 G 파워를 에뮬레이션 한 디바이스에서 얻은 결과이며, 실제 사용자의 디바이스와는 사양이 크게 다를 수 있습니다.

이 점과 기타 실험실 데이터와 관련된 문제(예: 사용자가 보고된 페이지로 이동하기 전에 어떤 페이지에서 왔는지 고려하지 않는 점)로 인해 라이트하우스 점수는 유일한 UX 지표로 적합하지 않습니다.

예를 들어, 지표로서의 총 차단 시간(TBT)은 실제 사용자 경험을 반영하지 못하는 경우가 많습니다. 이는 사용자 이벤트가 있는 경우 리액트와 같은 최신 프레임워크는 인터럽트 실행을 통해 좋은 FID와 INP를 제공하지만, 실험실 테스트에서는 실제 사용자 상호작용 없이 CPU 사용량을 관찰할 때 이를 알 수 없기 때문입니다.

라이트하우스 점수 해석하기 ​

실험실 데이터에 대한 어려움에도 불구하고 라이트하우스는 여전히 유용한 정보를 제공하며, 특히 애플리케이션의 어느 부분이 사용자에게 문제를 일으킬 수 있는지 범위를 좁히는 데 유용합니다. 예를 들어

  • 성능 - 코어 웹 바이탈이 허용 범위에 속하지 않는 경우, 메인 스레드를 너무 오래 차단할 수 있는 스크립트를 링크해주는 등 문제가 있을법한 부분을 지적합니다. 또한 LCP를 유발하는 것으로 간주되는 정확한 요소도 표시합니다.
  • 접근성 - 이름 없는 링크나 레이블이 없는 폼 필드와 같은 일반적인 오류를 발견합니다. 또한 명암비가 충분히 높지 않은 요소나 탭할 공간이 충분하지 않은 링크를 스크린샷으로 찍을 수도 있습니다.
  • 모범 사례 - 이 라이트하우스 카테고리는 애플리케이션의 보안 및 사용성 개선을 위한 제안을 포괄적으로 담고 있습니다. 여기의 정보는 브라우저가 코드를 더 쉽게 구문 분석하고 XSS와 같은 일부(전부는 아니지만) 일반적인 취약점을 방지하는 데 도움이 됩니다.
  • SEO - 라이트하우스는 SEO의 기술적 부분에서 검색 엔진이 사이트를 크롤링하는 데 도움이 되는 기술적 방법에 대한 조언을 제공합니다. 이러한 점검은 사이트 순위가 예상대로 나오지 않는 이유를 디버깅하는 데 매우 유용할 수 있지만, 앱의 SEO에 영향을 미칠 수 있는 모든 요인을 완전히 해결하지는 못합니다.

코어 웹 바이탈을 더 빠르게 반복하는 방법: Vercel 속도 인사이트 ​

구글의 데이터는 애플리케이션의 검색 순위와 실제 사용자의 성능을 확인할 수 있는 권위 있는 출처입니다. 하지만 위에서 언급했듯이 구글이 제공하는 데이터는 28일의 슬라이딩 윈도우를 사용합니다.

즉, 개선 또는 후퇴를 적용하면 전체 영향을 확인하려면 최대 한 달이 걸릴 수 있습니다. 또한 성능 저하에 대한 수정 사항을 제출해야 하는 경우 구글이 개선 사항을 반영하는 데 한 달이 더 걸릴 수 있습니다.

Vercel은 이터레이션 속도를 극대화하기 위해 속도 인사이트를 만들었습니다. 크롬 브라우저는 사용자가 사이트에 접속할 때 코어 웹 바이탈 지표를 노출하므로, 사이트에 설치된 속도 인사이트 패키지는 이 지표에 액세스하여 실시간 데이터를 보고합니다. 그러면 문제가 나타나는 즉시 발견하고 수정하여 신속하게 대응할 수 있습니다.

A snapshot of the Speed Insights tab from the project view.

프로젝트 보기의 속도 인사이트 탭 스냅샷

Vercel의 모든 기능이 무제한 불변 배포와 연계되어 있는 것처럼, 속도 인사이트도 배포 단위 또는 브랜치 단위로 볼 수 있어 각 git push가 애플리케이션 성능에 미치는 영향을 쉽게 확인할 수 있습니다.

구글의 PageSpeed 인사이트와 달리 지난 28일보다 더 작은 기간으로 데이터를 필터링할 수 있어 변경의 즉각적인 효과를 확인하거나 대규모 코드베이스 변경과 관련된 임의의 기간을 측정할 수 있습니다.

또한 애플리케이션의 개별 경로를 확인하고 사용자의 75번째 백분위수('구글 기준')와 90번째, 95번째, 99번째를 기준으로 데이터를 볼 수 있습니다.

또한 전 세계 지역별로 결과를 필터링할 수 있어 실제 사용자가 거주하는 지역에 리소스를 더 효과적으로 할당할 수 있습니다.

Geographic map of the P75 score where the color intensity indicates the relative amount of data points per country.

색상 강도가 국가별 데이터 포인트의 상대적 양을 나타내는 P75 점수의 지리적 지도.

전 세계의 다양한 규제 제한에 상관없이 속도 인사이트 기능을 사용할 수 있도록 개별 방문자나 IP 주소에 연결되거나 연관되지 않고 정보를 제공하도록 설계되었습니다.

더 읽어보기: 코어 웹 바이탈 최적화 ​

이제 코어 웹 바이탈의 정의, 측정 방법, 애플리케이션에 미치는 영향에 대한 개요를 살펴보았으니 "각 지표를 최적화하려면 어떻게 해야 하나요?"라고 궁금해하실 수 있습니다.

조만간 이 주제에 대한 더 많은 콘텐츠를 게시할 예정이지만, 지금은 개별 지표 최적화에 대한 구글의 기술 가이드를 추천합니다: 최대 콘텐츠 렌더링 시간(LCP), 레이아웃 변경 횟수(CLS), 첫 입력 지연(FID), 다음 페인트와의 상호작용(INP).

요점 ​

  • 코어 웹 바이탈을 개선하는 것은 구글이 사이트 순위를 매기는 데 사용하는 기본 데이터에 직접 액세스할 수 있기 때문에 구글 검색에서 가장 투명한 순위 결정 요소입니다.
  • 구글 검색 순위에는 코어 웹 바이탈만 반영됩니다. 라이트하우스 점수는 무시됩니다.
  • 구글의 데이터는 28일의 슬라이딩 윈도를 사용합니다. 더 빠른 이터레이션 속도로 사이트 속도를 개선하기 위해, Vercel의 속도 인사이트를 사용하면 코어 웹 바이탈에 실시간으로 쉽게 필터링할 수 있습니다.
- + \ No newline at end of file diff --git a/log/making-cloudflare-for-web.html b/log/making-cloudflare-for-web.html index 068dd205..a36ae893 100644 --- a/log/making-cloudflare-for-web.html +++ b/log/making-cloudflare-for-web.html @@ -6,7 +6,7 @@ Cloudflare를 웹 애플리케이션을 위한 최고의 장소로 만들기 | bohyeon.dev - + @@ -24,7 +24,7 @@
bohyeon.dev

Appearance

Cloudflare를 웹 애플리케이션을 위한 최고의 장소로 만들기 ​

원문: https://blog.cloudflare.com/making-cloudflare-for-web/

웹 개발자 여러분 안녕하세요! 최근 Cloudflare에서는 약간의 변화를 준비하고 있는데요. 이 글에서 저희가 무엇을 하고 어디로 가고 있는지 간단하게 알려드리려 합니다. 여러분들은 이미 Cloudflare를 웹 애플리케이션을 보호하거나, 속도를 높이거나, 확장할 수 있는 최고의 장소로 알고 계시겠지만, Cloudflare는 점점 더 애플리케이션을 배포하고 실행하는데도 최고의 장소가 되고 있습니다!

왜 애플리케이션을 Cloudflare에 배포해야 할까요? 두 가지 간단한 이유가 있습니다. 첫째, 여러 개별 시스템을 관리하는 번거로움을 줄여줍니다. 개발, 배포, 모니터링, 튜닝을 한곳에서 할 수 있습니다. 둘째, Cloudflare에 직접 배포함으로써 애플리케이션을 최적화할 수 있는 수단이 훨씬 더 많아지며, 그로 인해 애플리케이션을 사용자에게 더 빠르고 부드럽게 전달할 수 있습니다.

그래서 무엇이 바뀌는 건가요? 사실 꽤 많은 것이 바뀝니다. 저는 모든 세부 사항을 다시 이야기하며 여러분들을 지루하게 하지 않을 것입니다. 대신 제 뛰어난 동료들이 모든 세부 사항을 포함한 별도의 글을 작성했으니, 여기서는 대략적으로 파악해 보세요.

Cloudflare Workers + Pages = 멋진 개발 플랫폼 ​

Cloudflare Pages와 Workers는 다음과 같은 서비스를 제공하는 통합된 개발 및 애플리케이션 호스팅 플랫폼으로 병합됩니다.

  • 전 세계적으로 매우 낮은 지연시간: 정적 자산과 컴퓨팅이 전 세계 인터넷 연결 인구의 95%에게 50ms 미만 거리에 있습니다.
  • 무료 정적 자산 호스팅을 포함한 무료 이그레스(egress, 역자 주: 서비스 경계 내부의 API 클라이언트 또는 리소스와 서비스 경계 외부의 리소스가 관련된 액세스를 의미합니다.).
  • 전 세계적으로 이미 초당 최대 1천만 건 이상의 요청을 처리하는 표준 기반 자바스크립트 및 WASM 런타임.
  • R2(S3 호환 API를 가진 오브젝트 저장소), 지연시간이 낮고 전 세계적으로 복제된 KV 저장소, 큐, D1 데이터베이스 등의 강력한 기능에 대한 접근.
  • 개발 속도를 향상하는 GitOps 및 CI/CD 워크플로우와 미리 보기 환경 지원
  • ... 그리고 훨씬 더 많은 것들이 있습니다!

수학적으로는 틀렸다는 것이 증명되었지만, 저희는 1+1=3이라는 공식을 고집스럽게 믿고 있습니다. Cloudflare Pages + Workers가 각각의 합보다 훨씬 더 훌륭하다고 해석합니다. 실제로, 둘의 조합은 저희가 기대하며 개발하고 있는 독특한 개발 플랫폼의 훌륭한 기반입니다.

저희는 이 통합 여정을 몇 분기 전에 시작했으며, 초기부터 기존의 애플리케이션을 그대로 두지 않기로 합의했습니다. 대신, 이전의 애플리케이션을 새로운 세계로 옮겨갈 것입니다. 이제 점진적인 결과를 공유하기 시작하려고 합니다. 그리고 이번 분기 동안 훨씬 더 많은 것들이 출시될 예정입니다. 더 알고 싶으신가요? 제 동료 Nevi가 그녀의 블로그 게시물에 흥미진진한 세부 사항들을 공유했습니다.

Workers를 위한 스마트 배치는 우리를 더 멀리 나아가게 합니다! ​

간단히 말해서, 스마트 배치는 Cloudflare에 혁명을 가져왔습니다. 이 기능은 오늘날 다른 애플리케이션 호스팅 제공 업체도 따라올 수 없는 새로운 컴퓨팅 패러다임을 저희 플랫폼에서 가능하게 합니다. 인기 있는 여러 웹 프레임워크 중 하나로 만들어진 전형적인 풀스택 애플리케이션을 가지고 있나요? 그렇다면 이 기능은 바로 당신을 위한 것입니다! 그리고 이 기능은 Workers와 Pages 모두에서 작동합니다!

이전에는 항상 모든 애플리케이션을 저희 글로벌 네트워크의 "엣지", 즉 사용자에게 가능한 한 가까운 곳에서 실행했습니다. 스마트 배치를 사용하면 저희는 컴퓨팅(당신의 애플리케이션)이 실행되어야 하는 네트워크 내에서 최적의 위치를 지능적으로 결정합니다. 이는 애플리케이션의 동작과 애플리케이션이 상호작용하는 다른 네트워크 자원이나 엔드포인트를 관찰함으로써 이루어집니다. 그런 다음 일반적으로 데이터가 저장된 곳과 가까운 최적의 위치에 당신의 애플리케이션을 투명하게 생성하고, 저희의 네트워크를 통해 들어오는 요청을 해당 위치로 라우팅 합니다.

스마트 배치를 통해 애플리케이션을 작업을 수행하는데 필요한 데이터와 가까이에서 실행할 수 있습니다. 이는 데이터베이스, 오브젝트 저장소, 또는 다른 백엔드 엔드포인트와 상호작용하는 애플리케이션에 유용하며, 중앙집중식이고 글로벌하게 분산되어 있지 않은 경우에 특히 강력합니다.

사용자나 클라이언트의 요청은 여전히 285개가 넘는 데이터 센터 중 그들의 현재 위치에 가까운 한 곳의 초고속 네트워크로 전송됩니다. 하지만 애플리케이션을 바로 그곳에서 생성하는 대신, 애플리케이션과 통신하는 데이터나 백엔드 시스템과 가까운 최적의 데이터 센터로 요청을 라우팅 합니다.

그렇다고 엣지에서의 컴퓨팅이 더 이상 멋지지 않다는 의미는 아닙니다! 멋져요! 여전히 애플리케이션을 엣지에서 실행하는 것이 합당한 많은 사용 사례가 있으며 스마트 배치는 그 시나리오를 결정하고, 있어야 할 장소가 엣지라면 애플리케이션을 엣지에 유지합니다. A/B 테스팅, 현지화, 에셋 제공 등은 거의 항상 엣지에서 일어나야 할 사용 사례입니다.

흥미로우신가요? 이 시각적 데모를 확인하고, 제 동료인 Tanushree의 블로그 게시물에서 스마트 배치에 대해 자세히 알아보세요.

로컬 또는 브라우저에서 개발하세요! ​

초고속으로 전 세계에 분산된 애플리케이션 플랫폼에 직접 통합된, 최고의 개발 환경을 구축한다는 목표를 계속해서 실현하고 있습니다. 로컬 기본 개발 워크플로우를 완벽하게 지원하는 Wrangler v3를 출시합니다. 오픈소스 Cloudflare Workers 자바스크립트 런타임인 workerd를 기반으로 하는 이 변화는 개발 서버 시작 시각을 10배, 그리고 스크립트 재로드 시간을 60배 단축해 생산성을 높이고 흐름을 더 오래 유지할 수 있게 합니다.

대시보드에서는 업그레이드된, 훨씬 더 강력한 VSCode 기반의 온라인 편집기를 도입하고 있습니다. 이제 브라우저에서 여러 자바스크립트 모듈을 편집하고, 엣지 미리 보기를 정확히 확인할 수 있으며, 친절한 에러 페이지와 타입 검사를 할 수 있습니다!

마지막으로 대시보드 에디터와 Wrangler 모두에서 workerd 맞춤형 크롬 개발자 도구가 최신 버전으로 업데이트되어 어디서든 더욱 뛰어난 디버깅 및 프로파일링 기능을 제공합니다.

이는 저희의 개발 도구 영역 개선에 대한 첫 번째 물결에 불과하며, 앞으로 몇 분기 동안 이 공간에서는 저희가 계속해서 변화를 이루는 것을 볼 수 있을 것입니다. 그러나 그 사이에, Adam, Brendan, 그리고 Samuel로부터 Wrangler v3의 모든 세부 정보와 VSCode 및 대시보드 에디터 개선에 대한 심층적인 게시물을 확인하세요.

메모리, CPU, 애플리케이션 크기 제한 증가 및 가격 책정 간소화! ​

AI, WASM, 그리고 강력한 풀스택 애플리케이션의 시대에서, 저희는 개발자들이 저희의 현재 자원 한계에 더 자주 직면하고 있다는 것을 알아차렸습니다. 저희는 이러한 애플리케이션이 번창하고 개발자들이 더 크고 복잡한 애플리케이션을 구축할 수 있도록 하고 싶습니다. 그래서, 다음 주(2023.05.17. 기준) 내로 애플리케이션 크기 제한(JavaScript/WASM 번들 크기)을 10MB(gzip 이후)로 늘리고, 시작 지연 시간제한(스크립트 컴파일 시간)을 200ms에서 400ms로 늘릴 예정입니다.

개발자들에게 더 많은 권한을 부여하기 위해, 메모리 제한 등을 늘리기 위해 등급을 도입하면서 요금 모델을 통합하고 간소화하는 방법에 대해 고민하고 있습니다. 이에 대한 자세한 정보는 조만간 공개될 예정입니다!

이러한 변경으로 개발자들은 더 멋진 애플리케이션을 구축하고 더 적은 비용으로 운영할 수 있게 됩니다! 멋지지 않나요?!?

최신 빌드 이미지가 적용된 Pages CI를 만나보세요! ​

드디어 기다림이 끝났습니다! 이제 Pages에서 최신 빌드 이미지를 사용하여 CI 및 통합 빌드 시스템을 구동합니다. 이번 개선으로 마침내 최신 버전의 Node.js, pnpm 및 오늘날 개발자가 사용하는 기타 여러 도구를 사용할 수 있게 되었습니다.

이번 개선 사항을 제공하면서 향후에도 최신 상태로 유지하기가 훨씬 쉽게 만들었을 뿐만 아니라 빌드 캐싱과 같은 새로운 기능도 추가했습니다!

업데이트는 모든 새 프로젝트에 기본적으로 제공되며, 기존 프로젝트는 새로운 기본값을 선택할 수 있습니다. 마음에 드시나요? 그렇다면 Greg의 이 블로그 글에서 계속 읽어보세요.

이 정도면 충분하군요. 자, 이제 시작하겠습니다…! 당신이 원하는 프레임워크를 C3와 함께! ​

Cloudflare는 CDN이자 Worker 애플리케이션을 배포하는 장소일 뿐만 아니라 이제 풀스택 웹 애플리케이션을 실행하는 최고의 장소가 되고 있습니다. 여기에는 Angular, Astro, Next, Nuxt, Qwik, Remix, Solid, Svelte, Vue 등과 같은 모든 풀스택 웹 프레임워크가 포함됩니다.

저희의 큰 목표는 더 나은 인터넷을 구축하는 것이며, 이 사명에 대한 저희의 기여는 개발자뿐만 아니라 누구나 아이디어를 실시간으로 배포된 애플리케이션으로 전환할 수 있도록 지원하는 것입니다.

개발자들이 아이디어를 빠르게, 그리고 번거로움 없이 배포된 애플리케이션으로 전환할 수 있도록 두 가지를 구축했습니다.

첫째, 여러 웹 프레임워크 작성자들과 협력하여 모든 널리 사용되는 자바스크립트 웹 프레임워크에 대해 새로운 어댑터를 만들거나 기존 어댑터를 개선했습니다. 이 어댑터들은 애플리케이션이 저희 플랫폼에서 가장 효율적인 방식으로 실행되도록 보장하면서, 플랫폼의 모든 기능과 능력에 접근할 수 있게 합니다.

이러한 어댑터에는 요청이 많았던 Next.js 어댑터가 포함되어 있으며, 방금 프로덕션 준비를 완료하고 오늘 1.0.0을 출시합니다! 각 팀과 협력하여 Angular 및 Qwik을 위한 새로운 어댑터를 구축했으며, Astro, Nuxt, Solid 및 몇 가지를 개선했습니다.

둘째, 저희는 C3라고 부르는 새롭고 멋진 CLI를 개발했습니다. 이는 create-cloudflare CLI를 의미하는 단축어로, 저희의 기존 Wrangler CLI의 형제입니다. 만약 당신이 터미널이나 VSCode와 같은 로컬 에디터에서 대부분의 시간을 보내는 개발자라면, 이 CLI는 Cloudflare 우주로 진입하게 해주는 단일 진입점입니다.

C3 명령을 실행하면 시작할 수 있습니다. 저희는 사용자와 열심히 작업하는 프레임워크 작성자 사이에 있는 것을 원하지 않기 때문에, 사용자가 원하는 프레임워크를 선택하면 C3는 제어권을 선택한 프레임워크의 CLI에게 넘깁니다. 잠시 후 npm 의존성이 모두 설치되고 나면 애플리케이션이 배포된 URL을 받게 됩니다. 이게 다입니다. 거의 즉시 아이디어로부터 공유할 수 있는 URL까지! 와우.

웹 애플리케이션을 위한 최적의 장소 ​

정리하자면, 풀스택 웹 프레임워크에 대한 최고 수준의 지원과 플랫폼의 짧은 대기 시간 및 비용 효율성, 풀스택 웹 애플리케이션의 백엔드가 최적의 위치에서 자동으로 실행되도록 하는 스마트 배치, 그리고 개발자 도구의 나머지 모든 중요한 개선 사항이 결합되어 Cloudflare를 웹 애플리케이션을 구축하고 호스팅 하기 위한 최고의 장소로 만들어줍니다. 이것이 저희가 더 나은 인터넷을 만들기 위한 사명에 대한 기여이며, 웹을 전진시키는 방법입니다.

저희는 사람들이 비즈니스를 하고자 할 때, 또는 단지 창의력을 발휘하고 아이디어를 탐구하며 재미있게 보내고 싶을 때 찾는 장소가 되길 희망합니다. 이는 긴 여정이며, 앞으로 저희가 마주하게 될 흥미로운 도전들이 많습니다. 당신의 의견이 저희를 안내하는 데 결정적인 역할을 할 것입니다. 저희 모두는 이 일부가 될 기회를 얻게 되어 흥분하고 있으며, 최선을 다해보려고 합니다. 당신도 이 여행에 참여할 수 있으며, 바로 시작할 수 있습니다.

bash
npm create cloudflare my-first-app
- + \ No newline at end of file diff --git a/log/making-javascript-run-fast-on-webassembly.html b/log/making-javascript-run-fast-on-webassembly.html index 4618290b..5486a37b 100644 --- a/log/making-javascript-run-fast-on-webassembly.html +++ b/log/making-javascript-run-fast-on-webassembly.html @@ -6,7 +6,7 @@ 웹어셈블리에서 자바스크립트를 빠르게 실행하는 방법 | bohyeon.dev - + @@ -24,7 +24,7 @@
bohyeon.dev

Appearance

웹어셈블리에서 자바스크립트를 빠르게 실행하는 방법 ​

원문 : https://bytecodealliance.org/articles/making-javascript-run-fast-on-webassembly

js-on-wasm

20년 전과 비교하면 브라우저에서 자바스크립트는 훨씬 더 빠르게 실행됩니다. 브라우저 벤더사가 집중적으로 성능 최적화 작업에 시간을 할애했기 때문입니다.

오늘 우리는 다른 규칙이 적용되는, 완전히 다른 환경에서 자바스크립트 성능을 최적화하는 작업을 시작합니다. 그리고 이것은 웹어셈블리 덕에 가능합니다.

먼저 확실히 해야 할 것이 있습니다. 브라우저에서 자바스크립트를 실행할 때는 간단히 자바스크립트를 배포하는 것이 가장 합리적인 선택입니다. 브라우저 내의 자바스크립트 엔진(JS 엔진)은 탑재된 자바스크립트를 실행하기 위해 고도로 조정되어 있기 때문입니다.

하지만 만약 서버리스 함수에서 자바스크립트를 실행하고 있다면 어떨까요? 또는 iOS나 게임 콘솔과 같이 일반적인 JIT(Just-In-Time) 컴파일을 허용하지 않는 환경에서 자바스크립트를 실행하고 싶다면요?

이와 같은 사례들의 경우, 오늘 알아볼 새로운 자바스크립트 최적화 물결에 주의를 기울여야 합니다. 이 작업은 또 비슷한 환경들에서 빠르게 실행되기를 원하는 Python, Ruby, Lua과 같은 다른 런타임들의 모델 역할을 할 수도 있습니다.

그러나 본격적으로 알아보기 전에, 기본적인 작동 방식을 살펴봐야 합니다.

어떻게 작동하나요? ​

자바스크립트를 실행하려면, 자바스크립트 소스 코드는 어떤 방법으로든 기계어로 번역돼 실행되어야 합니다. 번역된 기계어는 인터프리터나 JIT 컴파일러와 같은, 다양한 기술을 사용하는 JS 엔진에서 수행됩니다. (자세한 사항은 JIT(Just-In-Time) 컴파일러 집중 과정를 참조하세요.)

Personified JS engine looking at JS source code and speaking the equivalent bytes of machine code out loud

그러나 만약 실행하려는 플랫폼에 JS 엔진이 없다면 어떻게 해야할까요? 코드와 함께 JS 엔진을 배포해야 합니다.

이를 위해 JS 엔진을 웹어셈블리 모듈로 배포해 다양한 종류의 머신 아키텍처에서 이식될 수 있도록 했습니다. 그리고 WASI(웹어셈블리 시스템 인터페이스)를 사용하면 다른 운영 체제에도 이식될 수 있습니다.

이는 전체 자바스크립트 환경이 이 웹어셈블리 인스턴스에 묶인다는 것을 의미합니다. 그래서 일단 배포하고 나면, 자바스크립트 코드를 전달하기만 하면 해당 코드가 실행됩니다.

A box representing the Wasm engine wrapping a box representing the JS engine, with a JS file being passed through the Wasm engine to the JS engine.

그럼 기계의 메모리에서 직접 작업이 이뤄지는 대신, JS 엔진은 바이트코드부터 바이트코드가 조작하는 GCed(Garbage Collected) 객체까지 모든 것을 Wasm 모듈의 선형 메모리에 넣습니다.

The personified JS engine putting translated machine code bytes into the linear memory inside its box

JS 엔진으로는 Firefox에서 사용되는 SpiderMonkey를 사용했습니다. SpiderMonkey는 브라우저에서 숱한 테스트를 거친, 업계에서 가장 강력한 자바스크립트 VM 중 하나입니다. 신뢰할 수 없는 코드 또는 신뢰할 수 없는 입력을 처리하는 코드를 실행할 때 이런 종류의 보안 테스트 및 투자는 중요합니다.

SpiderMonkey는 또한 정밀 스택 스캔(precise stack scanning)이라는 기술을 사용합니다. 뒤에서 설명하겠지만, 이는 일부 최적화에 중요한 기술입니다. 또 이해하고 읽기 매우 쉬운 코드 베이스를 가지고 있는데, 이는 Fastly, Mozilla 및 Igalia 3개의 다른 조직의 구성원들이 협력하고 있는 상황이기 때문에 중요합니다.

지금까지 설명한 접근 방식에서 혁신적인 것은 없습니다. 사람들은 이미 몇 년 동안 이처럼 웹어셈블리로 자바스크립트를 실행해 왔습니다.

문제는 느리다는 것입니다. 웹어셈블리는 새로운 기계 코드를 동적으로 생성하고 순수한 웹어셈블리 코드 내에서 실행할 수 없습니다. 즉, JIT를 사용할 수 없습니다. 인터프리터만 사용할 수 있습니다.

이 제약 조건을 감안하면, 당신은 다음과 같이 질문할 수 있습니다...

그럼 대체 왜 하는 건가요? ​

JIT를 통해 브라우저가 자바스크립트를 빠르게 실행할 수 있기 때문에(그리고 웹어셈블리는 모듈 내부에서 JIT 컴파일을 할 수 없기 때문에) 웹어셈블리를 사용하는 것이 직관에 반하는 것처럼 보일 수 있습니다.

A horrified developer screaming "But Why!?"

하지만 만약 이런 상황에도 불구하고 자바스크립트를 빠르게 실행할 수 있다면 어떨까요?

이게 가능할 때, 유용할 수 있는 몇 가지 사례를 살펴보겠습니다.

iOS(및 기타 JIT 제한 환경)에서 자바스크립트 실행 ​

보안 문제로 인해 JIT를 사용할 수 없는 곳들이 있습니다 (예: 권한이 없는 iOS 앱, 일부 스마트 TV 및 게임 콘솔).

An iPhone, a smart TV, and a gaming controller

이런 플랫폼에서는 인터프리터를 사용해야 합니다. 하지만 이런 플랫폼에서 실행되는 애플리케이션은 오래 실행되며 많은 코드가 필요합니다… 역사적으로, 이런 환경은 실행 속도를 훨씬 더 늦추기 때문에 인터프리터를 사용하고 싶지 않은 환경입니다.

만약 기존 접근 방식을 빠르게 만들 수 있다면, 개발자들은 지나친 성능 저하 없이도 JIT가 없는 플랫폼에서 자바스크립트를 사용할 수 있습니다.

서버리스를 위한 즉각적인 콜드 스타트 ​

JIT가 문제가 아니지만 서버리스 함수와 같이 시작 시간이 문제인 것들도 있습니다. 여러분들도 한 번쯤은 들어봤을 콜드 스타트(cold-start) 지연 문제입니다.

A picture of a cloud with lots of edge network nodes around it

가장 잘 갖춰진 자바스크립트 환경(순수히 JS 엔진만 가동하는 격리 환경)을 사용하는 경우에도 시작 지연 시간이 최소 5밀리 초까지 걸릴 수 있습니다. 여기에는 응용 프로그램을 초기화하는 데 걸리는 시간은 포함되지도 않습니다.

시작 시간 지연을 숨기는 방법들이 있습니다. 그러나 QUIC과 같은 제안에서 네트워크 계층에서 연결 시간이 최적화되고 있으므로 이를 숨기기가 점점 더 어려워지고 있습니다. 또한 여러 서버리스 기능을 함께 연결하는 것과 같은 작업을 수행할 때 이를 숨기는 것은 더욱 어렵습니다.

지연 시간을 숨기기 위해 이러한 기술을 사용하는 플랫폼은 종종 다른 요청 간에 인스턴스를 재사용합니다. 이는 때에 따라 서로 다른 요청 간에 전역 상태를 관찰할 수 있음을 의미하며 보안상 위험합니다.

콜드 스타트 문제로 인해 개발자들은 종종 모범 사례를 따르지 않습니다. 하나의 서버리스 배포에 많은 기능을 포함합니다. 이에 따라 장애 범위가 더 커질 수 있는 또 다른 보안 문제가 발생합니다. 해당 서버리스 배포의 한 부분이 악용되면 공격자는 해당 배포의 모든 항목에 접근할 수 있습니다.

On the left, a cartoon captioned "Risk between requests". It shows burgalers in a room filled with papers saying "Oooh payday... check out what they left behind!" On the right, a cartoon captioned "Risk between modules". It shows a tree of modules with a module at the bottom being exploded and other modules in the tree getting hit by shrapnel.

그러나 이런 상황에서 자바스크립트 시작 시간을 충분히 빠르게 할 수 있다면, 갖가지 방법으로 시작 시간을 숨길 필요가 없습니다. 그저 마이크로초 안에 인스턴스를 시작하면 됩니다.

결과적으로 각 요청마다 새 인스턴스를 사용할 수 있습니다. 즉, 여러 요청 사이에 공유되는 상태가 존재하지 않습니다.

이 인스턴스들은 매우 가볍기 때문에 개발자는 자유롭게 코드를 세분화할 수 있고, 단일 코드 조각에 대한 장애 반경이 최소화됩니다.

On the left, a cartoon captioed "isolation between requests". It shows the same bugalers, but in a totally clean room saying "Nuthin'... they didn't leave nuthin' behind." On the right, a cartoon captioned "isolation between modules". It shows a module graph with each module having its own box around it, and the explosion from the exploding module being contained to its own box

이 접근 방식에는 또 다른 보안 이점이 있습니다. 단순히 경량화되고 세분화된 격리를 가능하게 하는 것 외에도, Wasm 엔진의 보안 경계는 더 신뢰할 수 있습니다.

격리를 생성하는 데 사용되는 기존 JS 엔진은 매우 복잡한 최적화를 수행하는 많은 저수준 코드를 포함하는 대규모 코드 베이스입니다. 때문에, 공격자가 VM을 탈출하고 VM이 실행 중인 시스템에 액세스 할 수 있도록 허용하는 버그가 발견되기도 쉽습니다. 이것이 바로 Chrome 및 Firefox에서 각 사이트가 완전히 분리된 프로세스에서 실행되도록 최대한 노력하는 이유입니다.

이와 비교해서, Wasm 엔진은 훨씬 적은 코드가 필요하므로 검사하기가 더 쉽고, 많은 부분이 메모리 안전성이 보장된 언어인 Rust로 작성됩니다. 그리고 웹어셈블리 모듈에서 생성된 기본 바이너리의 메모리 격리는 검증할 수 있습니다.

Wasm 엔진 내부에서 JS 엔진을 실행함으로써 우리는 외부에 더 안전한 샌드박스 경계를 또 다른 방어선으로 갖게 됩니다.

앞선 사례들을 살펴보니 Wasm에서 자바스크립트를 빠르게 만드는 것에는 큰 이점이 있었습니다. 그래서 어떻게 할 수 있을까요?

이 질문에 답하려면, JS 엔진이 시간을 할애하는 영역을 이해해야 합니다.

JS 엔진이 시간을 보내는 두 영역 ​

JS 엔진이 수행하는 작업은 대략 두 부분으로 나눌 수 있습니다: 초기화와 런타임.

저는 JS 엔진을 청부업자라고 생각합니다. 이 청부업자는 자바스크립트 코드를 실행하고 결과를 얻는 작업을 완료하기 위해 존재합니다.

The JS engine shaking hands with a JS file and saying "I'm looking forward to helping you with this project!"

초기화 단계 ​

청부업자는 실제로 프로젝트 실행을 시작하기 전에 약간의 예비 작업을 수행해야 합니다. 초기화 단계에는 실행의 시작 단계에서 한 번만 실행되면 되는 모든 것들이 포함됩니다.

애플리케이션 초기화 ​

모든 프로젝트에서 청부업자는 고객이 원하는 작업을 살펴본 다음, 해당 작업을 완료하는 데 필요한 리소스들을 설정합니다.

예를 들어, 청부업자는 프로젝트 브리핑 및 기타 문서들을 읽고 작업하기 쉬운 형식으로 변환합니다. 예를 들어 모든 문서를 저장하고 정리하면서 프로젝트 관리 시스템을 세팅합니다.

The JS engine sitting in its office with the JS file and saying "So tell me more about the work you want to get done"

JS 엔진의 경우 이 작업은 소스 코드의 최상위 레벨을 읽어가며 함수를 바이트 코드로 파싱 하고, 선언된 변수에 메모리를 할당하고, 이미 정의된 값들을 세팅하는 것과 비슷합니다.

엔진 초기화 ​

서버리스와 같은 특정 환경에서는, 각 애플리케이션 초기화 전에 발생하는 또 다른 초기화 부분이 있습니다.

바로 엔진 초기화입니다. 먼저 JS 엔진 자체를 시작해야 하고 내장 함수들을 환경에 추가해야 합니다.

이는 작업을 시작하기 전에 이케아 의자와 테이블을 조립하는 것처럼 사무실 자체를 세팅하는 것과 비슷하다고 생각합니다.

The JS engine building the IKEA table for its office

이 작업은 상당한 시간이 걸릴 수 있으며 서버리스 사용 사례에서 콜드 스타트 문제를 만드는 원인이기도 합니다.

런타임 단계 ​

초기화 단계가 완료되면 JS 엔진이 코드 실행 작업을 시작할 수 있습니다.

The JS engine moving cards across a Kanban board, all the way to the done position

이 영역의 속도를 스루풋(throughput)이라고 하며 이 스루풋은 다양한 변수의 영향을 받습니다. 예를 들어보면,

  • 사용하는 언어의 기능
  • JS 엔진의 관점에서 코드가 예측할 수 있게 동작하는지 여부
  • 어떤 종류의 데이터 구조가 사용되는지
  • 코드가 JS 엔진의 최적화 컴파일러를 활용할 수 있을 만큼 충분히 오래 실행되는지 여부

이것이 JS 엔진이 시간을 보내는 두 단계입니다.

A sequence of the three previous images, showing the office building and requirements gathering as initialization, and moving work across the Kanban board as runtime.

그럼 이 두 단계의 작업을 어떻게 더 빠르게 진행할 수 있을까요?

초기화 시간을 대폭 단축시키기 ​

우리는 Wizer라는 도구로 초기화를 빠르게 만들기 시작했습니다. 천천히 설명하겠지만 성급하신 분들을 위해 먼저 보여드리겠습니다, 간단한 자바스크립트 애플리케이션을 실행할 때 아래와 같은 속도 향상이 있었습니다.

A graph showing startup latency times. JS isolate takes 5ms and JS on Wasm takes 0.36ms.

간단한 애플리케이션을 Wizer로 실행하면 0.36 밀리초(또는 360 마이크로초)밖에 걸리지 않았습니다. 이는 일반적인 자바스크립트 접근 방식에서보다 13배 이상 빠릅니다.

우리는 스냅샷이라는 것을 사용해 시작 시간을 향상시켰습니다. Nick Fitzgerald가 WebAssembly Summit talk about Wizer에서 자세히 설명했습니다.

그래서 어떻게 작동하냐구요? 코드가 배포되기 전 빌드 단계의 일환으로, 초기화가 끝날 때까지 JS 엔진을 사용하여 자바스크립트 코드를 실행합니다.

이 시점에 JS 엔진은 모든 자바스크립트를 파싱해 바이트코드로 전환하고, 이 바이트코드는 JS 엔진 모듈에 의해 선형 메모리에 저장됩니다. 또한 이 단계에서 엔진은 많은 메모리 할당 및 초기화를 수행합니다.

이 선형 메모리는 매우 독립적이기 때문에, 모든 값이 채워지면 그저 메모리를 가져와 데이터 섹션으로써 Wasm 모듈에 연결할 수 있습니다.

JS 엔진 모듈이 인스턴스화 되면, 데이터 섹션의 모든 데이터에 접근할 수 있습니다. 엔진이 어떤 데이터가 필요하다면 필요한 데이터 섹션(또는 그저 메모리 페이지를)을 자체 선형 메모리에 복사할 수 있습니다. 따라서 JS 엔진은 시작할 때 어떤 설정도 할 필요가 없습니다. 사전에 초기화된 모든 값이 준비되어 대기 중입니다.

A wasm file split between code and data sections, with the data section being poured into linear memory.

현재는 이 데이터 섹션을 JS 엔진과 동일한 모듈에 연결합니다. 하지만 앞으로 모듈 연결이 준비되면 데이터 섹션을 별도의 모듈로 이용할 수 있습니다. 그럼 JS 엔진 모듈을 다양한 자바스크립트 애플리케이션에서 재사용할 수 있습니다.

이렇게 되면 정말 깔끔한 분리가 가능합니다.

JS 엔진 모듈은 엔진용 코드만 포함하게 됩니다. 즉, 일단 컴파일되면 해당 코드를 효과적으로 캐시 하고 많은 다른 인스턴스 간에 재사용할 수 있습니다.

반면 애플리케이션 모듈에는 Wasm 코드가 포함되지 않습니다. 초기화된 나머지 JS 엔진 상태와 함께 자바스크립트 바이트코드를 포함하는 선형 메모리만 포함합니다. 이렇게 하면 이 메모리를 쉽게 필요한 곳으로 보낼 수 있습니다.

Two wasm files next to each other. The one for the JS engine module only has a code section, the other for the JS application module only has a data section

이건 마치 JS 엔진 청부업자에게 사무실이 전혀 필요하지 않은 것과 같습니다. 대신 여행용 케이스만 가지고 다닙니다. 여행용 케이스에는 전체 사무실이 있고, JS 엔진이 작동할 수 있도록 모든 설정과 준비도 되어 있습니다.

A personified Wasm engine placing a snapshot of the JS engine's office down inside of the Wasm engine and saying "I'll just set this down for you so you can get right to work"

그리고 이 방식의 가장 멋진 점은 자바스크립트에 의존적이지 않다는 것입니다. 웹어셈블리의 기존 속성을 사용하는 것뿐입니다. 따라서 Python, Ruby, Lua 또는 기타 런타임에서도 이와 동일한 기술을 사용할 수 있습니다.

다음 단계: 스루풋 개선 ​

따라서 이 접근 방식을 사용해 매우 빠른 초기화 시간을 얻을 수 있습니다. 그럼 스루풋은요?

일부 사용 사례의 경우 스루풋이 그렇게 나쁘지 않습니다. 매우 짧게 실행되는 자바스크립트 조각인 경우, 어쨌든 JIT를 거치지 않고 전체가 인터프리터를 통해 실행됩니다. 따라서 이 경우 스루풋은 브라우저에서와 거의 동일하며, 기존의 JS 엔진이 초기화를 완료하기 전에 완료됩니다.

그러나 더 오래 실행되는 자바스크립트라면 JIT가 금방 작동하기 시작합니다. 일단 작동하기 시작하면 스루풋 차이가 분명해지기 시작합니다.

위에서 말했듯이 현재 순수한 웹어셈블리 내에서 코드를 JIT 컴파일하는 것은 불가능합니다. 다만 JIT에 적용되는 개념 중 일부를 Ahead-Of-Time 컴파일 모델에 적용할 수 있음이 밝혀졌습니다.

(프로파일링 없이) AOT 컴파일된 빠른 JS ​

JIT가 사용하는 한 가지 최적화 기술은 인라인 캐싱(Inline Caching, 이하 IC)입니다. 인라인 캐싱을 통해, JIT는 자바스크립트 바이트코드가 과거에 실행된 모든 방식에 대한 빠른 기계어 경로를 포함하는 스텁의 연결 리스트를 생성합니다. (자세한 사항은 JIT(Just-In-Time) 컴파일러 집중 과정 참고하세요)

The personified JS engine standing in front of a matrix of JS bytecode entries and creating machine code stubs for them based on frequency feedback from a monitor

이 리스트가 필요한 이유는 자바스크립트의 동적 타입 때문입니다. 코드 라인이 다른 타입을 사용할 때마다 새 스텁을 생성하고 목록에 추가해야 합니다. 그러나 이전에 같은 타입을 사용해 실행한 적이 있다면 이미 생성된 스텁을 사용할 수 있습니다.

인라인 캐싱은 일반적으로 JIT에서 사용되기 때문에, 인라인 캐싱이 매우 동적이고 프로그램마다 고유하다고 생각되는 경우가 많습니다. 그러나 AOT 환경에서도 적용될 수 있음이 밝혀졌습니다.

그리고 자바스크립트 코드를 살펴보지 않아도, 생성해야 할 많은 IC 스텁들을 알 수 있습니다. JS에는 많이 사용되는 패턴이 있기 때문입니다.

좋은 예는 객체의 속성에 접근하는 것입니다. 이는 많은 자바스크립트 코드에서 일어나며 IC 스텁을 사용해 속도를 높일 수 있습니다. 특정 "모양(shape)" 또는 "숨겨진 클래스"(즉, 동일한 방식으로 배치된 속성들)가 있는 객체의 경우 특정 속성에 접근할 때 해당 속성은 항상 동일한 오프셋에 있습니다.

전통적으로 JIT의 이러한 종류의 IC 스텁은 모양에 대한 포인터와 속성의 오프셋이라는 두 가지 값을 하드 코딩합니다. 이를 위해서는 사전에(Ahead-Of-Time)는 알 수 없는 정보가 필요합니다. 그러나 우리는 IC 스텁을 매개변수화 할 수 있습니다. 모양과 속성 오프셋을 스텁에 전달되는 변수로 취급할 수 있습니다.

이렇게 하면 메모리에서 값을 로드하는 단일 스텁을 생성한 다음, 모든 곳에서 이 스텁 코드를 사용할 수 있습니다. 자바스크립트 코드가 실제로 수행하는 작업과 관계없이 이러한 공통 패턴들에 대한 모든 스텁을 AOT 컴파일된 모듈에 만들어들 수 있습니다. 심지어 브라우저에서도 이 IC를 공유하면 유용할 수 있습니다. JS 엔진이 더 적은 기계어를 생성하게 돼 시작 시간과 명령 캐시 지역성(instruction-cache locality)을 개선하기 때문입니다.

이번 사례에서는 이 개념이 특히 중요합니다. 자바스크립트 코드가 실제로 수행하는 작업과 관계없이, 이러한 공통 패턴에 대한 모든 스텁을 AOT 컴파일된 모듈에 마련해둘 수 있음을 의미하기 때문입니다.

우리는 몇 킬로바이트의 IC 스텁으로 모든 자바스크립트 코드의 대부분을 다룰 수 있다는 것을 발견했습니다. 예를 들어 2KB의 IC 스텁으로 Google Octane 벤치마크에서 자바스크립트의 95%를 커버할 수 있습니다. 예비 테스트에서 이 비율은 일반적인 웹 브라우징에서도 유지되는 것으로 보입니다.

A small pile of stubs on the left and a large pile of JS files on the right

이런 종류의 최적화를 적용하면 초기 JIT와 동등한 스루풋에 도달할 수 있을 것입니다. 해당 작업을 완료하고 나면 브라우저의 JS 엔진 팀이 초기 JIT에서 그랬듯이, 더 디테일한 최적화를 추가하고 성능을 연마할 것입니다.

다음, 다음 단계: 약간의 프로파일링을 추가할 수 있을지도요? ​

앞서 말한 것들이 프로그램이 뭘 하고 어떤 타입들이 프로그램에서 사용되는지 알지 못한 채로, 미리(Ahead-Of-Time) 할 수 있는 것들입니다.

그러나 JIT가 가지고 있는 것과 같은 종류의 프로파일링 정보에 접근할 수 있다면 어떨까요? 그럼 코드를 완전히 최적화할 수 있습니다.

다만 여기에는 문제가 있습니다. 개발자는 종종 자신의 코드를 프로파일링하는 데 어려움을 겪습니다. 대표적인 샘플 워크로드를 찾는 건 어렵습니다. 따라서 좋은 프로파일링 데이터를 얻을 수 있을지 확신할 수 없습니다.

프로파일링을 위해 좋은 도구를 사용할 수 있는 방법을 알아낼 수만 있다면, 자바스크립트를 오늘날의 JIT만큼 빠르게 실행할 수도 있습니다 (그리고 이 방식에는 예열 시간도 필요 없습니다!).

당장 시작하는 방법 ​

우리는 이 새로운 접근 방식에 대해 매우 기대가 크고, 어디까지 추진할 수 있을지 기대하고 있습니다. 또 다른 동적 타입 언어들이 같은 방식으로 웹어셈블리에 제공되는 것을 보기를 기대하고 있습니다.

당장 시작할 수 있는 몇 가지 방법이 있습니다. 궁금한 점이 있는 경우 Zulip에서 물어보세요.

자바스크립트를 지원하려는 다른 플랫폼의 경우 ​

자체 플랫폼에서 자바스크립트를 실행하려면 WASI를 지원하는 웹어셈블리 엔진을 내장해야 합니다. 이를 위해 Wasmtime를 사용할 수 있습니다.

그런 다음 JS 엔진이 필요합니다. 이 작업의 일환으로 SpiderMonkey를 WASI로 컴파일하기 위해 Mozilla의 빌드 시스템에 대해 전폭적인 지원을 하고 있습니다. 그리고 Mozilla는 Firefox를 빌드하고 테스트하는 데 사용되는 것과 동일한 CI 설정에 SpiderMonkey용 WASI 빌드를 추가하려고 합니다. 이는 WASI가 SpiderMonkey의 프로덕션 목표 중 하나가 되게 하고, WASI 빌드가 시간이 지나도 계속 작동함을 보장합니다. 즉, 앞서 설명한 방식 그대로 SpiderMonkey를 사용할 수 있습니다.

마지막으로, 사용자가 사전 초기화된 JS를 가져와야 합니다. 이를 돕기 위해 Wizer를 오픈 소스화 했고, 이를 빌드 도구에 통합해 JS 엔진 모듈의 사전 초기화된 메모리를 채우는, 애플리케이션별 웹어셈블리 모듈을 생성할 수 있습니다.

이 접근 방식을 사용하려는 다른 언어의 경우 ​

Python, Ruby, Lua 등과 같은 언어 커뮤니티의 일원이라면 해당 언어에 대한 버전도 빌드할 수 있습니다.

먼저, 앞서 SpiderMonkey를 이용했던 것처럼, 시스템 호출에는 WASI를 사용하여 런타임을 웹어셈블리로 컴파일해야 합니다. 그런 다음 스냅샷으로 빠른 시작 시간을 얻으려면 역시 앞서 설명한 것처럼 Wizer를 빌드 도구에 통합해 메모리 스냅샷을 생성할 수 있습니다.



- + \ No newline at end of file diff --git a/log/nextjs-app-router-migration-the-good-bad-and-ugly.html b/log/nextjs-app-router-migration-the-good-bad-and-ugly.html index 9ea41c16..a720d016 100644 --- a/log/nextjs-app-router-migration-the-good-bad-and-ugly.html +++ b/log/nextjs-app-router-migration-the-good-bad-and-ugly.html @@ -6,7 +6,7 @@ Next.js 앱 라우터 마이그레이션: 좋은 점, 나쁜 점, 그리고 최악인 점 | bohyeon.dev - + @@ -46,7 +46,7 @@ const projectData = await getProjectData(/*args*/) return <ProjectPage initialData={projectData} /> }

그런 다음 클라이언트 컴포넌트에서 TanStack Query를 사용하여 폴링을 통한 실시간 데이터 업데이트를 수행합니다. 초기 데이터는 initialData 옵션을 통해 useQuery() 훅에 전달됩니다.

크게 강조했던 것처럼 초기 로드 성능이 더 좋을 것으로 예상했습니다. 하지만 실제로는 이것과 클라이언트 측 데이터 로딩의 차이를 구분할 수 없었습니다.

결국 이 DX는 클라이언트에서 useQuery()가 초기 데이터 가져오기를 수행하는 것보다 약간 더 나쁠 수 있습니다. 클라이언트에서 useQuery()가 초기 데이터 가져오기를 수행하면 initialData를 명시적으로 처리할 필요가 없기 때문입니다.

나쁜 점: 실시간 UI 업데이트를 위해 클라이언트 측 데이터 가져오기를 추가해야 합니다 ​

서버 컴포넌트가 TanStack Query 및 폴링과 동일한 stale-while-revalidate 시맨틱을 지원할 수 있어야 한다고 보입니다. 하지만 Next.js에서는 그렇지 않습니다.

이를 위해 클라이언트 측 데이터 가져오기를 추가해야 합니다. 그리고 저희는 UI의 거의 모든 부분에 이 기능을 원합니다. 이에 따라 서버 측 데이터 로딩에 대한 이전 섹션에서 언급했듯이 많은 중복이 발생합니다.

나쁜 점: 서버 측 오류가 쉽게 무시되거나 숨겨집니다 ​

서버에서 오류가 발생했는데 적절한 위치에 <ErrorBoundary />를 추가하지 않은 경우, 서버는 대신 서스펜스 폴백을 렌더링하고 클라이언트에서 해당 페이지를 다시 렌더링 하려고 시도합니다.

이로 인해 오류가 발생하고 기록되지만 UI는 정상적으로 작동하는 것처럼 보입니다. 전반적으로 매우 혼란스럽고 추적하기 어렵습니다.

나쁜 점: 경로 이동 종료 애니메이션을 구현할 수 없습니다 ​

저희는 Framer Motion을 사용해 애니메이션을 구현하고 있습니다. 진입 애니메이션에는 잘 작동하지만, 종료 애니메이션의 경우 Next.js가 완전히 강제 종료됐습니다.

Framer Motion은 제 역할을 하고 있지만, Next.js는 이전 레이아웃 id를 유지하지 않고 자식 컴포넌트를 너무 일찍 제거합니다.

나쁜 점: 라우팅 타입 안전성 부족합니다 ​

Next.js에는 실험적으로 타입 안전성이 내장되어 있지만 많은 제한이 있습니다.

다행히도 사용자 환경에서 이를 구현하는 것은 그리 어렵지 않습니다. 다른 게시물을 통해 전체 라우팅 유형 안전을 위한 전체 복사 붙여 넣기가 가능한 구현을 공유합니다.

최악인 점: 개발 서버 성능이 형편없습니다 ​

9개월 전보다는 훨씬 나아졌지만, 여전히 용납할 수 없을 정도로 느립니다.

한 엔지니어는 "개발 서버 성능이 너무 나빠서, 좋은 기능을 모두 포기하고 싶은 정도입니다. Next.js 개발 서버를 피하고자 다른 프레임워크로 전환할 수도 있습니다. 심지어 다른 언어로 전환할 수도 있습니다. 그만큼 Next.js의 앱 라우터 사용이 싫습니다."

최악인 점: 개발 서버 메모리 누수 ​

20분마다 개발 서버가 강제 종료되어 다시 시작해야 합니다. 그리고 강제 종료되기 전에도 변경 사항을 만들면 점점 느려집니다.

최악인 점: 오류를 추적하기 어렵습니다 ​

오류가 발생하는 경우 대부분 매우 모호하고 추적할 수 있는 호출 스택이 없습니다. 한 번에 앱의 절반을 삭제하는 바이너리 검색과 같은 식으로 시도해 봐야 합니다.

next.js 하이드레이션 오류

next.js 동적 서버 사용 오류

최악인 점: 프로덕션 마케팅의 시기상조 ​

실제로 운영 환경에서 사용할 수 있게 되기 위해서 운영 준비가 완료된 후 거의 1년이 지나야 했습니다. 초기에는 버그와 문제가 너무 많았어요. 정말 비참한 상황이었죠. 다행히 지금은 많은 부분이 수정되었지만 아직 씁쓸함이 남아있습니다.

최악인 점: 지나치게 복잡하고 불투명함 ​

위의 모든 것을 종합해 보면 Next.js는 지나치게 복잡하고 불투명하다는 결론에 도달하게 됩니다. 문제가 발생하면 그 이유나 해결 방법을 파악할 방법이 없습니다.

저희는 이 문제를 해결하느라 많은 회사 비용을 낭비한 것이 분명합니다.

주의: 저희는 아직 Next.js 13.5.4를 사용 중입니다 ​

Next.js 14를 사용해 보았지만, 문제가 발생하여 아직 이 업그레이드의 우선순위를 정하지 못했습니다. 14 버전에서 번들링이 크게 변경되어 많은 분이 업그레이드에 어려움을 겪고 있는 것 같습니다.

과거에는 주요 버전 업그레이드가 원활하게 진행되었지만, 이번 버전은 그렇지 않았습니다.

다시 돌아갈 수 있다면 Remix를 선택하겠습니다 ​

훨씬 더 나은 개발 성능 외에도 Remix의 아키텍처와 추상화가 더 뛰어나다고 생각합니다. 예를 들어, Remix에서는 사용자가 클라이언트와 서버 진입점을 소유합니다. 하지만 Next.js는 모든 것을 소유하며, 명시적으로 허용하지 않는 작업은 npm 패치를 사용하지 않는 한 할 수 없었고, 저희는 지속해서 그렇게 해야 했습니다.

물론 Remix에도 나름의 단점이 있긴 하지만, 저희 Next.js 사용자가 처리해야 하는 문제를 보며 Remix 사용자가 믿을 수 없어 하는 모습을 계속 보았습니다. 바라건대 Next.js가 개선 되기를 바랍니다.

리액트 만세!

- + \ No newline at end of file diff --git a/log/patterns-for-reactivity-with-modern-vanilla-javascript.html b/log/patterns-for-reactivity-with-modern-vanilla-javascript.html index c023320c..fdd17f6d 100644 --- a/log/patterns-for-reactivity-with-modern-vanilla-javascript.html +++ b/log/patterns-for-reactivity-with-modern-vanilla-javascript.html @@ -6,7 +6,7 @@ 모던 바닐라 자바스크립트로 본 반응성을 구현하는 패턴 | bohyeon.dev - + @@ -420,7 +420,7 @@ margin-right: 10px; position: relative; }

이제 CSS에서 해당 백분율을 기반으로 계산을 수행할 수 있습니다. 렌더링 로직을 모두 자바스크립트에 보관할 필요 없이 CSS에 바로 계산을 추가하고 CSS가 스타일링 작업을 수행하도록 할 수 있다는 것은 매우 멋진 일입니다.

참고: 현재 값을 기준으로 변경 사항을 생성하려는 경우 프로퍼티를 아래와 같이 받아올 수도 있습니다.

js
getComputedStyle(barElement).getPropertyValue('--percentage');

다양한 방법으로 반응성을 달성하는 법 ​

현재의 바닐라 자바스크립트에는 굉장히 적은 코드만으로 반응성을 달성할 수 있는 방법이 굉장히 많습니다. 앱에서 반응형 렌더링, 로깅, 애니메이션, 사용자 이벤트 처리 등 브라우저에서 일어날 수 있는 모든 일을 처리하는 데, 적합한 방식으로 이러한 패턴을 조합할 수 있습니다.

- + \ No newline at end of file diff --git a/log/short/four-eras-of-javascript-frameworks.html b/log/short/four-eras-of-javascript-frameworks.html index ef64bb7a..de7d0f10 100644 --- a/log/short/four-eras-of-javascript-frameworks.html +++ b/log/short/four-eras-of-javascript-frameworks.html @@ -6,7 +6,7 @@ 요약: 네 시대의 자바스크립트 프레임워크 | bohyeon.dev - + @@ -24,7 +24,7 @@
bohyeon.dev

Appearance

요약: 네 시대의 자바스크립트 프레임워크 ​

원문: Four Eras of JavaScript Frameworks

자바스크립트 생태계는 올바르게 나아가고 있다.

이전 2개의 시대를 지나면서 여러 교훈을 얻고 발전해나가고 있음

3세대 프레임워크(Next.js, Nuxt.js, SveltKit, Remix 등)들은 1세대가 목표했던 올인원 솔루션을 다시 목표로 하고 있음.

2세대 프레임워크(React.js, Vue.js, Svelte) 겪었던 문제들을 해결해면서 장점들도 가져가고 있다.

  • 문제들 : 라우팅, SSR, API 통신, 상태관리 등은 여전히 개발자들에게 맡겼음. 선택지가 지나치게 많아 제한된 자원을 가진 개발자들이 개발하면서 문제를 만들어내게 되는 경우가 생김

3세대 프레임워크의 주요 초점들

  • 우리는 컴포넌트가 기반이 되는 핵심 요소라는데 동의했으므로, 라우터, 빌드 시스템, 폴더 구조 등 앱의 다른 부분을 표준화하는 것이 합리적이었음
  • 특정 요청에 대한 API secret 숨기기, 페이지 반환 시 헤더 수정, API 요청 프록시와 같은 작업을 수행할 수 있도록 백엔드와 프런트엔드를 함께 사용하는 것이 매우 유용하다는 것을 알았다.
  • 최신 프레임워크는 그 잠재력을 최대한 활용하여 클라이언트와 서버의 통합을 원활하게 하고 있다. => 마침내 우리는 네이티브 앱용 SDK와 동일한 환경에서 경쟁하기 시작

기타 키워드들

  • 웹 컴포넌트

    • 웹 컴포넌트는 조용히 발전하며 SSR과 같은 문제에 대한 솔루션을 작업하고 전역 등록을 제거해 3세대 프레임워크와 호환이 더 잘되도록 하고 있음

  • 웹어셈블리

    • Rust, 파이썬, 스위프트, 자바 등은 더 나은 UX와 함께 마침내 프런트엔드와 백엔드 사이의 장벽을 거의 0으로 줄일 수 있음
- + \ No newline at end of file diff --git a/log/short/ndc-keynotes-evolution-of-blockchain-and-virtual-reality.html b/log/short/ndc-keynotes-evolution-of-blockchain-and-virtual-reality.html index 6c1c97ea..451e0ba2 100644 --- a/log/short/ndc-keynotes-evolution-of-blockchain-and-virtual-reality.html +++ b/log/short/ndc-keynotes-evolution-of-blockchain-and-virtual-reality.html @@ -6,7 +6,7 @@ 요약: NDC [키노트] 블록체인과 가상세계의 진화 | bohyeon.dev - + @@ -24,7 +24,7 @@
bohyeon.dev

Appearance

요약: NDC [키노트] 블록체인과 가상세계의 진화 ​

  • 코인, P2E보다는 블록체인 자체에 포커스
  • 닫힌 생태계를 열린 생태계로 확장하는 수단
  • 가상 세계를 진화
  • 가상 세계의 물리적 한계를 넘어 다른 가상 세계와 융합하는 통합 플랫폼, 통합 가상 세계
  • 블록체인이 어떤 역할을 하길래? - 한마디로 융합하고 나눠주기 좋은 투명한 인프라 기술 - 투명성 | 열린 생태계 | 가치의 저장
    • 투명성 : 온체인 기록, 거버넌스
    • 열린 생태계 : 누구나 기여 가능, 기여에 따라 보상을 획득
    • 가치의 저장 : NFT, 토큰
  • 기존 게임들이 서버라는 폐쇄된 환경을 넘어서지는 못했다 - 아이템, 캐릭터, 게임 머니 등은 한 게임 안에서만 통용됐다. - 블록체인 생태계에서는 모든 재화들이 자유롭게 연결 + 대체 불가능한 존재를 유지 - 전통적인 스토어형태 게임은 점점 쇠퇴될 것 - 유용한 인프라 세트, IP, 세계관, 인정받는 커뮤니티, 의미를 가지는 것이 중요해진다 - 플랫폼을 표방한 적도 없고, 주인도 없는 이 거대한 블록체인 생태계가 현존하고 가장 크고 유용한 게임 플랫폼일 수 있다 - 폐쇄된 플랫폼으로 유저, 재화, 트래픽을 독점하지 않고 융합, 통합하여 이 블록체인 생태계에 중요한 일원이 되는 것이 의미가 있을 것
  • 블록체인에 맞는 게임 설계가 필요하다 - 투명성
    • 현재 게임에서는 개발사의 의도에 따라 밸런스와 경제 상황이 바뀔 수 있다
    • 유저들이 회사를 바라보면서 게임을 하게 된다.
    • 가상 세계의 완성도와 몰입에 방해를 한다.
    • 개발사조차 바꾸기 어려운 합의된 규칙이 해법이 될 수 있다.
    • 결국 가상 세계에 몰입하도록 투명성이 도움을 줄 수 있을 것
  • 열린 생태계와 기여에 따른 보상 - 게임의 성장에 따른 과실이 모든 기여자에게 돌아갈 수 있게 한다면 더 좋을 것 같았다. - 개발사도 일원이 되는 것이다
  • 가치의 저장과 이동 - NFT가 있어도 쓸데가 없으면 무의미하지 않는지에 대한 해결이 있어야 한다고 생각했다 - 이건 넥슨이 잘할 수 있는 부분 - 게임 NFT는 게임이 없어지면 쓸모가 없어질 확률이 높다. - 나중에 활용하리라는 기대가 있지만 실제로 활용될 확률은 얼마나 될지 모른다. - 실질적인 그림이 필요
    • 메이플 스토리 IP를 이용한 블록체인 게임
    • 열린 생태계, 가치의 저장과 신뢰가 중요
    • 메이플 스토리라는 넥슨의 훼손하면 안되는 IP를 통해 안되면 말지식이 아닌 진정성을 획득
    • 여러 서비스들을 묶어서 공유할 수 있는 NFT, 토큰을 만드는 것이 중요하겠다는 결론
    • 메이플스토리 유니버스 - NFT들이 주인공. 그 밑에 각 게임들이 존재한다
    • 유니버스는 Maplestory N, N Mobile, MOD N(샌드박스 제작 플랫폼), N SDK(NFT 기반으로 여러 게임을 만들 수 있는 툴)
    • N은 기존 메이플 + NFT
    • 아이템 NFT로 존재, 토큰도 게임중 획득 가능
    • 캐시샵 없음
    • NFT 프리세일도 진행 X
    • MOD N
      • 메이플 스토리 NFT + 외부 NFT로 게임 제작 가능
      • 제작한 게임은 모두 제작자 소유
    • N SDK
      • 메이플 유니버스에서 얻은 NFT로 다양한 앱을 만들 수 있는 SDK
      • 예를들어 NFT 홀더들을 위한 굿즈 제작 펀딩 앱
- + \ No newline at end of file diff --git a/log/short/og-image-generation.html b/log/short/og-image-generation.html index a958df0e..91342323 100644 --- a/log/short/og-image-generation.html +++ b/log/short/og-image-generation.html @@ -6,7 +6,7 @@ OG 이미지 생성 | bohyeon.dev - + @@ -59,7 +59,7 @@ content="https://og-examples.vercel.sh/api/static" /> </head>

새 소셜 미디어 게시물을 만들때마다, API 엔드포인트를 업데이트 해야합니다. 그러나 각 게시물마다 ImageResponse의 변경될 부분을 식별한다면, 각 값들을 엔드포인트의 매개변수 값으로 전달해 모든 게시물에 같은 엔드포인트를 사용할 수 있습니다.

아래 예제들에서 ImageResponse 매개변수를 사용해 다른 컨텐츠를 포함하는 방법을 살펴봅니다.

예제 ​

이미지 생성에 사용할 컨텐츠를 URL 매개변수로 전달 ​

이미지 생성을 위해 텍스트나 이미지 외 다른 유형 컨텐츠를 사용 ​

이미지 생성을 위해 사용자 지정 CSS 스타일 사용 ​

국제화 및 보안 ​

기술적 세부사항 ​

한계 ​

- + \ No newline at end of file diff --git a/log/short/prevent-attacks-and-redirect-users-with-oauth-2_0-state-parameters.html b/log/short/prevent-attacks-and-redirect-users-with-oauth-2_0-state-parameters.html index 8d7126a6..a3919f3b 100644 --- a/log/short/prevent-attacks-and-redirect-users-with-oauth-2_0-state-parameters.html +++ b/log/short/prevent-attacks-and-redirect-users-with-oauth-2_0-state-parameters.html @@ -6,7 +6,7 @@ OAuth 2.0 상태 매개변수로 공격 방지 및 사용자 리디렉션하기 | bohyeon.dev - + @@ -37,7 +37,7 @@ expiresOn: [...] } }

  1. 사용자를 인증합니다. 생성된 nonce를 상태로 전송합니다.

  2. 콜백 처리 및 응답 유효성 검사의 일부로, 반환된 상태가 로컬에 저장된 nonce와 일치하는지 확인합니다. 일치한다면 애플리케이션 상태의 나머지 부분(예: redirectUrl)을 가져옵니다.

  3. 콜백 처리가 완료되면 이전에 저장한 URL로 사용자를 리디렉션합니다.

대체 리디렉션 방법 ​

  1. nonce 값을 로컬로 생성하고 저장합니다.

  2. 원하는 상태(예: 리디렉션 URL)를 nonce와 함께 보호된 메시지(변조 방지를 위해 암호화/서명해야 함)로 인코딩합니다.

  3. 응답 처리에서 메시지 보호를 해제하고 저장된 nonce 및 기타 속성을 얻습니다.

  4. 포함된 nonce가 로컬에 저장된 것과 일치하는지 확인하고 그렇다면 OAuth2 메시지를 수락합니다.

제한 사항 및 고려 사항 ​

앱 유형스토리지 권장 사항
일반 웹 앱쿠키 또는 세션
SPA(Single Page Application)로컬 브라우저
네이티브 앱메모리 또는 로컬

더 알아보기 ​

- + \ No newline at end of file diff --git a/log/short/state-of-vue-2022-amsterdam-recap.html b/log/short/state-of-vue-2022-amsterdam-recap.html index b5b556f4..150b2cc0 100644 --- a/log/short/state-of-vue-2022-amsterdam-recap.html +++ b/log/short/state-of-vue-2022-amsterdam-recap.html @@ -6,7 +6,7 @@ 요약: State of Vue 2022 암스테르담 | bohyeon.dev - + @@ -24,7 +24,7 @@
bohyeon.dev

Appearance

요약: State of Vue 2022 암스테르담 ​

원문: State of Vue 2022 Amsterdam Recap

  • Vue 2.x
    • Vue 2.7에서는 Vue 3의 Composition API, script setup을 백포팅하는데 집중중
    • Vue 2.7이 마지막 minor version 업그레이드가 될 것
  • Vue 3.x
    • Vue 3.3에서 Suspense 안정화될 것
      • Nuxt 3에서 문제없도록 테스트 중
    • reactivity transform API도 안정화
    • SSR 강화
  • Vite
    • Vite 3 메이저 버전 업데이트 예정
      • 대부분의 사람들은 변화를 못느낄 것
      • 직접 Vite를 사용하는 라이브러리(Nuxt, Vitest)는 업데이트가 필요
      • 가장 큰 변화는 내부적으로 완전 ESM으로 전환 -> node.js 12 지원 중단
  • ⚠Experimental
    • 새로운 compliation 전략을 실험중
      • 실제 적용될지는 미지수
      • SolidJS에 영감을 받았고, no-virtual DOM로 옮겨가는 아이디어
      • 적용된다면 메모리 사용에 큰 이득이 예상됨
  • Nuxt 3
    • 안정화에 가까워짐. 마이그레이션을 시작해도 무방할듯. 이번 여름에 릴리즈 예정
  • Vuetify 3
    • 아직 베타. 2주 후 다음 릴리즈 예정
  • Vitepress 1
    • 1 버전 릴리즈를 위해 노력중
    • Vue3 기반 Static Site Generation 도구로 권장하고 있음
- + \ No newline at end of file diff --git a/log/short/toss-slash22-react-native-for-super-high-productivity.html b/log/short/toss-slash22-react-native-for-super-high-productivity.html index 8626ede7..b40e3c0b 100644 --- a/log/short/toss-slash22-react-native-for-super-high-productivity.html +++ b/log/short/toss-slash22-react-native-for-super-high-productivity.html @@ -6,7 +6,7 @@ 요약: 토스 | Slash 22 - 미친 생산성을 위한 React Native | bohyeon.dev - + @@ -24,7 +24,7 @@
bohyeon.dev

Appearance

요약: 토스 | Slash 22 - 미친 생산성을 위한 React Native ​

기존 앱의 문제점 ​

  • 느린 배포 속도, 적은 개발 리소스
  • iOS 빌드 속도 - 하루 1/3 침대, 1/3 지하철, 1/3 빌드
  • 배포 심사 - 느리고 불규칙적, 1일 ~ 4주
  • 앱 업데이트 - 동남아의 느린 네트워크, 자동 업데이트를 꺼둔 유저들도 많다.

Flutter vs React Native ​

장점단점
Flutter훌륭한 공식 라이브러리 생태계 React Native보다 더 많이 사용됨높은 학습 비용
React NativeCodepush 기능 사용 가능 채용에 용이한 풍부한 개발자 풀빈약한 공식 라이브러리 생태계
  • Code Push (React Native) - 앱 내에 JavaScript 번들을 포함할 수 있고, 해당 번들을 업데이트해서 앱 업데이트 없이 최신 기능을 전달 가능

결론 ​

  • 앱을 완전히 다시 만들기로 하고, 병렬적으로 기존앱은 부분적으로 React Native를 적용
  • Native API가 필요한 기존 앱 기능을 구현해보면서 테스트
  • 비싼 그래픽 연산과 같은 높은 성능이 필요한 작업은 부분적으로 Native View를 띄워 해결

과정 ​

  • Native 코드를 건드려야 하는 작업과 JavaScript로만 완료할 수 있는 태스크 2가지로 분류
  • 기존 앱 사용자의 경험을 해치지 않기 위해 꼼꼼하고 많은 테스트를 수행
  • 메인 로직이 아닌 숨어있는 로직을 코드레벨에서 발견하며 옮김. 광고 마케팅 툴, 푸시, 로그 등
  • 3개월간 200번에 달하는 Code Push를 통한 업데이트가 가능했음

React Native 사용 후기 - iOS 개발자 ​

  • 개발 속도 - 핫 리로딩. Swift로 개발시 3달, 미숙한 TypeScript로도 2주
  • 커리어적인 고민 - 전문성 포기하는건 아닐지? 기술은 이미 6 ~ 7년 지났고 Object C에서 Swift로 넘어갈 때 느꼈던 기분. 역량 확장이라고 생각하고 고민을 하지 않기로 결정

React Native 사용 후기 - 프론트엔드 개발자 ​

  • 저렴한 학습 비용
  • 역할 확장 - 앱의 모든 flow에 관여

팀 관점에서 ​

  • 빠르게 실패, 개선 반복 가능
  • 채용이 어려운 초기 스타트업에 유용할 것
- + \ No newline at end of file diff --git a/log/the-saga-of-the-closure-compiler-and-why-typescript-won.html b/log/the-saga-of-the-closure-compiler-and-why-typescript-won.html index fe415867..83da5148 100644 --- a/log/the-saga-of-the-closure-compiler-and-why-typescript-won.html +++ b/log/the-saga-of-the-closure-compiler-and-why-typescript-won.html @@ -6,7 +6,7 @@ 클로저 컴파일러의 역사, 그리고 타입스크립트가 승리한 이유 | bohyeon.dev - + @@ -109,7 +109,7 @@ .toSorted((a, b) => a.localeCompare(b)) .join('\n') );

하지만 이것이 어떻게 가능한지 생각해 보세요.

이 모든 것이 하드웨어의 발전 덕분입니다. 하드웨어 개발자들은 우리에게 여분의 트랜지스터를 제공하고 소프트웨어 개발자들은 더 나은 개발 프로세스를 위해 대부분의 트랜지스터를 직접 가져갑니다. 더 빨라진 네트워크 속도와 클로저 컴파일러도 마찬가지입니다. 우리는 더 유연한 개발 프로세스와 에코시스템의 대가로 대역폭의 일부를 확보했습니다.

결론 ​

초창기에는 타입스크립트에 경량화 기능 추가에 대한 논의가 있었지만, 이제 최적화된 출력은 해당 언어에 대한 명시적인 비목표입니다. 타입 기반 경량화가 멋질 거라고 생각해 본 적이 있다면, 클로저 컴파일러는 매우 흥미로운 예시입니다. 매우 효과적일 수 있지만 생태계에 막대한 비용을 초래하기도 합니다.

독립형 외부 도구로서의 클로저 컴파일러는 거의 죽은 것처럼 보입니다(클로저 플레이그라운드는 상당히 고장 나 있고 "Copyright 2009"라고 적혀 있습니다!). 하지만 구글에서는 여전히 살아 있습니다. 타입스크립트를 채택했기 때문에 클로저 컴파일러가 가장 잘하는 일, 즉 경량화를 사용할 수 있습니다. 이를 위해 구글은 타입스크립트가 클로저화된 자바스크립트를 생성할 수 있는 도구인 tsickle을 만들었습니다. 사실 이 도구는 오픈 소스이지만 외부인이 이해하기는 어렵습니다. 앵귤러에서 사용하는 것 같지만 제가 알 수는 없습니다.

자바스크립트 역사에서 흥미로운 교훈을 얻으셨길 바랍니다! 클로저 컴파일러는 자바스크립트 생태계가 다른 원칙과 다른 장단점을 가지고 선택할 수 있었던 대안적인 경로를 보여줍니다.

이 글에 대한 활발한 토론이 해커 뉴스에 있습니다. 특히 Paul Buchheit(지메일의 창시자!)는 런타임 성능이 클로저 컴파일러의 목표였으며 인라이닝/데드 코드 제거가 이를 달성하기 위한 방법이었다고 지적합니다. 모든 게터에 비용이 수반되는, JIT 이전의 IE6 사고방식으로 돌아가기는 어렵습니다! 그렇다고 해서 이 글의 결론이 바뀌는 것은 아닙니다. 또한 클로저 컴파일러는 구글 웹 툴킷(GWT)이 아닙니다.

- + \ No newline at end of file diff --git a/log/things-you-forgot-or-never-knew-because-of-react.html b/log/things-you-forgot-or-never-knew-because-of-react.html index 2b6edf9b..baa734b5 100644 --- a/log/things-you-forgot-or-never-knew-because-of-react.html +++ b/log/things-you-forgot-or-never-knew-because-of-react.html @@ -6,7 +6,7 @@ 리액트로 인해 잊었거나 전혀 몰랐던 것들 | bohyeon.dev - + @@ -24,7 +24,7 @@
bohyeon.dev

Appearance

리액트로 인해 잊었거나 전혀 몰랐던 것들 ​

원문: Things you forgot (or never knew) because of React

목차 ​

1부: 음악, 기본값, 그리고 버블에 대한 서론 ​

많은 사람들처럼, 저 역시 현지 라디오 방송국에서 흘러나오는 음악만 듣던 시절이 있었습니다. (30세 이상의 많은 사람들이 그랬을 거예요. 이게 아직 공감되지 않는다면, 잠시만 기다려 보세요.) 당시에는, 그것만으로 충분히 행복했습니다. 제게 필요한 모든 것을 갖춘 것 같았으니까요.

돌이켜보면 저는 어리석게도 좋은 것은 결국 인기를 얻게 되고, 알아야 할 가치가 있는 것이라면 저에게 스스로 다가올 것이라고 믿고 있었다는 것을 깨달았습니다.

그러나 결국 다른 음악이 제 인생에 자리 잡기 시작했습니다. 새로운 친구들과 인터넷을 통해 이전에 좋아했던 것들과는 다른 새로운 아티스트들을 알게 되었죠. 제가 이전에는 좋아했던, 아니 적어도 좋아한다고 생각했던 음악에서 점점 멀어지게 되었습니다.

이 음악은 달랐습니다. 한 주 동안 사랑에 빠졌다가 다음 주에 질리는 일은 없었습니다. 음악을 듣는 것이 끝없는 순환의 일부가 아니었습니다.

오히려 그 반대였어요. 들으면 들을수록 더 좋아하고 감사하게 되는 음악이었죠. 깊이가 있었죠. 물론 그때까지 제가 좋아했던 시끄럽고 왜곡된 기타, 펀치라인 가사, 그럴듯하게 꾸며진 멜로디는 없었지만요. 놀랍게도 그 점이 오히려 노래를 더 좋게 만들었습니다.

그때 저는 제가 생각했던 것만큼 만족스럽지 않았을 수도 있다는 사실을 깨닫기 시작했습니다.

어쩌면 제 행복은 무지를 전제로 한 것일지도 모른다는 생각이 들었습니다.

기본값을 뛰어넘는 풍요로움 찾기 ​

아마도 음악에 한정되지 않더라도 이 이야기에 공감하실 수 있을 것 같습니다.

아마도 한때 좋아하지 않았던 음식이나 음료가 이제는 좋아하는 것 중 하나가 되었을지도 모릅니다. 아니면 예상치 못한 영화, 책, 게임, 팟캐스트, 인플루언서, 취미 등이 자신과 잘 맞는다고 느끼게 된 적이 있을지도 모릅니다.

세부 사항은 중요하지 않습니다. 제가 말하고자 하는 것은

아마도 인기 있는 기본값 주변을 넘어서 뭔가 멋진 것을 발견한 경험이 있으리라는 것입니다.

잘난 척하는 힙스터의 프런트엔드 버전처럼 들리지는 않길 바랍니다. 그런 의도는 아니거든요. 올리브 가든에서 버드 라이트를 마시는 것이 좋은 시간이라고 생각하신다면, 좋아요, 대신 스틱빵은 좀 내놓으세요. (역자 주: 올리브 가든은 미국의 편안하고 저렴한 이탈리안 레스토랑 체인점이고 버드 라이트 역시 가볍게 마시기 좋은 미국의 맥주 브랜드. 스틱빵은 올리브 가든에서 제공하는 빵으로 맛있다고 알려져 있음. 익숙한 것 너머에 더 좋은 것이 있을 수 있다는 것을 말하기 위해 예시로 든 것.)

제가 하고자 하는 말은, 여러분이 자신도 모르게 더 좋은 것을 놓치고 있을지도 모른다는 생각을 부드럽게 공유하려는 것입니다.

익숙한 경계를 넘어 더 나은 것을 찾는다는 이 개념은 어쩌면 다른 삶의 영역과 마찬가지로 도구와 워크플로우에도 적용될 수 있습니다.

그리고 아마도, 그저 아마도 당신의 현재 만족감은, 최소한 어느 정도는 단순히 무엇을 놓치고 있는지 모르기 때문에 비롯되는 것일지도 모릅니다.

비유를 완성하고, 그 한계를 인정하기 ​

저는 이전에 '리액트는 프런트엔드 프레임워크의 새로운 기본이다' 라는 글을 쓴 적이 있는데, 리액트를 기본적으로 사용하는 대부분 사람은 이 프레임워크가 얼마나 낙후되어 있는지 잘 인식하지 못한다고 생각합니다.

그리고 여기서부터 우리의 비유에서 미흡한 부분이 보이기 시작합니다.

개인적인 취향에 국한해서 이야기해보면, 당신이 좋아하는 것에 대해 논쟁하거나 당신의 마음을 바꾸려고 블로그 포스트를 쓰지 않을 것입니다. (적어도 지금 이 나이에는) 누가 신경 쓸까요? 재밌게 즐기면 됩니다.

하지만 음악이나 다른 주관적인 즐거움을 위한 것들과 달리, 프런트엔드 도구 선택은 다른 사람들에게 경험적이고 측정할 수 있는 영향을 미칩니다.

이러한 결정에는 진정한 책임이 수반됩니다. 단순히 우리가 좋아하는 것에 대한 것만은 아닙니다. 순전히 우리 자신을 위해 무언가를 만드는 것이 아니라면 개발에서 즐거움은 부차적인 요소이며, 가장 중요한 것은 사용자의 경험입니다.

여러분이 사용하고 있는 도구를 좋아한다면 정말 멋진 일입니다. 저는 그렇기를 바랍니다. 하지만 그것은 기껏해야 부수적인 임무일 뿐이며, 최악의 경우 잠재적으로 해로운 방해 요소가 될 수 있습니다. 개발자 경험(DX)이 사용자 경험(UX)을 대체해서는 안 됩니다.

그러니 어설픈 비유를 선택한 것을 용서해 주세요. 원한다면 평생 같은 음악을 계속 들을 수도 있습니다. 저도 그렇게 생각합니다. 하지만 우리가 사용하는 도구에 있어서는 기존의 편안함을 뛰어넘어야 할 매우 타당하고 중요한 이유가 있습니다.

리액트 거품 ​

리액트가 경쟁자들보다 뒤떨어진다는 생각은 생소할 수 있습니다. 많은 분처럼 여러분도 여전히 리액트가 프런트엔드에서 최신 표준이라고 생각할 수 있습니다. 따라서 본격적으로 목록으로 들어가기 전에 그 거품을 빠르게 파헤쳐 보겠습니다.

이 글을 쓰게 된 계기는 Alex Russell이 Mastodon에 쓴 글 때문입니다.

누군가 오늘 저에게 IE를 지원하지 않아도 되는 새로운 앱에서 리액트를 사용하는 이유가 있는지 물어왔습니다.

저는 단 하나의 이유도 생각해 낼 수 없었습니다...

리액트가 얼마나 구식이 되었는지 아주 놀라웠습니다.

Alex는 해당 스레드에서 웹 컴포넌트에 대한 리액트의 지원 부족을 언급했습니다. 이 기능은 수년 동안 리액트에서 눈에 띄게 누락되어 왔습니다. 그리고 네, "로드맵에 추가될 예정"이라고 합니다. 하지만 이 글을 쓰는 현재로서는 구현이나 예상 출시일에 대한 확고한 약속은 없습니다.

한편, 리액트 대신 선택할 수 있는 거의 모든 프레임워크나 기술에는 이미 해당 지원이 출시되어 프로덕션에 사용되고 있습니다.

웹 컴포넌트는 그중 하나일 뿐입니다. 하지만 웹 컴포넌트는 "다른 모든 것이 이미 하고 있거나 더 잘하는 것"의 목록에 있는 유일한 항목은 아닙니다. (아래에서 몇 가지를 더 다룰 것입니다.)

리액트는 프레임워크 게임 초창기부터 표준을 정립한 덕분에 큰 혜택을 누렸습니다. 하지만 유연성과 적응성에서 심각한 단점을 수반했습니다. 2013년경에 시작된 이래로 리액트가 내린 모든 결정은 또 다른 기술 부채를 안고 있으며, 이는 동시대 동종 업계에서는 찾아볼 수 없는 문제입니다.

Alex의 말을 다시 한번 인용하자면

리액트는 2008년 제약 조건에 맞춰 설계된 13년 기술입니다. 2023년에는 혁신적인 것은 아무것도 없습니다. 사실, 현대에 기능적인 반응형 프런트엔드 프로그래밍을 하는 데 가장 느린 방법입니다...

리액트는 노후화되었고, 대부분 사람이 얼마나 많이 또는 얼마나 열악한지 깨닫지 못하는 것 같습니다. 위의 인용문을 다른 방식으로 표현하자면 (그리고 음악에 대한 서문과 다시 연결해 보겠습니다.)

리액트는 존 메이어와 제니퍼 애니스톤이 아직 사귀고 있을 때, 테일러 스위프트의 일곱 장의 앨범이 나온 시절에 설계되었습니다.

(테일러 스위프트의 새 일곱 번째 앨범 출시 전이죠. Taylor's Version 발매를 포함하지 않습니다.)

따라서 당신이 지난 몇 년 동안 리액트를 사용해 온 많은 개발자 중 한 명이라면, 오랫동안 리액트를 사용해 왔기 때문에 잊어 버렸거나 전혀 몰랐던 것들이 있을 수 있습니다.

최신 프런트엔드가 빠르게 발전하는 만큼, 리액트를 왕좌에 올려놓았던 세상이 여러 면에서 더 이상 존재하지 않는다는 사실을 깨닫는 데는 매우 느린 것 같습니다. (그랬던 적이 있다면, 애초에 페이스북의 특정 문제와 유사한 문제를 가진 조직은 많지 않았습니다).

지난 10년 동안, 웹 브라우저는 자바스크립트와 CSS에서 놀라운 성장을 보여주며 새로운 기능들을 채택해 왔습니다. 기술과 사용자의 기대도 발전했고, 현재의 도구 생태계는 예상보다 훨씬 더 많이 반복하고 적응하며 리액트를 넘어선 발전을 이루었습니다. 그러한 발전은 기존의 소프트웨어로는 따라갈 수 없는 방식으로 이루어졌습니다.

참고 사항

리액트를 "레거시 소프트웨어"라고 부르는 것이 논란의 여지가 있다는 것을 알고 있지만, 이는 공정하다고 생각합니다. 비교적 복잡하고, 비교적 오래되었으며, 많은 규칙과 문제점을 포함하고 있고, 초보자는 종종 두려워하며, 리액트가 기반으로 하는 아키텍처 결정은 반복 능력에 방해가 되는 요소가 된 지 오래되었습니다.

이 시점에서 제가 아직 여러분을 완전히 소외시키지 않았다면(일종의 엘리트주의, 장황한 서론, 괄호 내용의 과도한 사용의 조합으로 인해), 여러분이 완전히 리액트 세계에만 집중하느라 놓쳤을지도 모르는 몇 가지를 공유하고 싶습니다. 여러분의 현재 재생 목록에 있는 것보다 더 좋다고 느낄 수 있는 곡들을 발견하게 될지도 모른다는 희망으로요.

2부: 리액트 때문에 잊고 있었던(혹은 전혀 몰랐던) 것들 ​

더 이상 생태계가 거대할 필요가 없습니다(이제 공유할 수 있기 때문입니다) ​

다른 글에서도 언급했지만, "검증되지 않은" 프레임워크의 이름이 개발 프로젝트의 잠재적 도구로 떠오를 때마다 사람들이 가장 먼저 궁금해하는 것은 다음과 같은 질문입니다. 생태계가 얼마나 큰가?

이 글의 전제를 읽자마자 그런 생각을 하셨을 수도 있습니다. 리액트에서 다른 프레임워크로 옮길까? 아직 충분히 큰 프레임워크가 있을까?

왜 우리는 생태계 규모에 집착하는 걸까요?

물론 우리는 이 프레임워크가 몇 년 안에 사라지거나 유지보수가 중단되지 않을 것이라는 확신을 두고 싶습니다. 충분히 그럴 만합니다. 그리고 네, 저희는 너무 새롭거나 검증되지 않은 것에 모든 것을 걸진 않을 것입니다. 하지만 뷰, 스벨트, 프리액트, 솔리드, 아스트로 등은 모두 그 시점을 훌쩍 지났으며 잘 지원되고 유지되고 있습니다. 따라서 단순히 그것 때문만은 아닙니다.

그렇다면 진짜 문제는 무엇일까요? 제 생각에는

패키지가 우리의 프레임워크를 위해 구축되어야 한다고 훈련받았기 때문입니다.

이러한 사고방식은 제이쿼리에서 시작되었다고 볼 수 있지만, 리액트가 이를 가속했다고 생각합니다.

리액트를 사용하면 캐러셀, 지도, 아코디언 등 특정 작업을 수행하기 위해 모듈이나 위젯, 라이브러리가 필요할 때마다 반드시 리액트로 만들어야 했고, 일반 웹이나 자바스크립트는 사용할 수 없었습니다. 리액트의 모든 규칙과 상태 처리, 컴포넌트 라이프사이클의 특이점 때문에 리액트용으로 명시적으로 작성되지 않은 패키지나 라이브러리는 작동하지 않을 가능성이 높았습니다.

리액트는 특정 프레임워크에 맞춰 빌드해야 한다고 가르쳐주었습니다. 그러나 그것은 더 이상 사실이 아니며, 틀림없이 그렇게 되어서는 안 됩니다.

특히 "자바스크립트일 뿐"이라고 자주 주장하는 프레임워크의 경우, 그렇게 할 필요가 없습니다. 단지 자바스크립트라면 실제로 자바스크립트인 모든 것에서 그냥 작동해야 합니다.

물론 다른 프런트엔드 프레임워크에도 상태와 아키텍처에 대한 자체 규칙과 관습이 있습니다. 비유적으로, 그들의 마당에 있는 갈퀴를 밟을 수도 있습니다.(역자주: 다른 프레임워크에서도 비슷한 문제가 발생할 수 있다는 뜻) 그리고 스벨트나 뷰 또는 그 밖의 다른 프레임워크와 함께 작동하도록 특별히 구축된 것들은 항상 존재할 것이고, 또 그래야만 합니다.

하지만 결정적으로, 그리고 가능한 한 강력하게 강조하고 싶습니다.

리액트만큼 플랫폼과 고집스럽게 호환되지 않는 최신 프런트엔드 프레임워크는 없습니다.

다른 현대적인 도구와 프레임워크를 사용하여 빌드하는 경우, 바닐라 자바스크립트 패키지가 잘 작동할 가능성이 훨씬 더 높으며, 그 패키지는 수천 개가 넘습니다. 렌더링 주기나 기타 프레임워크 관련 문제를 일으킬 가능성도 훨씬 적습니다. 말할 것도 없이, 이들 모두 웹 컴포넌트를 사용할 수 있는 옵션도 있습니다.

특별히 제작된 패키지나 라이브러리가 필요하지 않은 경우가 많습니다. 왜냐하면 당신의 것은 이미 플랫폼과 호환이 되기 때문이며, 따라서 이미 존재하는 모든 것과 호환됩니다.

프리액트 시그널은 프리액트와 함께 사용하도록 만들어졌지만, 어떤 프레임워크나 심지어 바닐라 자바스크립트에서도 가져와서 사용할 수 있는 놀라운 예입니다. 웹 컴포넌트 역시 리액트가 아닌 거의 모든 최신 프레임워크와 호환됩니다.

프레임워크에 부족한 부분이 있다면 플랫폼에 이미 필요한 기능이 있을 가능성이 높습니다. (예를 들어, 폼 제출의 경우, 리액트에서 항상 골칫거리였지만 이제 양방향 데이터 바인딩과 브라우저에서 제공하는 규칙을 사용하면 무한히 쉬워졌습니다.)

그리고 최악의 경우, 필요한 것을 만드는 것이 리액트에서보다 훨씬 더 쉬워질 수도 있습니다. (useState를 다른 프레임워크의 버전과 비교해 보면 알 수 있습니다.)

새로운 프레임워크는 매우 보수적인 개발자들에게 단점으로 여겨지곤 하는데, 그들은 모든 면에서 철저하게 검증되지 않은 것을 시도해 보기를 경계하기 때문입니다. 하지만 기술 부채와 오래된 브라우저 지원에 대해 걱정할 필요가 적고, 기존의 좋은 아이디어와 최신 브라우저 기능을 더 자유롭게 반복할 수 있다는 점에서, 새롭다는 것은 오히려 '장점'이라는 것을 기억해야 합니다.

리액트 훅은 사실 구식입니다 ​

훅은 리액트의 최신 진화 단계로, 클래스 컴포넌트를 대체했습니다.

정당하게 칭찬할 부분에는 칭찬을 하겠습니다. 훅은 프런트엔드 영역에서 엄청난 전환점이었습니다. 이것은 우리 애플리케이션에서 로직과 상태를 구성하는 방법을 혁명적으로 바꿨습니다. 훅은 부인할 수 없을 만큼 훌륭하며, 거의 모든 프레임워크가 상태 관리를 위한 훅과 유사한 모델을 고수하게 되었습니다.

하지만 리액트 훅은 더 이상 새로운 것이 아닙니다. (사실, 훅을 사용하는 안정적인 리액트는 제 아이와 거의 같은 나이이고 몇 주 후에 유치원에 입학합니다.)

훅은 더 이상 경쟁 우위나 주목할 만한 기능이 아니라 기본입니다. 그저 우리가 일을 하는 방식일 뿐입니다.

다른 모든 프레임워크는 자체적으로 훅을 구현할 뿐만 아니라, 주목할 만한 점은 모든 프레임워크가 더 빠르고, 더 똑똑하고, 더 쓰기 쉬우며, 또는 이 세 가지가 모두 결합되어 있다는 것입니다.

프리액트의 시그널은 여기서 언급할 가치가 있으며, 스벨트의 매우 단순한 스토어도 마찬가지입니다. 솔리드에도 시그널이 있습니다. 심지어 훅에서 직접적으로 영감을 받은 뷰 3의 컴포지션 API도 리액트 구현에 비해 몇 가지 주요 이점이 있습니다.

훅은 훌륭한 패턴이며, 리액트는 이를 대중화시킨 공로를 인정받아 마땅합니다. 하지만 거의 모든 다른 프레임워크가 더 적은 규칙과 보일러 플레이트 없이 훅을 더 잘 수행합니다.

참고 사항

시그널의 개념이 익숙하지 않으시다면, 지나치게 단순화시킨 표현이지만, 반응형 상태의 한 단계 더 나은 진화, 즉 전체 컴포넌트가 아니라 다시 렌더링할 필요가 있는 노드만 다시 렌더링하도록 기본값을 개선한 업데이트된 훅이라고 생각하시면 됩니다.

더 이상 렌더링을 세부적으로 관리할 필요가 없습니다 ​

고백할 게 있습니다. 저는 useMemo와 useCallback의 차이점이 무엇인지, 언제 사용해야 하고 사용하지 말아야 하는지 아직 정확히 알지 못합니다. 말 그대로 오늘 오전에 바로 이 주제에 대한 글을 여러 개 읽었음에도 불구하고요. (농담이 아닙니다.)

두 번째 고백하자면, useEffect 의존성 배열에 들어가야 하는 것과 들어가서는 안 되는 것, 또는 그 이유가 여전히 직관적이지 않다는 것입니다. 저는 useEffect 호출을 작성할 때마다 린터가 좋아하는 모양으로 코드를 리팩터링하는 데 15분 정도를 소비하는 것 같은 느낌이 드는데, 실제로는 괜찮고 앱을 무한한 심연으로 빨아들이지 않을 것이라고 99% 확신하는 경우에도 마찬가지입니다.

리액트를 사용하신다면 아마 이런 고백에 공감하실 수 있을 겁니다. 어쩌면 이런 혼란과 모호함을 당연한 것으로 받아들였을지도 모릅니다. 하지만 그렇다면 한 가지 알아두세요.

다른 프레임워크에서는 이런 종류의 렌더링 사이클 미세 관리를 수년 동안 하지 않아도 되었습니다.

요즘 프레임워크는 사용자가 직접 손을 잡고 설명하지 않아도 이런 종류의 작업을 처리할 수 있을 만큼 똑똑합니다.

프레임워크는 실제로 필요하지 않은 리렌더링에 귀중한 자원을 낭비하지 않도록 이미 상황을 알고 있습니다. 그들은 필요하지 않은 것을 지속해 재평가하지 않고 값만 업데이트할 수 있을 만큼 똑똑합니다.

...대부분의 경우에 그렇습니다. 그들도 완벽하지는 않습니다. 하지만 무엇을 해야 하는지 알고, 기본적으로 성능 좋은 방식으로 수행하는 데는 리액트보다 훨씬 낫습니다.

다른 프레임워크에서도 몇 가지를 최적화해야 할 수도 있습니다. 완벽하지는 않습니다. 하지만 그렇게 할 때쯤이면 리액트에서 해야 했던 지점을 훨씬, 훨씬 지나고 있을 것입니다.

프레임워크의 useEffect 버전을 두려워하는 사람은 아무도 없습니다 ​

컴포넌트가 DOM에 들어갈 때 무언가를 수행하게 하고 싶거나, 다른 데이터나 변수를 기반으로 동적으로 무언가를 다시 계산하기를 원할 때 거의 모든 다른 프레임워크는 useEffect보다 더 나은 방법을 가지고 있습니다.

여기서 너무 길게 설명할 필요는 없을 것 같습니다. React 커뮤니티 내에서도 useEffect는 악명 높은 위험한 것으로 간주하며 심지어는 아예 피하는 경우도 많기 때문입니다. 하지만 저를 믿으세요. React 기반이 아닌 다른 어떤 프런트엔드 프레임워크도 이렇게 정상적이고 유용한 기능을 사용하는 것을 두려워하지 않으며, 그 어느 곳에도 이와 같은 모호한 규칙은 없습니다.

컴포넌트가 마운트될 때 무언가를 하기 위해 서드파티 패키지를 살펴보는 사람은 아무도 없습니다.

확장성은 더 이상 프런트엔드의 문제가 아닙니다 ​

이것은 사람들이 새로운 (리액트가 아닌) 프레임워크가 등장할 때 즉시 묻는 또 다른 질문입니다. 확장성이 있을까요? 하지만 저는 이 질문이 약간 시대에 뒤떨어진 질문이라고 생각합니다.

기억할 가치가 있는 것은 리액트를 탄생시킨 세계에는 다른 문제들이 있었다는 것입니다.

당시에는 대부분의 프런트엔드 UI가 바닐라 자바스크립트나 제이쿼리(또는 이와 유사한 대안)로 빌드되었습니다. 그리고 지금 우리가 알고 있듯이 이러한 앱 구축 방식은 특정 한계를 넘어서는 확장이 불가능했습니다.

그 이유는 상호작용하고자 하는 모든 요소와 DOM 노드에 대해 직접 선택자를 작성해야 했고, 상태를 추적하고 동기화하는 방법을 직접 수동으로 만들어야 했기 때문입니다. 이 작업에는 보통 DOM을 읽고 쓰는 작업이 포함되는데, 이 작업은 지저분하고 오류가 발생하기 쉬우며 무엇보다도 속도가 느렸습니다. (그래서 가상 DOM이 등장했지만, 그것조차도 몇 년 동안 완전히 구식이 되었습니다.)

당시에는 모듈식 코드를 작성하는 것이 불가능에 가까울 정도로 어려웠고, JS 파일은 수천 줄은 아니더라도 수백 줄로 늘어나는 경우가 많았습니다. 여러 작성자가 같은 프로젝트에서 작업하는 경우 서로의 코드를 재창조하거나 반복하거나 심지어 재정의하는 경우가 많았습니다(코드가 공유 글로벌 네임스페이스에 들어가는 경우가 많았기 때문에 충돌 가능성이 훨씬 더 높았습니다). 그리고 앱의 규모가 크거나 복잡할수록(Facebook) 문제는 더욱 심각해졌습니다.

기억해야 할 것은 다음과 같습니다. 앱이 기하급수적으로 성장하더라도 합리적으로 유지 관리가 가능한가? 이것이 프런트엔드와 관련하여 "확장성이 있는가?" 를 기준이라는 점입니다.

프런트엔드 프레임워크가 확장되지 않을 수 있다는 우려는 제이쿼리만큼이나 오래되었으며, 최신 웹 개발과 관련해서는 구시대적인 것으로 간주하여야 합니다.

리액트는 이러한 문제 중 많은 부분을 해결했습니다. 하지만 현대 공학의 기적이라기보다는 단순히 상태를 관리 및 공유하고, 데이터를 반응형으로 만들고, 복잡성을 추상화하며, 충돌, 네임스페이스 충돌, 재정의 없이 개발자가 동일한 프로그래밍 패턴을 공유할 수 있는 좋은 방법을 고안해 해냈습니다.

리액트는 프런트엔드 확장성을 위한 최고의, 유일한, 심지어 '최초의' 솔루션이 아니라 동일한 패러다임의 여러 버전 중 하나일 뿐입니다.

(또한 가장 오래된 버전 중 하나이기도 합니다.)

이를 어떻게 알 수 있을까요? 리액트의 성능을 다른 모든 프런트엔드 프레임워크와 대규모로 비교하는 수많은 벤치마크 테스트가 실행되어 그 결과가 공개되어 있습니다. (온라인에서 쉽게 구할 수 있기 때문에 여기서는 링크하지 않습니다.) 이 모든 테스트는 프런트엔드 분야의 거의 모든 다른 옵션이 리액트와 동등하거나 더 나은 성능을 발휘하며, 많은 경우 훨씬 더 나은 성능을 발휘한다는 것을 확인시켜 줍니다.

참고 사항

여기서는 앱의 크기가 커짐에 따라 복잡성이 선형적으로 증가하지 않고 최소한으로 유지되도록 하는 일반적인 의미의 확장을 언급하고 있습니다. 물론 일부 프레임워크는 마크다운 파일에서 정적 HTML을 빌드하는 것과 같은 더 전문화된 작업 측면에서 훨씬 더 나쁘거나 좋게 확장될 수 있습니다.

서버 사이드 렌더링은 더 이상 특별하지 않습니다 ​

몇 년 전, 서버 렌더링 콘텐츠(주로 Next.js를 통해)에 관한 한 리액트가 거의 유일한 해결책이었던 시절이 있었습니다. 사람들은 리액트를 클라이언트가 아닌 서버에서 단일 페이지 앱(SPA)으로 HTML로 렌더링할 수 있다는 사실에 당연히 흥분했습니다. 속도와 SEO 개선 효과는 무시할 수 없었고, 처음에는 다른 프레임워크가 따라잡는 데 다소 시간이 걸렸습니다.

하지만 일반적으로, 특히 이 글의 주제와 마찬가지로 가장 먼저 개선을 시작하는 것이 최고인 경우는 거의 없습니다.

스벨트키트는 사용자가 아무것도 할 필요 없이 기본적으로 서버 렌더링되며, 렌더링 패턴을 세밀하게 제어할 수 있습니다. 뷰의 메타 프레임워크인 Nuxt는 게임에 더 일찍 참여했습니다(Next.js에서 영감을 받은 것이 분명합니다).

프레시(Deno의 프런트엔드 프레임워크)는 "아일랜드"(클라이언트 렌더링)로 지정한 것을 제외하고는 전적으로 서버 렌더링이며, 그 외에는 정적 HTML로만 제공됩니다. 프레시는 또한 프리액트를 사용합니다(이 역시 리액트보다 훨씬 빠르며, 훨씬 더 성능이 좋고 인체공학적인 버전의 useState와 반응성 모델인 시그널를 가지고 있습니다.).

아스트로는 서버 렌더링 기능을 가지고 있으며, 원하는 컴포넌트를 서버 렌더링할 수 있습니다. 다른 프레임워크의 컴포넌트도 잘 렌더링할 수 있으며, 경우에 따라서는 Next.js의 주요 성능 업그레이드로 주목받기도 했습니다.

솔리드스타트(솔리드의 메타 프레임워크)에는 서버 렌더링이 있습니다. 퀵은 전적으로 이 프레임워크를 중심으로 구축되었습니다. Ember 및 Angular와 같은 오래된 프레임워크도 스토리가 있으며, 다른 프레임워크들도 있을 것이라 확신합니다.

요점은 과거에 리액트는 클라이언트 뷰 프레임워크 컴포넌트를 서버에서 렌더링하는 개념을 가진 몇 안 되는 프레임워크 중 하나였다는 것입니다. 하지만 지금은 서버 렌더링이 필수입니다. 많은 최신 프레임워크는 서버에서 렌더링할 수 있는 옵션을 제공할 뿐 아니라 기본값으로 렌더링합니다.

PHP가 돌아왔습니다.

양방향 데이터 바인딩은 어렵지 않고 나쁜 생각도 아닙니다 ​

리액트는 페이스북이 페이스북 고유의 문제를 해결하기 위해 만들었다는 점을 기억하는 것이 중요하다고 생각합니다.

데이터는 한 방향(하향식)으로만 흘러야 한다는 리액트의 강력한 의견 중 하나는 2010년대 초에 Facebook이 직면했던 엔지니어링 도전이 어떻게 리액트의 아키텍처를 형성했는지를 보여주는 좋은 예입니다.

한동안은 단방향 데이터 흐름이 모범 사례로 간주하는 것처럼 보였습니다. 하지만 요즘에는 양방향 데이터 바인딩의 함정에 대한 해결책을 대부분 찾아냈고, 많은 경우 이것이 실제로 훨씬 더 편리하다는 것을 알게 되었습니다.

리액트에서 폼을 작업하는 것은 악명이 높습니다. 이는 사용자의 모든 키 입력이 두 단계 과정을 거치기 때문입니다. 입력에서 값을 얻어온 다음, 그 값을 상태에 설정해야 합니다(이에 따라 입력이 불필요하게 다시 렌더링되며 이미 있던 정확한 값을 포함하게 되지만 리액트 상태와 동기화됩니다.). 물론 보통은 너무 빨라서 눈치채지 못하지만, 추가 작업이 많이 필요합니다.

스벨트, 뷰 등 다른 많은 자바스크립트에서는 이 문제가 없습니다. 상태를 양방향으로 자동 업데이트되도록 바인딩할 수 있습니다. 상태가 변경되면 DOM이 업데이트되고, DOM이 변경되면 상태가 업데이트됩니다.

이렇게 하면 여러 단계를 거칠 필요가 없습니다. 예를 들어 텍스트 상자의 값만 캡처하려는 경우 양방향 데이터 바인딩을 수행하면 됩니다. 그러면 사용자가 필드에 입력하면 데이터가 자동으로 업데이트되므로 추가 단계 없이 적절한 시점에 데이터를 가져올 수 있습니다. 그 사이에 값을 설정하거나 필드를 지우는 등의 작업을 수행해야 하는 경우에도 한 줄로 간단하게 처리할 수 있습니다.

양방향 데이터 바인딩을 사용하면 한쪽이 다른 쪽을 따라잡고 있는지 계속 확인할 필요 없이 데이터와 DOM을 동기화 상태로 유지할 수 있습니다.

이 기능을 사용하면 문제가 발생할 수 있나요? 물론 그럴 수 있습니다. 하지만 모범 사례에 대한 독단적인 이상은 도움이 되기보다는 오히려 방해가 될 수 있습니다. 단방향 데이터 흐름이 대표적인 예입니다.

스타일링은 사실 쉽습니다 ​

리액트로 주로 작업한다면 프런트엔드 컴포넌트에서 스타일을 처리하는 과정을 두 번, 세 번, 혹은 그 이상 반복했을 가능성이 높습니다.

.css 파일을 JSX 컴포넌트로 바로 가져왔을 수도 있고, CSS 모듈, 스타일 컴포넌트 및/또는 테일윈드를 사용했을 수도 있습니다(아마도 classnames 또는 tailwind-merge 패키지와 함께, 또는 둘 다와 추가 테일윈드 애드온을 함께 사용했을 수도 있습니다). 그리고 이것들은 가장 인기 있는 옵션일 뿐입니다.

테일윈드는 그 자체로 토끼굴입니다(그리고 그 자체로 프런트엔드 프레임워크로 제가 특별히 좋아하지 않습니다. 저는 플랫폼의 결에 반하는 것은 단기적인 이득을 얻는 대신 결국 장기적인 손실로 이어진다고 생각합니다.) 하지만 어쨌든 이러한 스타일링 솔루션이 존재하고 상당수 채택된 것은 적어도 부분적으로는 리액트가 처음 출시될 때부터 공식 스타일링 옵션이 없는 공백이 있었기 때문입니다.

스타일링이 다른 여러 프레임워크에서 해결된 문제라는 사실을 모를 수도 있습니다.

특히 뷰와 스벨트는 모두 자체적인 컴포넌트 스타일링 스토리를 가지고 있습니다. 둘 다 컴포넌트 수준 스코핑을 지원합니다(뷰는 참여 동의(opt-in) 방식이고, 스벨트에서는 참여 철회(opt-out) 방식입니다.). 둘 다 바닐라 CSS와 훌륭하게 작동합니다(원하는 방식이라면). 하지만 다른 모든 프런트엔드 프레임워크와 마찬가지로 이 두 프레임워크는 CSS 모듈, 테일윈드, Sass 또는 기타 사용하고자 하는 다른 프레임워크와도 호환됩니다.

하지만 가장 중요한 점은 CSS의 모든 문제(실제로 문제라고 생각하든 그렇지 않든)가 내장된 스타일 처리 기능으로 완벽하게 해결된다는 점입니다. 범위 지정 CSS는 상상할 수 있는 거의 모든 문제를 해결하기 때문에 다른 곳에서처럼 복잡한 패키지와 설정이 필요하지 않습니다.

CSS가 나쁘다는 이유 목록을 읽어보세요(실제로는 그렇지 않지만, CSS를 잘 모르는 사람들은 그렇게 말하길 좋아합니다). CSS에 대한 거의 모든 비판은 범위 지정 스타일링으로 해결되며, 여러 비(非)반응형 프레임워크에 이미 이 기능이 내장되어 있습니다.

프레임워크는 더 이상 배우기 어렵지 않습니다 ​

저는 리액트를 주로 교육받은 개발자들이 배우기가 얼마나 어려웠는지 되돌아보고 다른 프레임워크의 학습 곡선도 비슷하게 평가할 것으로 생각합니다. 아마 그것이 우리가 새로운 시도를 하지 못하게 하는 이유 중 하나일 것입니다. 왜냐하면 처음이었기 때문에 정말 어려웠기 때문입니다.

상태 관리, 프로퍼티, 중첩, 컴포넌트 수명 주기, 훅, 그리고 물론 JSX를 작성하는 방법까지... 정말 많은 것들이 있습니다. 아무리 열렬한 리액트 팬이라도 초보자가 빠르게 익히기가 쉽지 않다는 것을 인정할 것입니다. (그렇지 않다고 말하는 사람은 아마 초보자였을 때를 잊어버린 사람일 것입니다.)

공감하실 수 있다면 좋은 소식이 있습니다.

리액트만큼 배우기 어려운 도구는 없습니다. 하지만 일단 하나의 프레임워크를 알게 되면 다른 모든 프레임워크에서 큰 도움이 됩니다.

저는 이것을 두 번째 악기를 배우는 것에 비유합니다 (음악에 다시 연결하기 위해서가 아니라). 처음 연주를 배울 때는 특정 악기를 배우는 것 외에도 음악에 대한 모든 것을 배우고, 악기로 원하는 소리를 내는 방법을 배우게 됩니다. 하지만 두 번째 악기를 배울 때는 많은 부분을 건너뛸 수 있습니다. 모든 개념이 익숙해집니다. 음악을 이해하니까요. 여러분이 해야 할 일은 기존의 지식과 근육 기억을 약간 다른 형태로 옮기는 것뿐입니다.

프런트엔드도 비슷합니다. 모든 프런트엔드 프레임워크에는 컴포넌트가 있고, 모두 타입스크립트와 호환되며, 모두 프로퍼티, 자식, 반응 상태라는 개념이 있습니다. 이러한 것들은 우리가 일반적으로 좋아하고 좋다고 동의한 것들입니다. 다만 구현 방식이 다를 뿐입니다.

말하자면, 리액트는 의심할 여지 없이 이러한 아이디어를 확산하는 데 도움이 되었지만, 리액트가 이러한 아이디어를 이상적으로 구현하는 것으로 생각하는 것은 어리석은 일입니다.

훌륭한 것은 반복을 통해 만들어지며, 대부분의 경우 나중에 나온 프런트엔드 영역의 다른 선택은 리액트의 핵심 아이디어를 기반으로 발전한다는 뚜렷한 이점을 가지고 있습니다.

즉, 리액트는 main보다 한참 뒤처진 git 브랜치와 비슷합니다. 리액트가 당신 은하계를 공전하는 별이라면 깨닫지 못할 수도 있지만... 프런트엔드는 이미 발전했습니다. 생태계는 이러한 아이디어를 받아들여 더 나은 것을 만들기 위해 달려왔습니다.

이제 더 성능이 뛰어나고 덜 복잡하며 배우기 어려운 옵션이 넘쳐납니다. 그리고 이미 리액트를 알고 있다면 그 어떤 것도 배우기 어렵지 않을 것입니다.

참고

다음 두 섹션은 게시물의 초안에는 포함되어 있지 않았으며, 2023년 8월 15일에 원본 버전에 대한 피드백을 해결하기 위해 추가되었습니다.

"새롭고 빛나는 것"만이 전부가 아닙니다 (그리고 아무도 그것에 대해 신경 쓰지 않습니다) ​

이러한 주제를 논할 때 자주 듣는 말은 대략 다음과 같습니다.

항상 새롭고 빛나는 것만 쫓는 멍청한 자바스크립트 개발자들! 그들은 프로젝트를 장기적으로 유지하는 데는 관심이 없어. 새롭고 멋진 프레임워크는 내일이면 잊히고 코드가 실행되지도 않을 거라고!

여기에 조금의 진실이 있습니다. 사실, 자바스크립트 개발자들(감히 말하자면 보통의 프런트엔드 개발자들)은 다른 프로그래밍 전문가들이 경계하는 것에 비해 조금 더 새로운 것에 끌리는 경향이 있는 것 같습니다.

...그런데 실제로는 얼마나 사실일까요? 전 세계 모든 자바스크립트 개발자가 새로운 것이 나타나는 순간 그들의 기술 스택 전체를 다시 작성하러 나설 것이라 확신하나요? 아니면 끊임없는 온라인 유행 흐름에 의해 양산되어 그렇게 느껴지는 것일까요?

저는 이 현상이 실제보다 더 과장돼 보이는 것이라고 생각합니다. 왜냐하면 얼리 어답터들은 모든 주목을 받는 경향이 있기 때문입니다. 그들은 많은 블로그 게시물을 작성하고 동영상을 제작합니다. 이것들이 공유되고 회자되면서 실제보다 훨씬 더 많은 종류의 행동이 일어나고 있는 것처럼 보이는 경향이 있기 때문에 실제보다 훨씬 더 과장되어 보이는 것 같습니다. (이 말이 절반만이라도 사실이라면 리액트의 시장 점유율은 지금보다 훨씬 낮아졌을 것입니다.)

제가 만난 대부분의 프런트엔드 개발자들은 다른 종류의 개발자들과 마찬가지로 자신이 알고 있는 것을 고수합니다. 단지 새로운 것을 시도하는 데 비용이 상대적으로 덜 들기 때문에 그렇게 한다고 생각합니다.

하지만 이러한 관점은 현장에서 사용할 수 있는 다른 선택지의 성숙도를 과소평가하는 것입니다.

뷰는 리액트만큼이나 오래 사용되어 왔으며 현재 버전(v3)은 거의 3년 전에 출시되었습니다. 최신 버전의 스벨트는 리액트 훅이 출시된 지 2개월 후에 출시되었으며(2개월 전에 리액트 훅이 새롭고 반짝이는 것이라고 생각하셨나요?), 스벨트키트는 거의 1년 전에 1.0을 출시했습니다. 프리액트는 버전 10에 있습니다. 솔리드는 2년이 넘도록 1.0+ 버전입니다. 아스트로는 1년 전에 1.0을 출시했습니다. 여기서 언급할 퀵과 프레시는 가장 최근에 출시되었지만 올해 초 기준으로 모두 1.0 버전입니다.

따라서 이러한 항목 중 일부가 아직 너무 새롭더라도 괜찮습니다. 이해합니다. 하지만 리액트 대안에 대한 고려를 짧은 기간 때문에 축소시키는 것은 이 분야의 성숙도와 깊이를 간과하는 잘못된 판단입니다.

리액트는 성능면에서 뒤처져 있습니다 ​

이 주제에 대해서는 이미 많은 글이 있기 때문에 너무 길게 설명하지는 않겠습니다(제가 쓴 다른 글에도 있고, 온라인에서 쉽게 찾을 수 있습니다). 하지만 간단히 말하자면 리액트는 미미할 정도로만 느리게 느껴질 수 있지만(특히 매우 고급/최신 하드웨어와 매우 빠른 인터넷 연결을 사용하고 있다면 더욱 그렇습니다), 그 차이는 사소한 것이 아닙니다.

리액트는 성능(번들 크기와 실행 속도를 모두 의미합니다) 측면에서 많은 경우 2배 이상 뒤쳐집니다. (번들 자체는 10배 이상 차이가 날 수도 있습니다.) 최근 실행된 JS 웹 프레임워크 벤치마크에 따르면 리액트의 성능은 평균적으로 솔리드보다 거의 50%, 뷰보다 25%, 스벨트보다 40%, 프리액트보다 35% 느린 것으로 나타났습니다. (이 테스트에서는 다른 프레임워크가 사용되지 않았습니다.)

참고 사항

이 비교는 useTransition 훅과 리덕스와 같은 추가 라이브러리를 사용하지 않고 리액트 훅만 사용했을 때였습니다.

다른 연구도 있습니다. 연구마다 수치가 조금씩 다를 것이고, 연구 결과에는 항상 미묘한 차이가 있을 것입니다. 하지만,

어떤 결과를 참고하든 리액트는 그 이후 나온 거의 모든 결과보다 더 크고 느립니다.

실제 사례를 통해 설명하자면, 저는 안드로이드 폰에서 작성하는 폼에 리액트가 사용된다면 그걸 알 수 있습니다. 느린 속도와 상태와 일치하도록 DOM을 업데이트하는 루프가 반복되기 때문입니다. 그리고 리액트가 아니면 눈치채기가 힘듭니다.

하지만 사례는 잊어버리세요. 방금 데이터를 봤으니까요. 그리고 이 수치가 크게 느껴지지 않을 수도 있고, 기술 스택을 선택할 때 성능은 여러 고려 사항 중 하나일 뿐이라는 것을 알고 있습니다. "모든 것은 상황에 따라 다릅니다."

하지만 25 ~ 50%의 성능 개선은 성능 향상 측면에서 엄청난 수치라는 점을 기억하세요. 사용자의 프런트엔드 로딩 속도를 최대 두 배까지 향상한다는 것은 단순히 약간의 성능 향상의 수준을 훨씬 뛰어넘어 규모에 따라 엄청난 차이를 가져올 수 있는 수치입니다.

웹사이트를 로딩하거나 작업이 완료되기를 기다릴 때 매 초가 얼마나 중요한지 수많은 연구를 인용하지 않아도 알 수 있을 것입니다. 또한 대용량 자바스크립트 번들을 다운로드할 대역폭이 없거나 프레임워크가 페이지를 변경할 때마다 최대 2배 더 오래 기다릴 수 있는 컴퓨팅 성능이 떨어지는 사용자를 고려하는 것이 얼마나 중요한지 굳이 설명할 필요가 없으리라 생각합니다.

이렇게 큰 로딩 또는 처리량을 줄인 엔지니어는 이를 이력서에 눈에 띄는 위치에 기록할 것입니다. 이는 중요한 문제입니다.

리액트와 나머지 필드 사이의 성능 차이는 미미하지 않습니다. 오히려 최소화된 것입니다.

3부: 시도해 봐야 할 다른 것들 ​

아마도 수십 단락 전부터 궁금해지기 시작했을 것입니다. 리액트가 그렇게 구식이라면 대안은 무엇일까요?

여기서는 몇 가지를 다루고 그 사용 사례에 대해서도 언급하겠습니다. 리액트의 문제 중 하나는 오랫동안 모든 사람을 위한 모든 것이 되려고 노력해 왔다는 점이며, 리액트 형태의 도구가 유용할 수는 있지만 하나의 스위스 군용 칼보다 두세 가지 다른 도구가 더 나을 수 있다고 생각합니다.

하지만 본격적으로 들어가기 전에 두 가지를 간단히 짚고 넘어가겠습니다.

  1. 위에서 언급한 다른 모든 최신 프레임워크를 다루기 위해 여기에 여러 옵션을 나열하고 있습니다. 이 모든 프레임워크에 대해 배우거나 사용할 것이라 예상하지는 않습니다. 굳이 하나를 선택해야 한다면 스벨트 또는 뷰를 선택하세요. 저는 철저함을 위해 모두 나열한 것뿐이라는 점을 알아두세요.

  2. 모든 옵션을 나열하지는 않았습니다. 언급하지 않은 다른 옵션도 있습니다.

    예를 들어 Ember와 Angular는 생략했는데, 그 이유는 둘 다 리액트보다 오래되었고 일반적으로 벤치마크 테스트에서 리액트를 크게 앞지르는 경향이 없기 때문입니다(미안해요, Mel).

    또한 Alpine 및 Petite Vue와 같은 경량 옵션은 생략했는데, 이는 리액트보다는 제이쿼리의 대체품에 가깝고 프레임워크처럼 무거운 것이 필요하지 않은 경우에 빛을 발하기 때문입니다.

    마지막으로, 이 카테고리에서 약간 벗어난 매우 훌륭한 도구도 생략했습니다. Eleveny는 프레임워크라기보다는 순수한 정적 사이트 생성기에 가깝기 때문입니다. (하지만 개츠비를 사용 중이라면 한번 살펴볼 가치가 있습니다.)

이제 주간 추천을 소개합니다.

스벨트 (제 개인적인 선택) ​

2023년도 수료생 여러분, 스벨트를 사용하십시오.

미래에 대한 한 가지 팁만 드릴 수 있다면, 그것은 스벨트일 것입니다.

농담은 제쳐두고, 이 목록에서 리액트보다 추천할 만한 것을 하나만 꼽으라면 스벨트가 될 것입니다. 저는 2019년에 트위터에서 "스벨트는 헛소리를 뺀 리액트다"라고 오랫동안 주장해 왔고(RIP), 시간이 지날수록 그 주장은 더욱 진실이 되어가고 있습니다.

스벨트는 사용하기 쉽고, 비교적 배우기 쉬우며(특히 이미 리액트를 사용해 본 적이 있다면 더욱 그렇습니다. 구문도 비슷한 경우가 많습니다), 거의 모든 경우에서 훨씬 더 성능이 뛰어나고, 리액트가 할 수 있는 모든 것을 할 수 있습니다. 이 사이트와 요즘 제가 하는 모든 사이드 프로젝트는 스벨트키트으로 작성됩니다.

스벨트는 가장 빠른 옵션과 비교해도 손색이 없을 정도로 빠릅니다. 개발자 설문조사에서 가장 사랑받는 프레임워크의 최상위권 또는 그 근처에서 자주 등장할 정도로 DX가 놀랍습니다.

스벨트는 가능한 한 웹 플랫폼에 가깝게 개발되었기 때문에 매우 강력하면서도 개념은 대체로 친숙할 것입니다. 또한 스벨트에는 트랜지션, 이징, CSS 처리, 컴포넌트 범위 스타일 등 다양한 기능이 기본으로 포함되어 있습니다.

프레임워크 크기에 대해 궁금해하실 수도 있지만, 스벨트는 자바스크립트 런타임이 아니라 컴파일러라는 점에서 다른 점이 있습니다. 빌드 시 사용하지 않는 모든 것이 제거되고 코드가 작은 바닐라 자바스크립트 비트로 트랜스파일됩니다. 즉, 스벨트의 번들은 일반적으로 리액트의 몇분의 1 크기입니다.

프레임워크처럼 느껴지고 작동할지라도, 스벨트는 본질적으로 작고 우아한 HTML의 상위 집합으로, 빠르고 최소한의 번들로 컴파일되는 유쾌하고 간단한 구문을 가지고 있습니다.

스벨트의 자체 메타 프레임워크인 스벨트키트는 정적, 서버 렌더링, 엣지 배포, 라우트별 혼합까지 가능한 매우 다재다능하고 강력합니다. 2022년 말에 1.0 버전이 출시되었으며 프로덕션에 바로 사용할 수 있습니다. (Next.js를 만드는 Vercel에서도 지원합니다.)

스벨트는 다음과 같은 경우에 추천합니다. ​

위와 같은 이유로 최고의 만능 옵션으로 프런트엔드의 즐거움을 재발견하고 싶은 경우.

스벨트는 다음과 같은 경우를 대체 가능합니다. ​

리액트로 하는 모든 작업. 스벨트는 리액트 자체를 대체할 수도 있고, 스벨트키트는 Next.js, 개츠비, 리믹스를 대체할 수 있을 만큼 다재다능합니다(또는 한 번에 모두 대체할 수도 있습니다).

뷰 ​

뷰는 아마도 리액트와 가장 유사한 선택지일 수 있으며, 다음으로 큰 생태계를 가지고 있을 것입니다. 하지만 리액트보다 성능이 훨씬 뛰어나고 UI에 좀 더 중점을 둡니다.

어떤 면에서는 뷰가 리액트에서 가장 작은 도약이라고 할 수 있는데, 특히 뷰 3에서 유사한 훅 기반 접근 방식을 사용한다는 점에서 더욱 그렇습니다. 그러나 뷰는 JSX보다 기본 HTML에 가까운 템플릿 언어를 사용하므로 map 및 삼항식과 같은 해결 방법을 사용하지 않고도 템플릿 파일에 조건문과 루프를 훨씬 쉽게 작성할 수 있습니다.

뷰는 Nuxt의 Next.js와 유사한 메타 프레임워크를 가지고 있으며, 잘 유지 관리되고 항상 강력한 새 기능을 추가하고 있습니다. 또한 뷰는 범위 지정 CSS 처리 및 쉬운 전환/애니메이션과 같은 기능을 즉시 사용할 수 있어 리액트보다 약간 더 많은 기능과 도구를 기본적으로 제공하고 있습니다.

뷰는 다음과 같은 경우에 추천합니다. ​

커뮤니티 규모/전체 프레임워크의 인기가 중요한 요소인 경우, 리액트와 비슷하지만, 더 많은 기본 기능이 포함되거나 HTML과 유사한 것을 원하는 경우, 프레임워크가 대기업에 소유되지 않고 독립적인 것을 선호하는 경우.

뷰는 다음과 같은 경우를 대체 가능합니다. ​

리액트 자체 또는 Nuxt가 Next.js를 사용하는 모든 것을 대체할 수 있습니다.

솔리드 ​

솔리드는 제가 더 나은 리액트라고 부르는 것입니다. 많은 경우 리액트와 거의 (완전히는 아니더라도) 동일해 보이지만 솔리드가 훨씬 더 성능이 뛰어납니다. 사실 빠른 옵션 중 하나입니다.

솔리드는 기본적으로 리액트에서 시작하여 복잡성, 성능 문제 및 많은 보일러 플레이트를 제거하도록 재구성됩니다. 솔리드에서는 시그널이 개념이 나타나며 컴포넌트 렌더링과 수명주기에 대한 혼란과 발목을 잡는 요소가 상당 부분 제거됩니다. 2013년 이후 우리가 배운 모든 교훈을 바탕으로 현대에 리액트가 만들어졌다면 솔리드는 리액트라고 해도 과언이 아닐 것입니다.

솔리드는 현재 베타 버전이긴 하지만 솔리드스타트에서 자체 메타 프레임워크도 제공합니다. 하지만 솔리드 자체는 충분히 사용하기에 충분히 성숙했으며 인상적인 후원사 갤러리를 자랑합니다.

솔리드는 다음과 같은 경우에 추천합니다. ​

일반적으로 리액트(및 JSX)를 좋아하지만, 더 현대적이고 빠르거나 더 쉬웠으면 하는 경우, 성능이 절대적인 최우선 순위인 경우.

솔리드는 다음과 같은 경우를 대체 가능합니다. ​

리액트와 리액트 DOM. 솔리드스타트는 언젠가 Next.js를 대체할 수 있을 것으로 보이지만, 이 글을 쓰는 현재로서는 아직 베타 버전입니다.

프레시(Fresh) ​

프레시는 서버사이드 렌더링 프런트엔드 프레임워크로, Deno에 구축된 아일랜드 아키텍처를 사용합니다. 이 목록에 있는 다른 대부분의 항목보다 조금 더 어리지만, Deno로 구동되는 엣지에서 실행할 수 있는 최소한의 JS, 아일랜드 기반 프레임워크로서 가능성이 가득합니다. 즉, 서버 코드가 더 빠르고, 더 안전하며, 기본적으로 타입스크립트를 사용하고, Deno가 기존 Node보다 제공하는 다른 모든 이점(예: 더 쉬운 퍼스트 파티 린팅, 테스트 및 코드 서식 설정)을 누릴 수 있다는 뜻입니다.

모든 프레시 컴포넌트는 정적으로 렌더링되어 응답 시 자바스크립트 없이 HTML로 제공되거나, 클라이언트에서만 렌더링되는 "아일랜드"로 제공됩니다. 필요에 따라 혼합하여 사용할 수 있습니다. Deno에서 실행되므로 전 세계 모든 기기에서 최대한 빠르게 로드되는 매우 빠르고 동적인 콘텐츠를 제공할 수 있습니다.

프레시는 프리액트를 사용하므로 속도가 빠르다는 것을 알 수 있으며, 리액트를 사용하던 사용자도 어렵지 않게 익힐 수 있습니다. 그리고 다시 한번 말씀드리지만, Deno를 기반으로 구축하면 기분이 좋습니다.

프레시는 다음과 같은 경우에 추천합니다. ​

클라우드에서 전 세계적으로 사용할 수 있는 서버사이드 앱, 최소한의 자바스크립트만 제공하거나 최신 기술을 기반으로 구축하는 것을 좋아합니다.

프레시는 다음과 같은 경우를 대체 가능합니다. ​

리믹스는 아마도 리액트 세계에서 프레시에 가장 가까운 것일 것입니다.

아스트로(Astro) ​

아스트로는 정적 이상의 기능을 제공하는 차세대 고성능 정적 사이트 생성기입니다. 아스트로는 이 목록에서 가장 최신 옵션 중 하나이지만 이미 매우 안정적인 1.0 릴리스에 있으며 광범위한 찬사와 채택을 받고 있습니다.

주로 차세대 SSG를 위해 개발되었지만(리액트 팬이라면 주목하세요. JSX와 MDX를 지원합니다), 이제 동적인 서버 측 기능도 제공합니다. 콘텐츠가 많거나 정적인 사이트에는 개츠비보다 더 추천하고 싶습니다.

진짜 킬러 기능은 다음과 같습니다. 아스트로는 기본적으로 자바스크립트를 전혀 제공하지 않습니다. 원하는 기능만 선택해서 사용할 수 있습니다.

또한 아스트로는 사용하려는 프런트엔드 프레임워크와 호환되므로 리액트, 뷰, 스벨트 등으로 템플릿을 제작하고 싶으시다면 가능합니다!

아스트로는 다음과 같은 경우에 추천합니다. ​

대부분 정적이거나 콘텐츠/마크다운 기반 사이트를 구축하는 경우(일부 서버 측 렌더링이나 로직이 필요할 수도 있음), 최소한의 자바스크립트만 제공하려는 경우, 자체 프런트엔드 프레임워크를 가져오고 싶은 경우.

아스트로는 다음과 같은 경우를 대체 가능합니다. ​

개츠비 또는 유사한 리액트 기반 콘텐츠 도구.

프리액트 ​

리액트를 사용하시는 분이라면 이미 프리액트에 대해 알고 계시겠지만, 여기서는 언급할 필요가 있습니다. 프리액트는 리액트의 훨씬 더 날렵하고 빠른 버전입니다. 리액트를 대체하는 용도로 시작했지만, 리액트에는 없는 몇 가지 뛰어난 기능(이미 언급한 시그널과 같은)을 추가하기 시작했습니다.

프리액트는 다음과 같은 경우에 추천합니다. ​

기본적으로 리액트를 고수하고 싶지만 더 빠르기를 원하는 경우.

프리액트는 다음과 같은 경우를 대체 가능합니다. ​

리액트. (사실, 앞에 P가 추가될 뿐입니다. P는 성능을 의미합니다. 제가 다 지어낸 말이니 프리액트 팀을 탓하지 마세요).

퀵(Qwik) ​

퀵 서버는 하이드레이션과 성능에 대한 새로운 접근 방식으로 리액트와 유사한 코드(JSX)를 렌더링합니다. 실제로는 "하이드레이션"이라고 할 수 없으며, 자바스크립트를 DOM에 직렬화하여 필요할 때만 작은 부분만 로드합니다. 퀵은 이 목록에서 더 심층적으로 다루고 있지만 가능한 한 빨리 실행해야 하는 상호작용이 많은 경우 한번 살펴볼 가치가 있습니다.

퀵은 다음과 같은 경우에 추천합니다. ​

브라우저에 많은 자바스크립트를 전송하고 있으며, 이를 더욱 효율적으로 처리할 방법을 원합니다.

퀵은 다음과 같은 경우를 대체 가능합니다. ​

리액트 자체를 대체할 수 있으며, 엣지에서 매우 효율적으로 실행할 수 있습니다.

웹 컴포넌트 라이브러리 ​

솔직히 저는 이 주제에 대해 잘 아는 사람이 아니기 때문에 깊이 들어가지는 않겠습니다. 웹 컴포넌트 자체나 웹 컴포넌트 프레임워크에 대한 경험이 부족하기 때문에 이 주제에 대해 잘 말할 수 없습니다.

그렇긴 하지만, 웹 컴포넌트 프레임워크/라이브러리의 혜택을 받을 수 있는 특정 종류의 프로젝트가 Lit, Stencil, Polymer 등과 같이 존재합니다. 이러한 라이브러리는 특정 프런트엔드 프레임워크에서 "독점적인" 컴포넌트를 생성하는 대신 실제 웹 컴포넌트를 작성하는 데 도움이 되며, 이 컴포넌트는 모든 웹 프로젝트에 이식할 수 있습니다.

제 생각에 대부분의 프로젝트는 여전히 순수 웹 컴포넌트보다 프런트엔드 프레임워크를 사용하는 것이 더 유리합니다. 아니면 최소한 두 가지를 함께 사용하는 것이 더 유리합니다. 앞으로는 상황이 달라질 수도 있겠지만, 현재로서는 대부분의 경우 여전히 순수 웹 컴포넌트 접근 방식에 유리하다고 생각합니다.

하지만 순수한 웹 컴포넌트 기반 접근 방식을 고려해야 하는 사용 사례도 분명히 있습니다. 그리고 그런 프로젝트의 경우 리액트는 확실히 과잉입니다. 위에서 언급한 웹 컴포넌트 라이브러리가 훨씬 더 적합할 것입니다.

웹 컴포넌트 라이브러리는 다음과 같은 경우에 추천합니다. ​

여러 환경에서 동일한 컴포넌트를 재사용해야 하거나, 프레임워크 변경에 대비해 미래에 대비하고 싶거나, 플랫폼 사용을 선호하고 웹 컴포넌트 작성의 단점을 감당할 준비가 되어 있는 경우.

웹 컴포넌트는 다음과 같은 경우를 대체 가능합니다. ​

사용 사례에 따라 부분적으로만 리액트를 대체할 수 있습니다.

마치며 ​

이 글은 작년에 제가 쓴 리액트의 자기충족적 예언과 매우 유사합니다. 동일한 영역을 다루고 있으며, (새로운 방식이나 새로운 관점에서 바라보긴 하지만) 동일한 주장을 하고 있습니다.

같은 내용을 반복할 생각은 없었지만, 우연찮게도 이 글이 게시될 무렵에 제가 리액트를 풀타임으로 사용하게 되면서 이 부분에 대해 많이 생각하게 된 것은 분명합니다.

저는 리액트의 인기는 상당 부분 사람들이 그 너머를 보지 않기 때문이라고 믿게 되었습니다. 최고는 아니지만 대부분 사람은 최고를 찾는 것이 아니라 그저 충분히 좋은 것을 찾고 있습니다. (우리는 인간입니다. 우리 모두의 결정에는 개인적이고 감정적이며 비합리적인 이유가 많이 있으며, 그것은 괜찮습니다. 우리는 바쁘니까요.)

적어도 프런트엔드 세계에서는 기술을 선형적으로 도입하기보다는 비약적으로 도입하는 것 같습니다. 모두가 리액트에 뛰어들게 된 이유 중 하나는 당시 모든 사람이 구식 기술에 갇혀 더 나은 것을 찾고 있었기 때문입니다. 우리는 점진적으로 새로운 것을 향해 조금씩 나아가는 것이 아니라(어쩌면 처음부터 그렇게 할 수 없었기 때문일 수도 있습니다), 현재 위치에서 다음 단계로 도약하는 거대한 도약을 했습니다.

선형 선상에, '진보'라고 표시되어 있습니다. 선 위에는 '채택'이라고 표시된 왼쪽에서 오른쪽으로 점프하는 몇 개의 아치형 도약이 있습니다. 그러나 마지막 도약은 직선 '진보'라는 선의 가장 먼 가장자리에 훨씬 못 미칩니다.

하지만 중요한 것은 우리가 몇 년 전 그 도약을 한 이후로 거의 같은 자리에 앉아 있었다는 것입니다.

제 생각에 우리는 또 다른 도약에 가까워지고 있습니다.

그것이 무엇일지, 왜 그럴지는 모르겠습니다. 하지만 그 당시 제이쿼리에서 느꼈던 것처럼 리액트가 실제로 해결하지 못하는 문제들을 느끼기 시작한 것 같습니다. 그리고 결국에는 발전할 때가 되었다는 것이 분명해질 것으로 생각합니다.

그 새로운 것은 무엇일까요? 저도 모르겠어요. 그냥 웹 플랫폼이 될 수도 있습니다. 프레임워크가 필요 없을지도 모르죠. 위의 프레임워크가 될 수도 있고, 우리가 아직 보지 못한 무언가가 될 수도 있습니다. 어쩌면 어떤 것도 없을 수도 있고, 다양한 도구가 등장하고 하나의 표준으로 통합되지 않을 수도 있습니다(위의 모든 옵션 중에서 가능성이 가장 낮은 것으로 보이는 이유는 다시 말하지만, 인간이기 때문입니다. 인간은 바쁜 작은 원숭이이기 때문에 기본값을 좋아합니다.)

하지만 그 새로운 것이 무엇이든, 리액트와 그것의 차이는 시간이 지남에 따라 점점 더 커질 것으로 생각합니다.

그러니 하루하루가 이전보다 더 나은 날이 되어 여러분이 놓치고 있던 것을 탐구할 수 있기를 바랍니다.

들어주셔서 감사합니다.

- + \ No newline at end of file diff --git a/log/virtual-dom-back-in-block.html b/log/virtual-dom-back-in-block.html index 84582182..8334b2f1 100644 --- a/log/virtual-dom-back-in-block.html +++ b/log/virtual-dom-back-in-block.html @@ -6,7 +6,7 @@ 가상 DOM: 블록으로 돌아가기 | bohyeon.dev - + @@ -81,7 +81,7 @@ }

"목록과 같은" 형태를 따르는 비결정적/불안정적인 반환을 사용해야 하는 경우, <For /> 컴포넌트를 사용하면 도움이 될 수 있습니다.

jsx
function Component() {
   return <For each={items}>{(item) => <div>{item}</div>}</For>;
 }

애플리케이션 UI를 구조화할 방법에 제한이 있다는 점에 유의하세요. "안정적" 반환은 목록과 같은 동적 모양이 아닌 컴포넌트(예: 동일한 컴포넌트 내의 조건부 반환)는 허용되지 않음을 의미합니다.

세밀하게 사용하기 ​

초보자가 저지르는 큰 실수 중 하나는 블록 가상 DOM을 모든 곳에 사용하는 것입니다. 블록 가상 DOM은 만병통치약이 아니며 일반 가상 DOM보다 항상 빠른 것은 아니기 때문에 이는 좋지 않은 생각입니다.

대신 블록 가상 DOM이 더 빠른 특정 패턴을 인식해야 하고, 해당 경우에만 사용해야 합니다. 예를 들어 큰 테이블에는 블록 가상 DOM을 사용하지만, 정적 콘텐츠가 적은 작은 폼에는 일반 가상 DOM을 사용할 수 있습니다.

마무리 생각 ​

블록 가상 DOM은 업데이트를 관리하고 오버헤드를 최소화하는 대안적인 접근 방식을 제공함으로써 가상 DOM 개념에 대한 새로운 관점을 제시합니다. 하지만 이런 잠재력에도 불구하고 이 접근 방식은 만능 솔루션이 아닙니다. 개발자는 먼저 애플리케이션의 특정 요구 사항과 성능 요구 사항을 평가한 후 이 접근 방식을 도입할지 결정해야 합니다.

많은 애플리케이션의 경우 기존 가상 DOM으로 충분할 수 있으며 블록 가상 DOM이나 기타 성능 중심 프레임워크로 전환할 필요가 없을 수도 있습니다. 애플리케이션이 대부분의 기기에서 성능 문제없이 원활하게 실행된다면 다른 프레임워크로 전환하는 데 시간과 노력을 들일 필요가 없을 수도 있습니다. 기술 스택을 크게 변경하기 전에 장단점을 면밀히 검토하고 애플리케이션의 고유한 요구 사항을 평가하는 것이 중요합니다.

그렇지만 저는 앞으로의 미래가 기대됩니다. 여러분도 기대되시나요? (직접 구축해 보세요!)

트위터에서 토론하기 | 깃허브에서 수정하기

감사 ​

- + \ No newline at end of file diff --git a/log/web-components-in-earnest.html b/log/web-components-in-earnest.html index 62bb1e20..e40ed26c 100644 --- a/log/web-components-in-earnest.html +++ b/log/web-components-in-earnest.html @@ -6,7 +6,7 @@ 웹 컴포넌트 본격적으로 사용하기 | bohyeon.dev - + @@ -553,7 +553,7 @@ npx ejs --data-file $(EJS_DATA_FILE) \ --output-file $@ $<

네, 더 이상한 기호가 있습니다. mkdir 앞의 @는 make가 실행될 때 명령을 출력하지 못하도록 합니다. $<는 콜론 오른쪽에 있는 파일을 나타냅니다. 이렇게 간접적으로 지시하는 이유는 이 규칙(콜론이 들어 있는 첫 번째 줄)이 그 자체로 템플릿 규칙이기 때문입니다.

즉, site/dev에 파일을 빌드하고 싶은데 src/html에 같은 이름의 최신 파일이 있는 경우 이 명령을 실행하라는 것입니다. 기본적으로 이것은 EJS를 사용하여 소스 파일에서 대상 파일을 빌드하기 위한 스크립트입니다.

이를 한데 모으기 위해 다음과 같이 할 수 있습니다.

sh
default: $(JS_DEST_FILE) $(HTML_DEST_FILES)
   @echo Done with $(ENV)

make default를 실행하면 make는 src/html 폴더에 있는 파일 중 이름이 site/dev/main.js인 JS_DEST_FILE과 HTML_DEST_FILES에 대한 규칙을 실행합니다(site/dev 폴더에 있도록 이름이 변경된 것을 제외한 모든 파일입니다). 그러면 make는 오래된 파일_만_ 빌드합니다.

즉, 제 빌드 단계는 기본적으로 make default(또는 default가 파일의 최종 규칙이므로 간단히 make)이며, make는 변경된 파일만 빌드할 것입니다. 즉, 증분 빌드를 수행할 것입니다.

개발용과 프로덕션용에서 모두 작동해야 하므로 몇 가지 세부 사항을 bin/build에 래핑 했습니다. 따라서 dx/exec bin/build를 실행하여 개발용으로 필요한 것을 빌드하거나, dx/exec bin/build production을 실행하여 프로덕션용으로 빌드할 수 있습니다.

개발 워크플로의 결과물 그리기 ​

Makefile은 개발 워크플로의 핵심 로직이지만, 웹 서버를 실행하고 파일이 변경되면 모든 것을 자동으로 다시 빌드하는 것이 이상적입니다. bin/run은 웹 서버 실행을 처리하며, 개발용 또는 프로덕션용으로 실행할 수 있습니다(이는 GitHub 페이지에서 호스팅 되므로 docs/가 없습니다).

bin/dev는 bin/run과 bin/build를 모두 가져옵니다. 이 명령은 src의 파일이 변경된 경우 Chokidar를 사용하여 bin/build를 실행합니다.

sh
SHELL=/bin/bash npx chokidar -p "src/**/*" -c "bin/build"

이 명령은 백그라운드에서 실행된 다음 bin/run도 백그라운드에서 실행하고, wait을 호출하여 두 명령이 실행되는 동안 대기합니다. control-C bin/dev를 누르면 trap killgroup SIGINT가 killgroup 함수를 호출하고 bin/run과 Chokidar를 모두 죽입니다.

즉, dx/exec bin/dev를 할 수 있고 파일을 저장할 때 앱이 다시 빌드됩니다.

Makefile과 스크립트를 보세요. 거기에는 실제로 그다지 많은 것이 없습니다. 대부분 수십 년 동안 존재해 온 기본 UNIX 도구를 사용하고 있습니다. EJS, esbuild, Chokidar는 오래전부터 사용되어 왔고 안정적입니다. 한 번 설정하면 잊어버릴 수 있는 설정입니다.

따라서 개발 환경에서 이 앱을 실행하기 위한 단계는 다음과 같습니다.

  1. Docker 설치
  2. dx/build
  3. dx/start
  4. dx/exec bin/setup
  5. dx/exec bin/dev

tleilax를 템플릿 저장소로 사용하여 직접 시도해 볼 수 있습니다.

웹 컴포넌트로 Ghola를 빌드하는 것은 이번이 두 번째라는 점도 말씀드리고 싶습니다. 첫 번째 시도는 잘 되지 않았습니다.

제 첫 시도 ​

이전에 사용자 정의 요소로 Ghola를 시도한 적이 있습니다. 제 접근 방식은 스스로 렌더링 되는 React 스타일의 컴포넌트를 구축하는 것이었습니다. 각 컴포넌트에는 실행할 <template>과 풍부한 프로그래밍 인터페이스가 있었습니다. 복잡했습니다. 다음은 색상 견본 컴포넌트입니다. 여러 모듈을 혼합하여 결국 공통된 기능을 재사용하는 것을 볼 수 있습니다.

HasAttributes는 클래스에서 특별한 객체를 정의한 다음 observedAttributes를 선언하고 attributeChangedCallback을 재정의하여 객체의 값을 설정해야 합니다. 이를 혼합하면 세터를 재정의하여 속성 할당을 가로챌 수 있습니다(예: set hexCode(hexCode)). 믹스인은 문자열을 타입으로 감싸는 것도 지원합니다.

HasEvents는 addEventListener보다 더 풍부한 API를 제공하기 위한 저의 시도였습니다. 브라우저 API로 문자열 기반 작업을 하는 것은 성가신 일이지만, 제가 한 일이 이를 해결하는 가장 좋은 방법인지는 잘 모르겠습니다. 이 특정 믹스인 중 상당수가 MethodMeasurement를 사용한다는 것을 알 수 있습니다.

저는 Ghola v1이 왜 그렇게 느린지 알아내기 위해 MethodMeasurement를 만들었습니다. 이 버전을 사용할 수 있습니다. 특히 견본을 더 추가하면 속도가 느려지는 것을 알 수 있습니다. 사파리를 사용하는 경우 색상환에서 색상 입력을 변경하면 색상 입력이 실시간으로 change 이벤트를 보냅니다. 이 원래 버전의 Ghola에서는 브라우저가 잠시 멈췄다가 따라잡습니다. 수정된 버전은 그렇지 않습니다.

이 느린 속도를 보면서 Performance API를 파헤쳐서 무슨 일이 일어나고 있는지 알아낼 수 있는 좋은 기회라고 생각했습니다. 많은 인사이트를 얻었지만 왜 그렇게 느린지는 알 수 없었습니다. 이벤트 리스너의 복잡한 구조로 인해 추적하기가 어려웠고, 제가 추가한 추상화는 이를 더욱 어렵게 만들었습니다. 그래서 이번 개정판에서는 addEventListener 상에 API를 만들지 않기로 했습니다.

마지막으로 요소를 숨기고 표시하기 위한 프로그래밍 인터페이스를 제공하기 위해 제가 만든 것을 보실 수 있습니다. Hideable은 괴물입니다. 이를 위해 CSS를 사용하는 대신 요소가 콤팩트 체크박스의 change 이벤트를 수신한 다음 element.show() 또는 element.hide()를 호출하도록 했습니다.

문제는 _displayValueWhenShown 메서드에서 볼 수 있듯이 요소가 기본적으로 숨겨져 있는 경우 디자인에서 작동하려면 자바스크립트 코드가 display에 어떤 값을 부여해야 하는지 알아야 한다는 것입니다. Hideable을 사용하려면 요소에 해당 값을 갖도록 data-brutaldom-display를 선언해야 합니다. 이런.

이 버전의 Ghola는 작동하고, 개정판과 마찬가지로 음영을 생성하고 색상을 연결합니다. 제가 다시 시작한 이유는 성능 때문이었습니다. 앱이 작동하더라도 속도가 빨라야 한다고 생각했습니다. 프로토타입을 만들 때는 속도가 빨랐기 때문에 제가 한 것 중 무엇인가가 속도를 느리게 만들고 있었습니다. 하지만 무엇인지 알아내지 못했습니다.

그래서 더 단순한 디자인이 더 이해하기 쉽기를 바라며 처음부터 다시 시작했습니다. 개정된 Ghola는 구형 컴퓨터나 저렴한 컴퓨터에서는 느릴지 모르지만 원래보다 훨씬 빠릅니다. 그래서 성능에 대해서는 자세히 알아보지 않았습니다. 만약 해야 한다면 간단하길 바랄 뿐입니다.

이는 React나 Angular와 같은 프레임워크 사용에 대한 인사이트입니다. 이러한 프레임워크는 브라우저 위에 복잡한 추상화를 만들기 때문에 프런트엔드가 왜 그렇게 느린지 이해해야 할 때 정말 어려워집니다. 자바스크립트의 특성상 소스 맵, 콜백, 런타임에 대한 내성 부족으로 인해 일반적으로 어려운 문제입니다. 개발 도구의 성능 기능은 좋아 보이지만 사용하기가 매우 어렵고 유용한 문서도 부족합니다. 여기에 복잡한 종속성까지 더해지면 대부분의 SPA가 엄청나게 느려지는 것은 당연한 일입니다.

전망 ​

사용자 정의 요소 API는 일반 브라우저 API보다 업그레이드된 느낌입니다. 직접 개발하지 않고 생명 주기 훅을 사용할 수 있다는 점이 좋았습니다. 동적 콘텐츠를 추가해야 할 때 부트스트랩할 필요가 없어서 정말 좋았습니다: 제 요소를 추가하기만 하면 바로 작동했습니다.

마치 브라우저의 일부인 것처럼 동작하는 나만의 요소를 만든다는 관점에서 생각한 것이 요소를 디자인하는 데 유용한 관점이었습니다. 덕분에 요소의 퍼블릭 동작과 API를 단순하게 유지하거나 최소한 충분히 단순하게 만들 수 있었습니다.

앱을 작업하는 동안 필요한 모든 것을 브라우저의 API를 참조할 수 있어서 좋았습니다. 스택 오버플로에 여러 번 직면한 적이 없다는 말은 아니지만, 사용 중인 일부 버전의 문제를 추적하거나 몇 년 전에는 올바른 접근 방식이었지만 지금은 잘못된 접근 방식을 사용하고 있는 것은 아닌지 걱정할 필요가 한 번도 없었습니다.

물론 Ghola는 작고 단순한 앱입니다. 더 크고 복잡한 환경에서는 어떻게 작동할지 누가 알겠습니까. 저는 Angular와 React 모두 크고 복잡한 환경에서 사용하기에 좋지 않다는 것을 알고 있습니다. 적어도 제가 사용하거나 작업한 앱에 따르면 상당히 고통스럽고 불쾌한 사용자 경험을 만들어 냅니다.

핫와이어와 같은 접근 방식에 대해서는 말할 수 없지만, 핫와이어의 작성자가 특별히 빠르거나 성능이 좋다고 말할 수 없는 매우 동적인 자바스크립트 앱을 만든다는 것 외에는 말할 수 없습니다. 전혀 나쁘지 않습니다. 괜찮습니다. 어쩌면 그래야만 할지도 모르죠. 아니면 브라우저에서 제공하는 API를 더 잘 활용할 수 있는 미래가 올 수도 있습니다.

이런 건 어떠세요? ​

- + \ No newline at end of file diff --git a/log/web-push-for-web-apps-on-ios-and-ipados.html b/log/web-push-for-web-apps-on-ios-and-ipados.html index c2f9afb6..328e3251 100644 --- a/log/web-push-for-web-apps-on-ios-and-ipados.html +++ b/log/web-push-for-web-apps-on-ios-and-ipados.html @@ -6,7 +6,7 @@ iOS 및 iPadOS의 웹 앱용 웹 푸시 | bohyeon.dev - + @@ -24,7 +24,7 @@
bohyeon.dev

Appearance

iOS 및 iPadOS의 웹 앱용 웹 푸시 ​

원문: https://webkit.org/blog/13878/web-push-for-web-apps-on-ios-and-ipados/

오늘 iOS 및 iPadOS 16.4 베타 1이 출시되었으며, 홈 화면 웹 앱에 대한 웹 푸시 및 기타 기능이 지원됩니다.

https://webkit.org/wp-content/uploads/Web_Push_on_iOS-1024x576.png

오늘 사파리 16.4의 첫 번째 베타 버전도 출시됩니다. 이번 버전은 정규표현식 후방탐색, Import Maps, 오프스크린 캔버스, 미디어 쿼리 범위 지정, @property, font-size-adjust, 선언적 쉐도우 DOM 등 135개 이상의 기능이 포함된 대규모 릴리즈입니다. 이러한 새로운 WebKit 기능에 대한 자세한 내용은 사파리 16.4가 공개될 때 작성하겠습니다. 한편, 새로운 기능 및 수정 사항의 종합적인 목록은 사파리 16.4 베타 1 릴리즈 노트에서 확인할 수 있습니다.

사파리는 잠시 제쳐두고 iOS 및 iPadOS의 홈 화면 웹 앱에 관해 이야기해 보겠습니다.

최초의 아이폰부터, 사용자는 브로슈어 사이트, 블로그, 신문, 온라인 상점, 소셜 미디어 플랫폼, 스트리밍 비디오 사이트, 생산성 소프트웨어, 아트워크 제작용 앱 등 모든 웹 사이트를 홈 화면에 추가할 수 있었습니다. 지난 10년 동안 iOS 및 iPadOS의 사파리 사용자는 공유 버튼을 탭 하여 공유 메뉴를 연 다음 '홈 화면에 추가'를 탭 하면 이 작업을 수행할 수 있었습니다. 그럼, 해당 웹사이트의 아이콘이 홈 화면에 나타나게 되고, 이 아이콘을 빠르게 탭해서 해당 사이트로 돌아갈 수 있습니다.

웹 개발자는 매니페스트 파일(display 멤버를 standalone 또는 fullscreen으로 설정해야 합니다.)을 생성하여 웹사이트와 함께 제공할 수 있습니다. 그렇게 하면 해당 사이트는 홈 화면 웹 앱이 됩니다. 그런 다음 해당 아이콘을 탭 하면 웹 앱이 브라우저에서 열리지 않고 iOS 또는 iPadOS의 다른 앱처럼 열립니다. 사파리나 다른 브라우저와는 별도로 앱 스위처에서 앱 미리보기를 볼 수 있습니다.

홈 화면 웹 앱용 웹 푸시 추가 ​

iOS 및 iPadOS 16.4 베타 1에서 홈 화면 웹 앱에 웹 푸시 기능이 추가되었습니다. 웹 푸시는 웹 개발자가 푸시 API, 알림 API, 서비스 워커를 모두 연동하여 사용자에게 푸시 알림을 보낼 수 있도록 해줍니다.

홈 화면에 추가된 웹 앱은 웹 앱에서 제공하는 '구독' 버튼을 탭 하는 등 사용자의 직접적인 상호 작용에 대한 응답으로 푸시 알림 수신 권한을 요청할 수 있습니다. 그러면 iOS 또는 iPadOS는 사용자에게 웹 앱에 알림 전송 권한을 부여할지 묻는 메시지를 표시합니다. 허용되면 사용자는 iPhone 및 iPad의 다른 앱과 마찬가지로 알림 설정에서 웹 앱별로 해당 권한을 관리할 수 있습니다.

웹 앱의 알림은 다른 앱의 알림과 똑같이 작동합니다. 알림은 잠금 화면, 알림 센터 및 페어링 된 애플 워치에 표시됩니다.

이는 작년 가을 macOS Ventura용 Safari 16.1에 추가된 것과 동일한 W3C 표준 기반 웹 푸시입니다. 브라우저 감지 대신 기능 감지를 사용하는 등 모범 사례에 따라 웹 앱에 표준 기반 웹 푸시를 구현한 경우 iPhone 및 iPad에서 자동으로 작동합니다.

iOS 및 iPadOS의 웹 푸시는 모든 애플 디바이스에서 네이티브 푸시를 지원하는 동일한 애플 푸시 알림 서비스를 사용합니다. 애플 개발자 프로그램의 회원이 아니어도 사용할 수 있습니다. 서버 푸시 엔드포인트를 제어하고 있는 경우 *.push.apple.com의 URL을 허용하기만 하면 됩니다.

웹 푸시 설정 방법에 대해 자세히 알아보려면 webkit.org에서 웹 푸시 만나기 문서를 참조하거나 WWDC22 세션 비디오 웹 푸시 만나기를 시청하세요.

집중 모드 지원 ​

알림은 강력한 도구이지만, 너무 많은 알림에 압도당하는 상황에 빠지기 쉽습니다. iPhone 및 iPad의 홈 화면 웹 앱에 대한 알림은 집중 모드와 통합되어 사용자가 언제 어디서 알림을 받을지 정확하게 설정할 수 있도록 합니다. 두 대 이상의 iOS 또는 iPadOS 장치에서 동일한 웹 앱을 홈 화면에 추가한 사용자의 경우 집중 모드가 모든 장치에 자동으로 적용됩니다.

배지 API ​

iOS 및 iPadOS 16.4 베타 1의 홈 화면 웹 앱은 이제 배지 API를 지원합니다. iOS 및 iPadOS의 다른 앱과 마찬가지로 이제 웹 앱에서도 배지 수를 설정할 수 있습니다. setAppBadge와 clearAppBadge는 사용자가 웹 앱을 포어그라운드에서 열어두거나 웹 앱이 백그라운드에서 푸시 이벤트를 처리하는 동안, 즉 배지 수를 표시할 수 있는 권한이 부여되기 전에도 배지 수를 변경할 수 있습니다.

앱 아이콘에 배지를 표시할 수 있는 권한은 iOS 및 iPadOS의 다른 앱과 똑같은 방식으로 부여됩니다. 사용자가 알림을 허용하는 권한을 부여하면 홈 화면의 아이콘에 현재 배지 수가 즉시 표시됩니다. 그런 다음 사용자는 iOS 또는 iPadOS의 다른 앱과 마찬가지로 알림 설정에서 배지에 대한 권한을 구성할 수 있습니다.

매니페스트 ID ​

iOS 및 iPadOS용 WebKit 16.4 베타 1은 웹 애플리케이션 매니페스트 표준의 ID 멤버에 대한 지원을 추가합니다. 이는 웹 애플리케이션의 고유 식별자 역할을 하는 문자열(URL 형태)로, OS에서 원하는 방식으로 사용하기 위한 것입니다. iOS 및 iPadOS는 여러 기기에서 집중 모드 설정을 동기화할 목적으로 매니페스트 ID를 사용합니다.

iOS는 처음부터 동일한 웹 앱의 다중 설치를 지원해 왔습니다. 하나의 웹 앱을 기기에 두 번 이상 설치할 수 있는 기능은 여러 계정을 지원하고 업무용과 개인용을 구분하는 등의 추가적인 유연성을 제공하는 등 유용할 수 있다고 생각합니다.

홈 화면에 웹 앱을 추가할 때 사용자에게 앱 이름을 변경할 기회가 주어집니다. iOS 및 iPadOS 16.4 베타 1에서는 이 이름을 매니페스트 ID와 결합하여 웹 앱을 고유하게 식별할 수 있습니다. 이렇게 하면 사용자가 하나의 디바이스에 여러 개의 웹 앱 사본을 설치하고 각 사본에 서로 다른 ID를 부여할 수 있습니다. 예를 들어, 'Shiny(개인용)'의 알림은 집중 모드에서 무음으로 설정하고 'Shiny(업무용)'의 알림은 허용할 수 있습니다. 사용자가 여러 장치에서 즐겨 찾는 웹사이트에 동일한 이름을 지정하면 한 장치의 집중 모드 설정이 동기화되어 다른 장치에도 적용됩니다.

홈 화면 추가를 위한 타사 브라우저 지원 ​

iOS 및 iPadOS 16.4 베타 1에서는 이제 타사 브라우저에서도 공유 메뉴에서 웹사이트 및 웹 앱을 홈 화면에 추가할 수 있는 기능을 사용자에게 제공할 수 있습니다.

iOS 및 iPadOS의 애플리케이션은 activityItems 배열이 있는 UIActivityViewController를 생성하여 공유 메뉴를 표시합니다. 공유 메뉴에 '홈 화면에 추가'가 포함되려면 다음 조건을 만족해야 합니다.

  1. 응용 프로그램에는 com.apple.developer.web-browser 관리 권한이 있어야 합니다.
  2. activityItems 배열에 WKWebView가 포함되어 있어야 합니다.
  3. WKWebView가 HTTP 또는 HTTPS URL이 있는 문서를 표시하고 있어야 합니다.
  4. 장치가 iPad인 경우 공유 iPad로 구성되지 않아야 합니다.

위에서 설명한 대로 사용자가 홈 화면에 추가한 후 display 멤버를 standalone 또는 fullscreen으로 설정하는 매니페스트 파일이 있는 모든 웹사이트는 사용자가 해당 아이콘을 탭 하면 웹 앱으로 열립니다. 이는 웹사이트를 홈 화면에 추가한 브라우저와 관계없이 마찬가지입니다.

웹 앱 동작을 요청하도록 구성된 매니페스트 파일이 없는 경우(그리고 사이트를 웹 앱 가능으로 표시하는 meta 태그가 없는 경우) 해당 웹사이트는 홈 화면 북마크로 저장됩니다. iOS 및 iPadOS 16.4 베타 1부터 홈 화면 북마크는 사용자의 현재 기본 브라우저에서 열립니다.

새로운 대체 아이콘 ​

웹 개발자는 일반적으로 브라우저의 인터페이스 전체에 웹사이트를 나타내는 아이콘을 제공합니다. 홈 화면의 아이콘이 제공되지 않는 경우 이전에는 iOS 및 iPadOS에서 사이트의 스크린샷으로 아이콘을 만들었습니다. 이제 iOS 및 iPadOS 16.4 베타 1에서는 사이트 이름의 첫 글자와 사이트의 색상을 사용하여 모노그램 아이콘을 생성하고 표시합니다.

웹사이트 또는 웹 앱에 사용할 아이콘을 제공하려면 매니페스트 파일에 아이콘을 나열하면 되는데, 이는 iOS 및 iPadOS 15.4부터 지원된 기능입니다. 또는 오랫동안 지원되어 온 기법인 HTML 문서 head에 apple-touch-icons을 나열하는 방법을 사용할 수 있습니다. (두 가지 방법을 모두 사용하는 경우 apple-touch-icon이 매니페스트에 선언된 아이콘보다 우선합니다.)

웹 앱을 위한 새로운 웹 API ​

웹 푸시, 배지 API, 매니페스트 ID 외에도 iOS 및 iPadOS 16.4 베타 1용 Webkit의 다른 많은 새로운 기능은 홈 화면 웹 앱에 중점을 둔 웹 앱 개발자에게 특히 흥미로울 것입니다. 여기에는 다음 사항들이 포함됩니다.

전체 기능 목록은 사파리 16.4 베타 1의 릴리즈 정보를 참조하세요.

- + \ No newline at end of file diff --git a/log/what-if-we-had-local-first-software.html b/log/what-if-we-had-local-first-software.html index 33fee262..3994ad54 100644 --- a/log/what-if-we-had-local-first-software.html +++ b/log/what-if-we-had-local-first-software.html @@ -6,7 +6,7 @@ 로컬 우선 소프트웨어가 있다면 어떨까요? | bohyeon.dev - + @@ -24,7 +24,7 @@
bohyeon.dev

Appearance

로컬 우선 소프트웨어가 있다면 어떨까요? ​

원문: https://adlrocha.substack.com/p/adlrocha-what-if-we-had-local-first

gray crt tv turned on in a dark room

목요일에 진행되는 첫 번째 게시글에서는 여러분과 함께 "만약에" 연습을 해보고자 합니다. 이 "만약에"라는 기법은 Spotify("음악 라이브러리를 소유할 필요가 없다면?")나 Uber("모든 자동차가 잠재적으로 택시가 될 수 있다면?") 같은 회사들이 현재 사업 모델에 도달하기 위해 사용했던 기법이라고 합니다.

저희도 한 번 스스로에게 비슷한 질문을 해보죠. "만약 인터넷이 오프라인 우선이라면? 그리고 로컬 우선 소프트웨어가 오프라인 SaaS 모델로 가는 길을 열어준다면 어떨까요?" 실제로 이 논문("로컬 우선 소프트웨어: 클라우드임에도 불구하고 데이터를 소유하는 방법")의 저자들은 이 논문에서 이와 똑같은 질문을 제기했으며, 오늘 우리가 다루고자 하는 질문도 같습니다. 오프라인 우선 인터넷은 어떤 모습일까요?

비전 뒤에 숨은 원칙 ​

"요즘 온라인에서 얼마나 쉽게 협업하는지를 보면 놀랍습니다. 구글 문서 도구를 사용해 문서, 스프레드시트, 프레젠테이션을 공동 작업하고, 피그마에서 사용자 인터페이스 디자인을 함께 작업합니다. 또한 슬랙을 사용하여 동료와 소통하고, 트렐로에서 작업을 추적하는 등 다양한 서비스를 이용합니다. 메모를 작성하고, 프로젝트나 이벤트를 계획하고, 연락처를 기억하는 등 다양한 업무 용도로 이러한 서비스와 기타 여러 온라인 서비스에 의존하고 있습니다."

클라우드 앱이 우리의 삶을 훨씬 더 편리하게 만들었다는 데 모두 동의합니다. 오늘날 우리가 사용하는 이러한 실시간 협업 클라우드 앱이 없었다면 효율적인 원격 근무는 불가능했을 것입니다. 그럼에도 불구하고 이러한 모든 애플리케이션은 여전히 몇 가지 불편함과 위협을 안고 있습니다. 몇 가지 예를 들면, 이러한 서비스에서 생성한 데이터의 소유자는 사용자가 아닙니다. 이러한 서비스를 제공하는 회사가 파산해 서버를 중단하면 어떻게 될까요? 게다가 이러한 서비스들은 모두 중앙 집중식 인프라에 의존하기 때문에 공격, 보안 침해, 서비스 중단에 취약합니다.

창의력을 발휘해 "오페라 프리마(역자 주: 문학, 영화 등 예술 분야에서 작가의 첫 작품을 의미)"를 거의 완성한 상태에서 서버에 장애가 발생해 모든 작업이 사라진다고 상상해 보세요. 또는 더 나쁜 경우(더 가능성이 높은 시나리오)로, 집에서 연결이 끊겨서 클라우드 서비스를 탓할 수도 없는 상황이라면 어떻게 될까요? 비행기나 인터넷 연결이 안정적이지 않은 곳에서 이러한 도구로 작업하는 사용자 경험은 말할 것도 없습니다. 실시간 협업은 우리의 삶을 크게 개선해 주었지만, 아마 이보다 더 나아질 수 있을 것입니다.

"요약하자면, 클라우드는 협업을 제공하지만, 구식 앱은 소유권을 제공합니다. 두 가지 장점을 모두 누릴 수는 없을까요? 클라우드 앱이 제공하는 편리한 기기 간 접근 및 실시간 협업, 그리고 '구식' 소프트웨어가 가지는 데이터에 대한 개인 소유권을 모두를요."

이것이 바로 원격 데이터 센터의 서버보다 로컬 스토리지(디바이스 내부)와 로컬 네트워크(가정용 Wi-Fi 등)를 우선적으로 사용하는 "로컬 우선 소프트웨어"의 근거입니다. 이러한 비전을 구축하는 것은 쉽지 않으며, 서버(또는 분산 스토리지와 릴레이. 무슨 말인지 아시겠죠? 😉)는 백업 및 상호 연결 목적으로 여전히 필요할 것입니다.

따라서 "로컬 우선 소프트웨어"의 의미를 평가하기 위해 이 논문에서 저자들은 다음과 같은 7가지 이상을 추구해야 한다고 정의합니다.

  • 로딩 스피너 없이, 바로 작업 가능합니다: 몇 년 전보다 더 강력한 디바이스를 사용하지만 소프트웨어는 점점 더 느려지고 오류가 발생하기 쉽다는 것을 모두 동의할 것입니다. "로컬 우선 소프트웨어"는 인터넷 의존도를 낮추고 로컬 스토리지를 사용하여 현재 소프트웨어보다 더 빨라져야 합니다.

  • 작업이 하나의 기기에 갇히지 않아야 합니다: 이건 어려운 문제입니다. 현재의 클라우드 앱이 모든 기기에서 원활하게 작업할 수 있게 해주는 것과 마찬가지로 "로컬 우선 소프트웨어"도 이를 가능하게 해야 합니다. 더 나아가 다른 사람(및 다른 사람의 기기)과 협업할 수 있어야 하므로 데이터가 내 기기에만 머물러서는 안 됩니다. 이를 실현하기 위해서는 장치 간의 안정적인 동기화 시스템이 필요합니다.

  • 물론 네트워크는 선택 사항입니다: 로컬 우선 애플리케이션은 데이터의 기본 복사본을 각 장치의 로컬 파일 시스템에 저장하기 때문에 사용자는 오프라인 상태에서도 언제든지 이 데이터를 읽고 쓸 수 있습니다. 나중에 네트워크 연결이 가능할 때 다른 장치와 동기화됩니다. 데이터 동기화가 반드시 인터넷을 통해 이루어질 필요는 없습니다: 로컬 우선 앱은 블루투스 또는 로컬 WiFi를 사용하여 주변 장치와 데이터를 동기화할 수도 있습니다. 또한, 원활한 오프라인 지원을 위해서는 소프트웨어가 웹 브라우저의 탭이 아닌 장치에 로컬로 설치된 실행 파일로 실행되는 것이 바람직합니다. 웹 앱이 오프라인에서 작동하도록 설정하는 것은 가능하지만, 사용자가 애플리케이션에 필요한 모든 코드와 데이터가 다운로드되었는지 여부를 알기는 어려울 수 있습니다. 모바일 앱의 경우 앱을 사용하기 전에 전체 앱을 다운로드하여 설치하는 것이 이미 표준입니다.

  • 원활한 협업이 가능해야 합니다: 이 원칙을 논문에 있는 몇 가지 매력적인 이미지로 설명해 보겠습니다. 간단히 말하면, 충돌, 충돌, 그리고 더 많은 충돌입니다. 이런 경험을 해보지 않은 사람이 있을까요?

개인적으로 가장 마음에 드는(그리고 "로컬 우선 애플리케이션"에 포함할 수 있다고 생각하는) 협업 방식은 git 방식입니다. 로컬 버전의 코드에서 작업하고 주기적으로 변경 사항을 저장소에 푸시하여 모든 사람이 사용할 수 있도록 합니다. 현재 이 작업은 개발자가 수동으로 수행하지만 애플리케이션 기본 코드에서 자동화하여 네트워크에 연결할 수 있을 때마다 디바이스가 새로운 변경 사항을 푸시하도록 할 수 있습니다. 물론 이렇게 한다고 해서 충돌이 발생하지 않는 것은 아니지만, 해결할 수 있는 방법을 우리는 이미 알고 있습니다.

  • 데이터를 장기 보관할 수 있어야 합니다: 데이터는 오래 보관되어야 합니다. 로컬 디바이스에 저장되고 다른 디바이스에도 동기화될 수 있으니 로컬 우선 앱이 완벽하다고 할 수 있습니다.

  • 기본적으로 보안 및 개인정보가 보호되어야 합니다: 즉, 내 기기(및 내가 상호작용하는 기기)의 데이터와 채널이 암호화됩니다.

  • 사용자가 최종 소유권 및 통제권을 보유해야 합니다: 많은 경우 사용자가 원하지 않는 책임입니다. 그렇기 때문에 중앙집중식 백업 서버, 분산형 스토리지 등과 같은 폴백 시스템이 존재해야 하며, 디지털 생활에 대한 책임이 부담스러운 사용자는 자신의 소유권을 다른 사람에게 위임할 수 있습니다.

그렇다면 현재 클라우드 애플리케이션들은 이러한 원칙을 얼마나 충족하고 있을까요?

좋지는 않습니다..

이를 가능하게 하는 기술 ​

"웹 브라우저를 오프라인 친화적으로 만들기 위한 많은 노력(매니페스트, 로컬 스토리지, 서비스 워커, 프로그레시브 웹 앱 등)에도 불구하고 웹 앱의 아키텍처는 여전히 근본적으로 서버 중심적입니다. 대부분의 웹 앱에서 오프라인 지원은 나중에 고려해야 할 사항이며, 따라서 그 결과도 취약합니다. 많은 웹 브라우저에서 사용자가 쿠키를 지우면 로컬 저장소의 모든 데이터도 삭제되는데, 이는 캐시에는 문제가 되지 않지만 브라우저의 로컬 스토리지는 장기적으로 중요한 데이터를 저장하는 데 적합하지 않습니다."

저의 글 "웹 앱을 오프라인에서 작동하게 만드는 방법"을 기억하시나요? 안타깝게도 제가 이 글에서 공유한 "오프라인" 설계는 로컬 우선 애플리케이션을 구축하기에는 여전히 너무 "서버 중심적"입니다. 상황을 어느정도 개선할 수는 있지만, 우리의 목표를 달성하고 7가지 원칙을 모두 충족하기에는 충분하지 않습니다.

그런 의미에서 CouchDB/PouchDB와 같이 서로 다른 장치 간에 오프라인 동기화 스토리지를 구현하는 데 철학적으로 이미 도움이 되는 기술이 있습니다.

"CouchDB는 다중 마스터 복제 방식을 개척한 것으로 유명한 데이터베이스입니다. 여러 대의 컴퓨터가 각각 데이터베이스의 완전한 복사본을 가지고 있고, 각 복제본이 독립적으로 데이터를 변경할 수 있으며, 모든 복제본 쌍이 서로 동기화하여 최신 변경 사항을 교환할 수 있습니다. CouchDB는 서버에서 사용하도록 설계되었으며, Cloudant는 호스팅 버전을 제공하고, PouchDB와 Hoodie는 동일한 동기화 프로토콜을 사용하지만 최종 사용자 장치에서 실행되도록 설계된 형제 프로젝트입니다."

하지만, 이것만으로 우리의 모든 원칙을 충족시키기에 충분하지 않습니다. CouchDB에서는 애플리케이션 코드를 통해 충돌을 명시적으로 해결해야 합니다.(특정 시나리오에서는 쉬운 일이 아닙니다.)

그렇다면 현재 우리 고민 지점에 필요한 협업 및 충돌 해결을 제공할 수 있는 기술이 있을까요? 다행히도 있습니다. 충돌 없는 복제 데이터 유형(일명 CRDT) 을 소개해 드리겠습니다.

CRDT는 해시 맵이나 리스트 같은 범용 데이터 구조이지만, 처음부터 다중 사용자를 가정했다는 특별한 특징이 있습니다.

위의 이미지로 CRDT를 설명해 보겠습니다. 데이터 저장소가 동일한 초기 상태인 두 개의 디바이스가 있습니다. 각각의 디바이스는 데이터에 대해 독립적인 업데이트를 수행합니다. CRDT 구조는 이러한 변경 사항을 업데이트 작업으로 등록하여 두 장치 간에 네트워크 통신이 가능하면 해당 업데이트를 교환하고 병합하여 데이터 구조의 공통 상태에 도달할 수 있도록 합니다. CRDT가 자동으로 해결할 수 없는 유일한 변경 유형은 여러 사용자가 동시에 동일한 객체의 동일한 속성을 업데이트하는 경우이며, 이 경우 CRDT는 충돌하는 값을 추적하고 애플리케이션이나 사용자가 해결하도록 남겨 둡니다. 따라서 결국 충돌을 피하는 방법은 이러한 다중 사용자 수정을 최대한 방지하도록 CRDT 데이터 구조를 현명하게 설계하는 것입니다.

"CRDT는 텍스트 파일보다 더 다양한 데이터 유형에서 작동한다는 점을 제외하면 Git과 같은 버전 관리 시스템과 어느 정도 유사합니다. CRDT는 모든 통신 채널 (예: 서버, P2P 연결, 로컬 장치 간 블루투스, USB 스틱 등)을 통해 상태를 동기화할 수 있습니다. CRDT가 추적하는 변경 사항은 한 번의 키 입력만큼 작을 수 있으므로 구글 문서 도구 스타일의 실시간 협업이 가능합니다. 하지만 더 큰 변경 집합을 수집하여 Git의 풀 리퀘스트처럼 공동 작업자에게 일괄적으로 보낼 수도 있습니다. 데이터 구조가 범용이기 때문에 CRDT의 저장, 통신 및 관리를 위한 범용 도구를 개발할 수 있어 모든 앱에서 이러한 기능을 다시 구현할 필요가 없습니다."

CRDT는 제가 열광하는 분야이며, 이미 Atom 에디터의 Teletype(P2P 코드 협업용)과 같이 그 활용을 탐구하는 애플리케이션이 있습니다. 논문 저자 중 한 명이 만든 이 동영상을 통해 CRDT에 대해 알아보는 것을 적극 추천합니다. 조만간 CRDT에 대한 뉴스레터 발행을 기대해 주세요.

몇 가지 개념 증명 ​

이 논문에서는 협업 칸반 보드 또는 협업 드로잉 앱과 같은 "로컬 우선 애플리케이션" 구현에 대한 몇 가지 PoC를 공유합니다.

이러한 앱의 구현과 사용을 통해 다음과 같은 결론을 도출했습니다.

  • CRDT 기술은 작동합니다.
  • 오프라인 작업에 대한 사용자 경험은 훌륭합니다.
  • 함수형 반응형 프로그래밍과 결합하면 개발자 경험을 향상할 수 있습니다.
  • 충돌은 우려했던 것만큼 큰 문제가 되지 않습니다.
  • 문서 히스토리를 시각화하는 것이 중요합니다.
  • URL은 공유를 위한 좋은 메커니즘입니다.
  • P2P 시스템은 완전한 "온라인"이나 "오프라인"이 아니며, 그 안에서 데이터가 어떻게 이동하는지 추론하기 어려울 수 있습니다.
  • CRDT는 대량의 변경 이력을 축적하여 성능 문제를 일으킵니다.
  • 클라우드 서버는 여전히 검색, 백업, 버스트 컴퓨팅을 위한 최적의 장소입니다.
  • 네트워크 통신은 여전히 해결되지 않은 문제로 남아 있습니다.

CRDT에는 P2P 네트워킹 계층이 필요하지 않으며, 통신을 위해 서버를 사용하는 것도 괜찮습니다. 하지만 로컬 우선 소프트웨어의 장기 목표를 완전히 실현하려면 애플리케이션이 공급업체가 관리하는 모든 백엔드 서비스보다 오래 지속되기를 원하므로 분산형 솔루션이 논리적 최종 목표입니다.

프로토타입에 P2P 기술을 사용한 것은 엇갈린 결과를 얻었습니다. 한편으로는 이러한 기술들이 아직 프로덕션에 적용할 수 있는 단계에 이르지 못했습니다. 특히 또 다른 흥미로운 연구 및 탐색 분야인 NAT 통과는 사용자가 현재 연결되어 있는 특정 라우터나 네트워크 토폴로지에 따라 불안정할 수 있습니다. 하지만 P2P 프로토콜과 분산형 웹 커뮤니티가 제시하는 약속은 상당합니다. 인터넷에 접속할 수 없는 컴퓨터 간의 실시간 협업은 중앙화된 API에 의존하게 된 세상에서 마법처럼 느껴집니다.

미래를 내다보며 ​

이제 몇 주 전에 제가 발행한 글 새로운 인터넷에 대한 저의 비전을 바탕으로 "만약에"라는 상상을 극단적으로 확장해 보겠습니다. "로컬 우선 애플리케이션"은 UX, 보안 및 개인 정보 보호 측면에서 우리가 마땅히 누려야 할 인터넷으로의 도약처럼 보입니다. 논문 저자에 따르면 네트워크 통신은 여전히 해결되지 않은 문제로 남아있습니다. 하지만.. 해결이 될 수도 있지 않을까요? web3 분야에서는 "로컬 우선 애플리케이션"이 제기하는 문제에 대한 많은 해결책을 모색하고 있습니다(그리고 그중 상당수는 이미 해결되었을 수도 있습니다).

  • 데이터 저장에 대한 책임을 지고 싶지 않다면 어떻게 해야 하나요? 분산형 스토리지(Filecoin)를 이용하면 됩니다.
  • 내 기기에 특정 작업을 실행하기에 충분한 연산 능력이 없다면 어떻게 하나요? 탈중앙화 컴퓨팅 서비스(Golem)으로 시작하세요.
  • NAT 뒤에 있는 장치와 통신하려면 어떻게 해야 하나요? libp2p, NAT 통과, 인센티브 릴레이 등을 사용합니다. 이것은 제가 아는 한 가장 활발하지 않은 "진행 중인 작업" 중 하나 일 수 있습니다.
  • 홈 연결을 통해 인터넷 연결 없이 어떻게 통신할 수 있을까요? 와이파이 오프로딩, 메시 네트워크 등..이 있습니다.

최근에 본 트윗을 인용하며 마치겠습니다. "탈중앙화된 웹의 대부분은 '전혀' 말이 되지 않으며, 말이 되는 극히 일부분은 매우 소중하고 훌륭합니다." 우리가 만들고 있는 이 소중하고 멋진 소프트웨어로 새로운 인터넷으로 가는 길을 닦아봅시다.

Twitter avatar for @scanlime
micah 'lime with barcode' elizabeth @scanlime
탈중앙화된 웹의 대부분은 '전혀' 말이 되지 않으며, 말이 되는 극히 일부분은 매우 소중하고 훌륭합니다.
7:00 PM ∙ Oct 13, 2020
- + \ No newline at end of file diff --git a/log/what-to-expect-from-vue-in-2023-and-how-it-differs-from-react.html b/log/what-to-expect-from-vue-in-2023-and-how-it-differs-from-react.html index 94632987..dc6d8d5b 100644 --- a/log/what-to-expect-from-vue-in-2023-and-how-it-differs-from-react.html +++ b/log/what-to-expect-from-vue-in-2023-and-how-it-differs-from-react.html @@ -6,7 +6,7 @@ 2023년 Vue에게 기대할 수 있는 점과 React와의 차이점 | bohyeon.dev - + @@ -24,7 +24,7 @@
bohyeon.dev

Appearance

2023년 Vue에게 기대할 수 있는 점과 React와의 차이점 ​

원문: https://thenewstack.io/vue-2023/

Vue.js 제작자 Evan You가 Vue 3가 Vue 2와 무엇이 다른지, 특히 가상 DOM의 사용이 어떻게 발전했는지 설명합니다.

Featued image for: What to Expect from Vue in 2023 and How it Differs from React

2년 전 자바스크립트 프레임워크인 Vue.js에 관한 다큐멘터리에서 이 프레임워크는 자바스크립트 생태계 주요 프레임워크인 페이스북의 React와 구글의 Angular에 비해 일종의 인디 대안으로 묘사되었습니다. "덜 기업적이고 [...] 더 서민적인 느낌입니다."라고 한 강연자가 설명했습니다.

가장 트렌디한 자바스크립트 프레임워크인 React와 비교했을 때 가장 눈에 띄는 차이점은 웹 표준 옹호자들이 Vue를 지지한다는 점입니다. 그 이유에 대한 단서는 Vue의 공식 문서에서 찾을 수 있는데, 문서에서는 "React에서는 모든 것이 자바스크립트일 뿐입니다. HTML 구조는 JSX를 통해 표현될 뿐만 아니라 최근에는 CSS 관리도 자바스크립트 안에 넣는 추세입니다."라고 설명합니다. 반면에 Vue는 "고전적인 웹 기술을 수용하고 그 위에 구축한다"고 말합니다. (참고: 해당 인용문은 Vue 2 문서에서 발췌한 것으로, 최신 Vue 3 문서에서는 이 비교를 찾을 수 없었습니다.)

최근 몇 년 동안 React의 자바스크립트 중심 접근 방식과 이를 사용하는 프레임워크(예: Next.js)에 대한 반발이 많았고, Vue, Svelte, Lit와 같은 프레임워크가 제공하는 "고전적인 웹 기술" 위에 구축하려는 움직임이 있었습니다.

Evan You의 State of the Vuenion ​

이러한 맥락에서 이번 달(2023년 2월 16일 기준) 암스테르담에서 열린 JSworld 컨퍼런스에서 오프라인 및 온라인으로 진행된 연례 "State of the Vuenion"(역자 주: Evan You가 매년 Vue 생태계에 대한 개요 및 새로운 업데이트, 개발 현황을 발표하는 컨퍼런스) 발표에서 Vue 제작자 Evan You가 어떤 말을 했는지 궁금했습니다.

Evan You는 팬데믹으로 인해 3년 전을 마지막으로 JSworld에 직접 참석하지 못했다는 점을 언급하며 기조연설을 시작했습니다. 그래서 그는 3년 전에는 Vue 생태계에 존재하지 않았거나 아직 안정적이지 않았던 것들을 나열했습니다: Vue 3는 "안정적이지 않았고", Vite(빌드 도구), Volar("임베디드 프로그래밍 언어 도구 구축을 위한 프레임워크"), Pinia("Vue 생태계를 위한 상태 관리 라이브러리")가 존재하지 않았습니다.

그는 "우리는 본질적으로 Vite를 중심으로 완전히 새로운 생태계를 만들었습니다."라고 말하며, "이와 함께 Vue 생태계 내에서뿐만 아니라 다른 모든 프레임워크와도 연결되는 새롭고 흥미로운 모든 것들을 그 위에 구축하였습니다."라고 덧붙였습니다.

https://cdn.thenewstack.io/media/2023/02/76621bfd-vue3_ecosystem.jpgVue 생태계

Evan You는 Vue 애플리케이션을 구축하기 위한 기본 프레임워크인 Nuxt를 필두로 현재 Vue 도구 생태계에 찬사를 보냈습니다. 그러나 계속해서 Vue 3를 안정적으로 만드는 것이 2023년의 주된 관심사라고 말했습니다. 1년 전인 지난 2월에 Vue 3가 새로운 기본 버전이 되었지만, "레거시 프로젝트"라고 불리는 프로젝트에서는 여전히 Vue 2를 사용하고 있습니다. 그는 Vue 3 채택의 대부분이 "신규 프로젝트"에서 이루어졌다고 언급했습니다.

Evan You는 "우리는 아직 Vue 2에서 Vue 3로 전환하는 단계에 있습니다."라고 말하며 많은 대형 프로젝트가 여전히 Vue 2를 사용 중이거나 Vue 3로 전환할 계획을 세우고 있다고 지적했습니다.

Vue 3와 가상 DOM에 대한 새로운 접근 방식 ​

올해 Vue 3에서 계획된 다양한 관리상의 변경에 대해 논의한 후, Evan You는 Vue 2와 비교하여 Vue 3가 "렌더링"하는 방식의 차이점에 대해 설명하는 시간을 가졌습니다. "렌더링 전략은 시간이 지남에 따라 변화하고 있습니다."라고 말하며 특히 가상 DOM(VDOM)을 처리하는 방식에 대해 언급했습니다.

그 얘기를 하기 전에 Vue 3를 이해하는 데 도움이 될 만한 VDOM에 대한 간략한 소개를 하겠습니다. 이 날 JSworld의 다른 세션에서 Marc Backes가 "가상 DOM을 만들어 봅시다."라는 제목의 세션을 진행했습니다. 다음 세 개의 슬라이드는 VDOM이 무엇이며 Vue와 같은 프레임워크 내에서 그 목적이 무엇인지 잘 요약해 줍니다. (VDOM은 React에 의해 대중화되었지만, Vue를 포함한 다른 많은 프레임워크에서도 이 개념을 채택하고 있습니다).

https://cdn.thenewstack.io/media/2023/02/3eb464b9-vdom1.jpg가상 DOM이란 무엇인가

https://cdn.thenewstack.io/media/2023/02/8b42c599-vdom2.jpg왜 가상 DOM을 사용하는가

https://cdn.thenewstack.io/media/2023/02/29695806-vdom4.jpg가상 DOM을 만들어 보기

Backes는 또한 Vue에서 사용하는 렌더링 파이프라인을 다음과 같이 시각적으로 표현했습니다(Vue 문서에 있는 동일한 다이어그램을 다양한 색깔로 표현한 버전입니다).

https://cdn.thenewstack.io/media/2023/02/8e1beaff-vdom3.jpgVue 렌더링 파이프라인

다시 Evan You의 발표 내용으로 돌아가보겠습니다. 그는 "Vue 2에서는 순수 가상 DOM을 사용했는데, 이는 [...] React가 사용하는 것과 유사하며 컴파일 타임 최적화를 수행하지 않는다는 것을 의미합니다. 전혀 최적화하지 않는 건 아니지만 거의 하지 않습니다."라고 말했습니다.

https://cdn.thenewstack.io/media/2023/02/b58f5f5f-vue2_diagram.jpgVue 2 렌더링

"따라서 컴포넌트 트리 또는 앱 수준에서는 각 컴포넌트가 자체 종속성을 추적하도록 하여 세분화된 업데이트를 수행할 수 있습니다."라고 그는 Vue 2에 관해 설명합니다.

단점은 가상 DOM 오버헤드인데, 그는 이를 "가상 DOM 노드를 다시 생성한 다음 해당 트리를 통해 차이를 확인하는 데 드는 비용"이라고 설명했습니다. 그는 "Vue 2는 이 오버헤드를 지속적으로 지불하고 있습니다."라고 덧붙였습니다.

이 문제를 해결하기 위해 Vue 3에서는 다른 접근 방식을 취했습니다. 그는 "컴파일러 정보에 기반한 가상 DOM"이라고 설명했는데, 이는 "컴파일 타임에 훨씬 더 많은 최적화를 수행"한다는 의미입니다.

https://cdn.thenewstack.io/media/2023/02/ca2632f4-vue3_diagram.jpgVue 3 렌더링

단일 파일 컴포넌트 ​

VDOM의 복잡성은 차치하고서라도, Vue의 인기 상승에는 "단일 파일 컴포넌트(SFC)" 접근 방식이 큰 부분을 차지합니다. Vue는 SFC를 "Vue 컴포넌트의 템플릿, 로직, 및 스타일링을 단일 파일에 캡슐화할 수 있는 특수 파일 형식"으로 정의합니다. 다른 곳에서 Vue는 SFC를 "HTML과 유사한 파일 형식"이라고 부릅니다.

Vue 핵심 팀원인 Damian Dulisz와의 2017년 인터뷰에서 그는 SFC 형식을 통해 "코드를 이해하고 추론하기가 훨씬 더 쉬워졌다"라고 말했습니다.

The New Stack의 엔지니어링 디렉터인 Aaron Ban은 SFC 접근 방식으로 인해 Vue의 팬이 되었습니다. 그는 SFC 접근 방식이 제공하는 "깔끔한 조직"을 좋아하며, 또한 SFC 접근 방식이 모듈화의 훌륭한 예라고 생각합니다. "사실 SFC를 올바르게 수행하는 데 필요한 엄격한 커트라인을 스스로에게 강요하기는 어려운 훈련입니다."라고 그는 말했습니다. 하지만 그는 이것이 지난 10여 년 동안 많은 개발자가 배워온 '빨리빨리'라는 사고방식에 대한 해독제라고 생각합니다. 그는 이러한 사고방식은 개발자들이 "적절한 경계선을 그리는 데 신경 쓰지 않고 '나중에 고치면 된다'는 생각으로 '일단 작동만 시키면 된다'는 식의 나쁜 습관을 조장해 왔다"라고 말합니다.

Ban은 단일 파일 컴포넌트를 제공하는 다른 두 가지 프레임워크인 Svelte와 Lit의 디자인도 마음에 들어 합니다.

SFC가 개발자들에게 보편적으로 사랑받는 것은 아닙니다. Vue 문서에서도 이를 인정하고 있습니다. "전통적인 웹 개발 배경을 가진 일부 사용자는 SFC가 HTML/CSS/JS가 분리해야 할 서로 다른 관심사를 한 곳에 섞어 놓았다는 우려를 할 수 있습니다!"

이러한 반대 의견에 대해 Vue는 SFC 접근 방식이 "실제로 컴포넌트를 더 응집력 있고 유지 관리하기 쉽게 만든다"라고 주장합니다.

결론 ​

Evan You의 JSworld 기조연설에 따르면 2023년에 Vue 개발자에게 큰 변화가 예상되지는 않을 것입니다. Vue 2에서 Vue 3로 업그레이드하도록 개발자를 계속 유도하는 것과 함께, 계속해서 확장되는 생태계에 대한 추가적인 개선이 이어질 것입니다.

Vue는 저희와 같은 기술 전문 매체에서는 그다지 주목 받지 못할 수도 있지만, 매년 이렇게 웹 표준을 준수하는 자바스크립트 프레임워크는 살펴 볼 가치가 있습니다. 우리는 확실히 Vue의 계속적인 발전을 즐기고 있습니다.

- + \ No newline at end of file diff --git a/log/why-we-create-the-composition-api.html b/log/why-we-create-the-composition-api.html index a7f8911b..79cbb54f 100644 --- a/log/why-we-create-the-composition-api.html +++ b/log/why-we-create-the-composition-api.html @@ -6,7 +6,7 @@ 컴포지션 API를 만든 이유 | bohyeon.dev - + @@ -24,7 +24,7 @@
bohyeon.dev

Appearance

컴포지션 API를 만든 이유 ​

원문: Function-based component API (extended discussion)

Composition API 제안에 반대하는 유저의 글에 대한 Evan You의 답변 번역

저는 당신의 의견을 존중하므로 다음 내용을 어느 것도 개인적인 것으로 받아들이지 마세요.

결국 정말 중요한 문제들은 전혀 해결되지 않기때문에 이 급진적인 변화는 정당화할 수 없습니다. 본질적으로 이 제안은 그저 겉만 번지르르한 새로운 것을 쫓는 것과 같습니다.

저는 이 말에 동의할 수 없습니다. Logic Composition은 아마도 프로젝트 확장 측면에서 가장 중요한 문제 중 하나일 것입니다. 다른 스레드에서 제가 썼던 말을 다시 인용합니다:

  • 이 RFC 스레드(Composition API 제안. 이하 RFC)에서는 많은 유저들이 정확히 본인들이 현재 직면한 문제를 해결해줄 수 있다고 말하고 있습니다. 그리고 그들은 또한 현재의 object-based syntax(Options API)가 프로젝트의 확장성을 방해하는 병목 현상이라고 언급했습니다. 나는 여러분 중 많은 사람들이 이것을 개인적으로 경험한 적이 없다는 것을 인정합니다(완전히 맞는 말이고, 심지어 훌륭합니다!). 그러나 ‘미학적인’ 선택이 실제 유지 관리 부담이 된다면(물론 특정 유형의 프로젝트에서만), 더 이상 단순한 문제가 아닙니다. 더 나은 추상화로 문제를 해결할 수 있는 기회를 일부 사용자의 ‘미적’ 선호로 인해 거부하는 것은 잘못된 절충안처럼 보입니다.

Vue는 작게 시작했지만 오늘날에는 다양한 수준의 복잡성과 비즈니스 영역을 포함하는 매우 광범위한 프로젝트에서 사용되고 있습니다. 다양한 유형의 프로젝트를 처리하는 개발자는 다양한 요구 사항에 직면하게 되며, 일부는 object-based syntax API를 사용하여 쉽게 처리할 수 있지만 일부는 그렇지 않습니다. 주요 예시들로

  1. 수백 줄 길이의, 다양한 로직을 포함하고 있는 대형 컴포넌트
  2. 여러 컴포넌트 간에 공통 로직을 공유할 필요성

(1) 에 해당하는 상황에서는 로직들이 강제로 각 옵션 유형들에 나눠져 할당됩니다. 예를 들어, 하나의 data fetching 작업이 prop, data, computed property, mounted hook 그리고 watcher까지 필요할 수도 있습니다. 즉, 컴포넌트에서 하나의 data fetching 과정을 이해하려고 할 때 옵션 목록에서 계속 위아래로 점프하게 됩니다. 동시에 속성을 훑어볼 때 속성이 어떤 유형 인지 알고 있지만 처리해야하는 로직 을 말하기는 상당히 어렵습니다. 컴포넌트에 더 많은 로직들이 추가되면 상황이 악화됩니다. 이에 비해 Composition API를 사용하면 한 data fetching을 위한 모든 관련 로직을 그룹화할 수 있으며 더 중요한 것은 별도의 함수 또는 별도의 파일로 깔끔하게 추출할 수 있다는 점입니다.

이 문제는 프로젝트의 파일 구성으로 비유할 수 있습니다. 우리 중 많은 사람들이 파일 유형별로 파일을 구성하는 것(예: 모든 것을 html, js및 css 폴더로 분할)이 확장성이 없다는 데 동의합니다. 한가지 기능과 관련된 코드들이 잘못 이해한 "관심사 분리(seperation of concerns)"를 위해 세 개의 폴더로 강제로 분할됩니다. 여기서 핵심은 "관심사"가 파일 형식으로 정의되지 않는다는 것입니다. 대신 우리 대부분은 기능이나 책임(responsibility)별로 파일을 구성합니다. 이것이 바로 사람들이 Vue 단일 파일 구성 요소(SFC)를 좋아하는 이유입니다. SFC는 기능별로 코드를 구성하는 방법입니다. 아이러니하게도 SFC가 처음 도입되었을 때 많은 사람들이 SFC가 관심사 분리에 위배된다고 생각하여 반대했지만 나중에 SFC가 실제로 관심사를 분리하는 더 합리적인 방법이라는 것을 인정했습니다.

(2)는 RFC의 ‘동기 (Motivation)’ 섹션에서 중요하게 설명했는데, mixins/HOCs/scoped slots이 할 수 있는 것들을 단점없이 똑같이 해낼 수 있다는 것을 보여줍니다.

React Hook을 통해 우리는 Hook의 특성 중 일부가 위에서 언급한 문제들을 해결하는 데 도움이 될 수 있음을 발견했습니다. 이것이 우리가 이 제안(Composition API)을 하게 된 근본적인 이유입니다. 그야말로 "새로운 것"이지만, 우리는 그것이 "새롭다"는 이유가 아니라 객관적으로 존재하는 문제에 대한 해결책을 제시하기 때문에 새로운 것을 채택하고 있습니다. 장기적으로 이 새로운 API의 가능성이 위에서 언급한 문제들을 다루는 개발자들의 시간을 절약해 막대한 이익을 가져다 줄 것입니다.

Type Safety도 중요한 고려 사항입니다. 다시 말하지만, 이 사항 또한 많은 사용자들이 간절히 원했지만 TypeScript를 사용하지 않는 사람들에게는 가치가 없어 보일 수 있습니다. 이해할 수 있습니다. 그러나 해결되는 문제가 당신에게 영향을 미치지 않기 때문에 어떤 문제도 해결되지 않는다고 주장하는 것은 약간 이기적인 것이라고 생각합니다.

모든 종류의 프로젝트에 급진적인 API 변경 사항을 도입하는 것은 급격한 변화(Breaking Changes)이며, 이전 API와의 역호환성을 관대하게 제공해도 이 문제가 해결되지 않습니다.

"Breaking"은 ‘사용자가 강제로 코드를 변경해야함’으로 정의됩니다. 사용자는 기존 코드를 변경할 필요가 없으므로 Breaking이 아닙니다. 이 부분에 대해서는 더 이상 반박할 여지가 없다고 생각합니다.

이전 버전과의 호환성으로도 충분하지 않다면, 본질적으로 프로젝트가 급진적인 새로운 아이디어를 도입해서는 안 된다고 말하는 것입니다. 저는 이것이 프로젝트 정책 수준의 논쟁이라고 생각합니다. 만약 제가 투표를 한다면, 저는 단호하게 반대할 것입니다. 우리는 사용자의 최선의 이익을 염두에 두고 최선을 다할 것이지만 프로젝트는 발전해야하고 발전할 것입니다.

이런 식으로 일을 하는 것은 불가사의하고 비잔틴이나 미로 같은 "스파게티 코드"로 이어질 가능성이 더 큽니다. Vue의 가장 큰 장점 중 하나는 단순함과 접근성입니다. Vue 주요 [변덕스럽고 종잡을 수 없는 API 변경과 아키텍처 문제로 인해 다른 많은 JavaScript 관련 약속이 그러하듯이 Vue에 대한 주요 조직의 약속은 손에서 증발하기보다는 유통 기한과 내구성을 가질 만큼 충분히 정적입니다.]

반대로, 이 제안의 동기는 장기적으로 Vue 프로젝트의 유지보수성을 향상시키는 것이었습니다.

JavaScript 프로젝트를 살펴보면 모든 코드는 한 시작지점 파일에서 시작하며, 본질적으로 암시적으로 "main" 함수가 호출되면서 시작합니다. 단일 함수 시작점이 스파게티 코드로 이어지는 것이라면 모든 JavaScript 프로젝트는 스파게티 코드여야 합니다. 이는 분명히 사실이 아닙니다. 왜냐구요? 개발자로서 우리는 코드를 모듈 또는 더 작은 기능으로 분할하여 구성하는 방법을 배웠기 때문입니다.

함수 기반 API 디자인의 핵심 특징은 setup() 내 코드를 이해한다는 것이 관용적인 JavaScript 코드를 이해하는 것과 다르지 않으며, 일반 JavaScript 코드를 구성하는 데 사용할 수 있는 모든 기술을 사용해 setup() 함수를 구성할 수 있다는 것입니다. 팀에서 일반적인 JavaScript 코드에 사용하는 모든 지식/스타일 가이드/코드 검토 프로세스를 Vue setup() 함수의 코드에 적용할 수 있습니다.

저는 새로운 API가 이론적으로 코드 품질에 대한 임계값이 더 낮을 수 있음에 동의합니다. 그러나 언급한 바와 같이 Vue가 아닌 코드베이스에서 스파게티 코드를 방지하기 위해 이미 수행하고 있는 모든 작업들을 적용할 수 있으므로 완화될 수 있습니다. 반면에 새로운 API로 작성된 코드는 코드 품질의 상한선도 상당히 높습니다. 새로운 API로 작성된 모든 코드는 옵션 기반 API보다 훨씬 더 높은 품질의 코드로 리팩토링될 수 있지만 옵션 기반 API를 사용하면 믹스인에 의존해야하고 그 단점들도 처리해야 합니다.

저는 또한 이 RFC가 유지 보수성을 위해 단순성을 거래하는 것에 관한 것이 아니라는 점을 지적하고 싶습니다. 알아야할 것은 지금 몇 년 동안 사용했을 수도 있는 API와 처음 본 API간의 느낌을 비교하고 있다는 사실입니다. 기본적으로 아래가 컴포넌트에 관한 관점의 전환입니다.

  • 옵션 기반 API는 컴포넌트를 컴포넌트가 포함한 속성/메서드/옵션이 정의된 유형에 기반해 이해합니다.
  • 함수 기반 API는 컴포넌트를 캡슐화하는 논리적 주제에 기반해 이해합니다.

많은 사용자가 "단순함을 잃는다"고 말할 때 한탄하는 것은 사실 옵션 유형별로 컴포넌트를 살필 수 있는 능력을 잃는 것에 대해 말하는 것입니다. 그러나 새 API를 사용하면 컴포넌트를 옵션 유형별로 살필 수 있는 능력을 제공하는 분석기를 구현하는 것이 매우 간단합니다. 즉, 새 API에서는 두 가지 관점 모두에서 컴포넌트를 살필 수 있지만 옵션 기반 API를 사용하면 하나로 제한됩니다 (옵션 간에 분할할 때 논리적 주제에 대한 의도가 손실되기 때문에).

Vue를 좋게 만드는 것들을 버릴 가치가 없습니다.

"아무것도 버리지 않는다"는 말을 되풀이하는 것도 지겹습니다. 그러나 "Vue를 좋게 만드는 것"이 실제로 무엇인지 정의하려고 합니다. 이 RFC에 반대하는 많은 사용자는 그것을 object-based syntax로 정의하고 object-base syntax를 제거하면 Vue를 Vue스럽게 만드는 모든 것을 제거하는 것처럼 보인다고 말합니다. 그러나 그대로 남아 있는 것을 살펴보겠습니다.

  • 템플릿 구문은 변경되지 않습니다 (심지어 성능이 향상되고 있습니다!)
  • 반응성 시스템이 작동하는 방식은 변경되지 않습니다.
  • computed 속성, watcher 및 컴포넌트 life cycle의 개념은 변경되지 않습니다.
  • SFC 형식은 변경되지 않습니다.
  • CLI가 변경되지 않습니다.
  • 프레임워크의 진보적 성격은 변하지 않습니다.
  • 더 나은 개발 도구를 제공하겠다는 팀의 약속은 변하지 않습니다.
  • 사실 기술적으로, object format도 변경되지 않습니다. 작동하던 모든 것들은 계속 작동합니다.

Vue의 object-based syntax는 처음부터 존재해왔습니다. 위의 많은 것들은 나중에 추가되었으며 각각 Vue의 성장에 기여했습니다. object-based syntax이 당신에게 중요한 전부라고 생각하신다면 한 걸음 물러서서 Vue를 실제로 만드는 것이 무엇인지 다시 생각해 보시기 바랍니다. 결국 이 RFC는 보이는 것처럼 급진적인 변화가 아닙니다.

참고할만한 링크 ​

- + \ No newline at end of file diff --git a/log/why-you-should-be-using-vue-new-composition-api.html b/log/why-you-should-be-using-vue-new-composition-api.html index 32d97302..14ec65c7 100644 --- a/log/why-you-should-be-using-vue-new-composition-api.html +++ b/log/why-you-should-be-using-vue-new-composition-api.html @@ -6,7 +6,7 @@ 뷰의 새로운 컴포지션 API를 사용해야 하는 이유 | bohyeon.dev - + @@ -307,7 +307,7 @@ } } </script>

먼저 import 문을 사용하여 useLikes 기능을 가져온 다음 각각 likes ref 객체 및 likesAmount 메서드로 구성된 객체를 해체해 사용합니다. 동일한 useLikes 함수를 통해 기본 컴포넌트로 가져옵니다.

남은 작업은 하드 코딩된 값으로 1로 설정한 postId 속성을 전달하는 것뿐이었습니다.

마무리 ​

여기까지입니다! 뷰 2로 작성된 3개의 다른 컴포넌트와 뷰 3로 복제된 컴포넌트를 보았습니다.

프레임워크 경험이 있는 개발자든 아직 요령을 배우고 있는 개발자든 이 최신 버전의 뷰를 사용하는 데 도움이 되었기를 바랍니다. 다양하고 때로는 위협적인 모양에도 불구하고 컴포지션 API는 프런트엔드 코드를 보다 안정적이고 유지 관리하기 쉬운 방식으로 구성하고 리팩터링 하는 데 도움이 될 수 있습니다.

질문이나 의견이 있거나 일반적인 웹 개발에 대해 더 많은 대화를 나누고 싶다면 주저하지 말고 Twitter로 문의하세요!

- + \ No newline at end of file diff --git a/posts/dealing-with-digital-distractions-at-work.html b/posts/dealing-with-digital-distractions-at-work.html index 07303b30..b4ebcdc8 100644 --- a/posts/dealing-with-digital-distractions-at-work.html +++ b/posts/dealing-with-digital-distractions-at-work.html @@ -6,7 +6,7 @@ 도둑맞은 집중력을 되찾기 위한 시도 | bohyeon.dev - + @@ -24,7 +24,7 @@
bohyeon.dev

Appearance

도둑맞은 집중력을 되찾기 위한 시도 ​

작성일: 2024. 06. 11.

집중력을 되찾기 위한 시도


일하는 중에도 수많은 알림이 온다. jira, slack, bitbucket, confluence, google calendar, 카카오톡, gmail, instagram 등등.. 이런 방해는 이미 많이 알려진 개념이다. 하지만 익히 알고 있다고 해서 제어하기가 쉬워지는 건 아니다. 점점 알림을 더 자주 확인하면서 집중력이 분산되는 게 힘들게 느껴졌고, 생산성도 낮아지면서 자괴감도 들고 있었다. 마침, 읽고 있던 <소프트스킬>이라는 책의 저자는 생산성을 높이기 위해 뽀모도로와 같은 시도를 하고 있었고 기계적으로 이를 따르면서 생산성을 측정하고 높이고 있었다. 먼저 뽀모도로를 시도해 봤다.

뽀모도로 기법 4월뽀모도로 기법 5월

뽀모도로만으로도 집중력을 좀 더 오래 유지할 수 있었다. 그리고 업무만이 아닌 독서를 하거나 FEArticle 번역, 리뷰와 같은 일상 상황에서도 사용했다. 뽀모도로 기법은 그 자체가 좋다고도 하지만, 특히 업무 외 다른 작업을 하지 않기로 한 스스로와 약속이기도 했다. 갑자기 저녁에 비가 오는지 확인하고 싶어진다던가, 아까 미리보기만 읽었던 카톡 답을 하고 싶어지는 경우가 많은데, 잠깐의 충동인데 집중력에 악영향이 컸다.

또 집중하고 있는 task를 적고 예상 뽀모양도 적고있는데, 이를 통해서 통계가 쌓이고 시각화가 되다보니 시간이 지난 뒤 스스로 평가를 할 수 있는 다른 좋은 점도 있었다.

그래도 집중을 유지하다가 스마트폰에 뜬 알람을 보면 눈이 가게 마련이라 이것도 너무 참기 힘들었다. iOS의 집중모드를 사용하면서 필수적인 알람만 오도록 설정했다. 필수적인 알람이란 '전화' 딱 한 개였다. 그럼, 슬랙에서 긴급한 답이 있어야 하는 메시지도 알림을 못 받게 되는데, MAC의 Dock 알림 애니메이션으로 일부 해결할 수 있었다. 알림이 오면 Dock에서 앱 아이콘이 점프하는 듯한 애니메이션을 보여주는데, 우측 상단에 메세지와 함께 나타나는 알림에 비해서 집중력 분산이 덜했다. 집중모드는 기기 간 공유가 돼서 맥북과 아이폰 애플워치에서 모두 알람이 안 울리게 됐다. 시간은 9시 ~ 5시

이 시도를 하기 전 내 생산성을 특별히 측정하고 있지는 않았다. 그래서 정성적이고 후향적인 평가밖에 할 수 없지만, 확실히 일에 집중하는 시간과 머리를 식히는 시간을 구분할 수 있게 됐고, 집중하는 시간 동안에는 일만 할 수 있게 됐다.

- + \ No newline at end of file diff --git a/posts/how-to-apply-utterances-on-vitepress.html b/posts/how-to-apply-utterances-on-vitepress.html index 11dfa289..1450c570 100644 --- a/posts/how-to-apply-utterances-on-vitepress.html +++ b/posts/how-to-apply-utterances-on-vitepress.html @@ -6,7 +6,7 @@ How to apply utterances in VitePress (VitePress 블로그에 utternaces 적용하기) | bohyeon.dev - + @@ -86,7 +86,7 @@ --- ## Hello World
- + \ No newline at end of file diff --git a/posts/how-to-generate-sitemap-xml-for-vitepress.html b/posts/how-to-generate-sitemap-xml-for-vitepress.html index bf6c497a..ae8f655e 100644 --- a/posts/how-to-generate-sitemap-xml-for-vitepress.html +++ b/posts/how-to-generate-sitemap-xml-for-vitepress.html @@ -6,7 +6,7 @@ How to generate sitemap.xml for Vitepress (Vitepress 블로그에 sitemap.xml 생성하는 방법) | bohyeon.dev - + @@ -49,7 +49,7 @@ } // ... }
- + \ No newline at end of file diff --git a/posts/why-i-decided-to-try-web-development-four-years-ago.html b/posts/why-i-decided-to-try-web-development-four-years-ago.html index 72c699b9..eddbeb29 100644 --- a/posts/why-i-decided-to-try-web-development-four-years-ago.html +++ b/posts/why-i-decided-to-try-web-development-four-years-ago.html @@ -6,7 +6,7 @@ 4년전 웹 개발을 해보기로 결심한 이유 | bohyeon.dev - + @@ -24,7 +24,7 @@
bohyeon.dev

Appearance

4년전 웹 개발을 해보기로 결심한 이유 ​

작성일: 2024. 03. 31.

감사한 기회를 제공받은 부스트캠프

그 당시의 생각들 ​

나는 왜 한의사 면허증을 두고 개발자를, 그것도 웹 개발자를 해보기로 결심했을까?

  • 내향성이 필요한 일은 잘할 수 있을 것 같다. Shy하다는 내향성만이 아니라 생각을 정리하고 구조화하는데는 조금 더 자신이 있다.
  • 한의사 면허증은 사라지지 않는다.
  • 개발자는 사회적 필요성과 개인적인 성향, 개인적인 성장 가능성까지 고려하면 좋을 것 같다.
  • 개발자 문화는 건강해보인다. 잘 하는 방법을 열심히 공유하고, 서로 배우고, 항상 공부한다. 그런 와중에도 개발 자체를 좋아하는 사람들이 많이 보인다. 장점이자 단점이겠지만 허들도 없어보인다. 누구나 재능이 있고 노력할 수 있다면 뛰어들 수 있다. 소스도 누구나 볼 수 있다. 투명함이 있는거고 그래서 건강할 것이다.
  • 어렸을 때부터 (고등학생) 궁금했다. 입문서를 1독해본 언어는 C, C++, Python, JavaScript였다. 다 숫자 야구 게임정도 만들고 끝났다. 아쉬웠다.
  • 제대로 해보지 않으면 죽기 전에 후회할 것 같다.
  • 웹은 모바일, PC, 태블릿 어디서든 접근 가능하다. 내가 만든 무언가를 누구나 쉽게 접근할 수 있다.

4년후, 지금의 나는 ​

  • 개발자도 사회성과 외향성이 필요하다. 오히려 소프트 스킬이 강하게 요구된다. 그럼에도 앞서 말한 내향성이 강한 일은 맞는 것 같다.
  • 한의사로 돌아가는 건 어려워졌다.
  • 개발자 문화는 건강할 수 있지만, 회사의 개발자 문화에 많이 좌우된다. 충분히 폐쇄적이고 고일 수 있다. 개발 문화 형성과 관리에 신경을 많이 써야한다.
  • 하루가 다르게 변하고 새로운 소식이 쏟아지는 걸 보면 재밌다. 역사를 알수록 재밌다. 그 소식을 기반으로 직접 뭔가를 하는건 어렵고 고통스럽다. 보는게 더 재밌다.
  • 아직은 많이 쓰이고 유용한 무언가를 만들고 싶다. 죽기 전 후회할 정도라는 결심까지 가지 않아도 뭔가를 도전해봐도 된다.
  • 웹은 어디서나 접근 가능한게 장점이자 단점이다. 브라우저 제공자도 다양하고 앱에서도 웹뷰를 위주로 쓰는 경우가 많다. OS 버전 업데이트에 따라 달라지기도해서 나는 작동하는 기능이 옆자리 같은 브라우저에서 안되는 경우도 생긴다.
  • 운동과 건강관리는 필수

앞으로는 ​

  • 무언가를 조금씩 만들어보고 싶다. 거기서부터 재미를 붙이고 싶다.
  • 나만의 업무, 자기계발 루틴을 만들어가고 싶다.
- + \ No newline at end of file diff --git a/reading.html b/reading.html index f4aec2c7..580d9456 100644 --- a/reading.html +++ b/reading.html @@ -6,13 +6,13 @@ 📚 책 | bohyeon.dev - + - + @@ -23,8 +23,8 @@ -
bohyeon.dev

Appearance

📚 책 ​

2024년

개발자 원칙

개발자 원칙

박성철, 강대명, 공용준, 김정, 박미정, 박종천
100100 %
소프트 스킬

소프트 스킬

존 손메즈
✘
77.452667814113677 %
일곱 해의 마지막
~
100100 %
세상을 어떻게 이해할 것인가
27.2401433691756327 %
우리 본성의 선한 천사
26.94915254237288227 %
그렇게 작가가 된다
41.4937759336099641 %
10개의 시점으로 보는 영화감상법
~
100100 %
슬픈 세상의 기쁜 말
100100 %
원숭이도 이해하는 자본론
~
100100 %
1페이지 한국사 365
9.3150684931506859 %
구글 엔지니어는 이렇게 일한다

구글 엔지니어는 이렇게 일한다

타이터스 윈터스, 톰 맨쉬렉, 하이럼 라이트
2020 %
지지 않는다는 말
~
100100 %
세계의 끝 여자친구
~
100100 %
서사의 위기
✘
6060 %
나의 문화유산 답사기 일본편 1
~ ✘
6060 %
나의 문화유산 답사기 일본편 2
~ ✘
4040 %
나의 문화유산 답사기 일본편 3
~ ✘
3030 %
이야기 일본사

이야기 일본사

우리미래역사체험학습 강사진
~ ✘
1515 %
일본사 여행
~ ✘
2020 %
이즈의 무희 천 마리 학 호수
~
1010 %
수역

수역

우루시바라 유키
~
100100 %
역사의 쓸모
~ ✘
4545 %
청춘유감

청춘유감

한소범
~
100100 %
동경일일

동경일일

마츠모토 타이요
~
100100 %
사물의 소멸
2020 %
아무튼, SF게임
~
100100 %
동네서점 베스트 컬렉션 김연수
~
100100 %
느리게 사는 것의 의미
✘
4040 %
역사 문해력 수업
✘
33.4246575342465833 %
지적 대화를 위한 넓고 얕은 지식 - 철학, 과학, 종교, 예술, 신비
100100 %
한국단편문학선 1
21.05263157894736621 %
지적 대화를 위한 넓고 얕은 지식 - 제로
100100 %
유리알 유희 1

유리알 유희 1

헤르만 헤세
✘
4545 %
서점 일기

서점 일기

숀 비텔
100100 %
귀한 서점에 누추하신 분이
100100 %
사브리나

사브리나

닉 드르나소
100100 %
옛날 영화, 이 좋은 걸 이제 알았다니
~ ✘
42.7983539094650243 %
사랑의 생애
~
100100 %
세상에서 가장 짧은 한국사
54.8128342245989355 %
목소리들

목소리들

이승우
49.16666666666666449 %

2023년

이토록 평범한 미래
100100 %
호밀밭의 파수꾼

호밀밭의 파수꾼

제롬 데이비드 샐린저
100100 %
스토너

스토너

존 윌리엄스
~
100100 %
가난의 문법
✘
5353 %
너무나 많은 여름이
~
100100 %
리팩터링

리팩터링

마틴 파울러
~
100100 %
무의미의 축제

무의미의 축제

밀란 쿤데라
~
100100 %
아무튼, 계속
~
100100 %
모순

모순

양귀자
~
100100 %
0원으로 사는 삶
✘
6060 %
소크라테스 익스프레스
~
100100 %
잘 그리기 금지

잘 그리기 금지

사이토 나오키
100100 %

2022년

실격당한 자들을 위한 변론
100100 %
산책과 연애
100100 %
신호와 소음

신호와 소음

네이트 실버
✘
24.62380300957592325 %
멀고도 가까운

멀고도 가까운

리베카 솔닛
~ ✘
34.8648648648648635 %
세상을 바꾸는 행동경제학

세상을 바꾸는 행동경제학

마이클 샌더스, 수잔나 흄
✘
1111 %
쥐

쥐

아트 슈피겔만
100100 %
아무튼, 메모
100100 %
거의 모든 것의 역사
✘
10.80074487895716811 %
책 읽는 삶

책 읽는 삶

C. S. 루이스
✘
7878 %
작별인사

작별인사

김영하
100100 %
게으름에 대한 찬양

게으름에 대한 찬양

버트런드 러셀
✘
1212 %
쓰고 싶다 쓰고 싶지 않다

쓰고 싶다 쓰고 싶지 않다

전고운, 이석원, 이다혜, 이랑, 박정민, 김종관
100100 %
오직 두사람
100100 %
읽지 않은 책에 대해 말하는 법
✘
82.7004219409282783 %
깨끗한 존경
✘
62.9629629629629663 %
H마트에서 울다

H마트에서 울다

미셸 자우너
100100 %
시드 마이어

시드 마이어

시드 마이어, 제니퍼 리 누넌
✘
1313 %
가벼운 책임
✘
76.7676767676767677 %
누구나 자료구조와 알고리즘
6666 %
가벼운 마음

가벼운 마음

크리스티앙 보뱅
~
100100 %
나의 아름다운 할머니
✘
39.0909090909090939 %
시선으로부터
✘
3.8805970149253734 %
재수사1

재수사1

장강명
~
100100 %
재수사2

재수사2

장강명
~
100100 %
당신 인생의 이야기
100100 %

2021년

리얼리티 버블
✘
88 %
자기 앞의 생

자기 앞의 생

로맹 가리(에밀 아자르)
100100 %
눈물을 마시는 새
~
9797 %

2020년

모래알만 한 진실이라도
~
100100 %
한 권으로 읽는 컴퓨터 구조와 프로그래밍
✘
1818 %
일 잘하는 사람은 단순하게 합니다
✘
2929 %
불안의 책

불안의 책

페르난두 페소아
2828 %
쌤 코끼리 그려주세요
100100 %
편집자는 편집을 하지 않는다 7
100100 %
함께자라기
100100 %
- +
bohyeon.dev

Appearance

📚 책 ​

2024년

개발자 원칙

개발자 원칙

박성철, 강대명, 공용준, 김정, 박미정, 박종천
100100 %
소프트 스킬

소프트 스킬

존 손메즈
✘
77.452667814113677 %
일곱 해의 마지막
~
100100 %
세상을 어떻게 이해할 것인가
27.2401433691756327 %
우리 본성의 선한 천사
26.94915254237288227 %
그렇게 작가가 된다
41.4937759336099641 %
10개의 시점으로 보는 영화감상법
~
100100 %
슬픈 세상의 기쁜 말
100100 %
원숭이도 이해하는 자본론
~
100100 %
1페이지 한국사 365
9.3150684931506859 %
구글 엔지니어는 이렇게 일한다

구글 엔지니어는 이렇게 일한다

타이터스 윈터스, 톰 맨쉬렉, 하이럼 라이트
2020 %
지지 않는다는 말
~
100100 %
세계의 끝 여자친구
~
100100 %
서사의 위기
✘
6060 %
나의 문화유산 답사기 일본편 1
~ ✘
6060 %
나의 문화유산 답사기 일본편 2
~ ✘
4040 %
나의 문화유산 답사기 일본편 3
~ ✘
3030 %
이야기 일본사

이야기 일본사

우리미래역사체험학습 강사진
~ ✘
1515 %
일본사 여행
~ ✘
2020 %
이즈의 무희 천 마리 학 호수
~
1010 %
수역

수역

우루시바라 유키
~
100100 %
역사의 쓸모
~ ✘
4545 %
청춘유감

청춘유감

한소범
~
100100 %
동경일일

동경일일

마츠모토 타이요
~
100100 %
사물의 소멸
2020 %
아무튼, SF게임
~
100100 %
동네서점 베스트 컬렉션 김연수
~
100100 %
느리게 사는 것의 의미
✘
4040 %
역사 문해력 수업
✘
33.4246575342465833 %
지적 대화를 위한 넓고 얕은 지식 - 철학, 과학, 종교, 예술, 신비
100100 %
한국단편문학선 1
21.05263157894736621 %
지적 대화를 위한 넓고 얕은 지식 - 제로
100100 %
유리알 유희 1

유리알 유희 1

헤르만 헤세
✘
4545 %
서점 일기

서점 일기

숀 비텔
100100 %
귀한 서점에 누추하신 분이
100100 %
사브리나

사브리나

닉 드르나소
100100 %
옛날 영화, 이 좋은 걸 이제 알았다니
~ ✘
42.7983539094650243 %
사랑의 생애
~
100100 %
세상에서 가장 짧은 한국사
54.8128342245989355 %
목소리들

목소리들

이승우
67.568 %

2023년

이토록 평범한 미래
100100 %
호밀밭의 파수꾼

호밀밭의 파수꾼

제롬 데이비드 샐린저
100100 %
스토너

스토너

존 윌리엄스
~
100100 %
가난의 문법
✘
5353 %
너무나 많은 여름이
~
100100 %
리팩터링

리팩터링

마틴 파울러
~
100100 %
무의미의 축제

무의미의 축제

밀란 쿤데라
~
100100 %
아무튼, 계속
~
100100 %
모순

모순

양귀자
~
100100 %
0원으로 사는 삶
✘
6060 %
소크라테스 익스프레스
~
100100 %
잘 그리기 금지

잘 그리기 금지

사이토 나오키
100100 %

2022년

실격당한 자들을 위한 변론
100100 %
산책과 연애
100100 %
신호와 소음

신호와 소음

네이트 실버
✘
24.62380300957592325 %
멀고도 가까운

멀고도 가까운

리베카 솔닛
~ ✘
34.8648648648648635 %
세상을 바꾸는 행동경제학

세상을 바꾸는 행동경제학

마이클 샌더스, 수잔나 흄
✘
1111 %
쥐

쥐

아트 슈피겔만
100100 %
아무튼, 메모
100100 %
거의 모든 것의 역사
✘
10.80074487895716811 %
책 읽는 삶

책 읽는 삶

C. S. 루이스
✘
7878 %
작별인사

작별인사

김영하
100100 %
게으름에 대한 찬양

게으름에 대한 찬양

버트런드 러셀
✘
1212 %
쓰고 싶다 쓰고 싶지 않다

쓰고 싶다 쓰고 싶지 않다

전고운, 이석원, 이다혜, 이랑, 박정민, 김종관
100100 %
오직 두사람
100100 %
읽지 않은 책에 대해 말하는 법
✘
82.7004219409282783 %
깨끗한 존경
✘
62.9629629629629663 %
H마트에서 울다

H마트에서 울다

미셸 자우너
100100 %
시드 마이어

시드 마이어

시드 마이어, 제니퍼 리 누넌
✘
1313 %
가벼운 책임
✘
76.7676767676767677 %
누구나 자료구조와 알고리즘
6666 %
가벼운 마음

가벼운 마음

크리스티앙 보뱅
~
100100 %
나의 아름다운 할머니
✘
39.0909090909090939 %
시선으로부터
✘
3.8805970149253734 %
재수사1

재수사1

장강명
~
100100 %
재수사2

재수사2

장강명
~
100100 %
당신 인생의 이야기
100100 %

2021년

리얼리티 버블
✘
88 %
자기 앞의 생

자기 앞의 생

로맹 가리(에밀 아자르)
100100 %
눈물을 마시는 새
~
9797 %

2020년

모래알만 한 진실이라도
~
100100 %
한 권으로 읽는 컴퓨터 구조와 프로그래밍
✘
1818 %
일 잘하는 사람은 단순하게 합니다
✘
2929 %
불안의 책

불안의 책

페르난두 페소아
2828 %
쌤 코끼리 그려주세요
100100 %
편집자는 편집을 하지 않는다 7
100100 %
함께자라기
100100 %
+ \ No newline at end of file diff --git a/sitemap.xml b/sitemap.xml index 8fc2c831..af1a8565 100644 --- a/sitemap.xml +++ b/sitemap.xml @@ -1 +1 @@ -https://ktseo41.github.io/blog/fe-article/the-web-component-success-story2024-06-23T14:58:32.000Zhttps://ktseo41.github.io/blog/log/announcing-vue-3-42024-02-01T15:59:20.000Zhttps://ktseo41.github.io/blog/log/short/ndc-keynotes-evolution-of-blockchain-and-virtual-reality2022-12-18T12:19:40.000Zhttps://ktseo41.github.io/blog/posts/how-to-apply-utterances-on-vitepress2023-05-13T14:06:36.000Zhttps://ktseo41.github.io/blog/study/Brilliant2022-10-12T14:48:57.000Zhttps://ktseo41.github.io/blog/study/google-engineer/chapter102024-07-09T15:22:33.000Zhttps://ktseo41.github.io/blog/study/refactoring/chapter122023-09-26T16:02:08.000Zhttps://ktseo41.github.io/blog/archive2023-02-04T06:38:46.000Zhttps://ktseo41.github.io/blog/fe-article/the-wax-and-the-wane-of-the-web2024-04-10T07:48:55.000Zhttps://ktseo41.github.io/blog/debt2023-05-06T06:41:24.000Zhttps://ktseo41.github.io/blog/fe-article/javascript-engines-runtimes2024-08-09T13:41:34.000Zhttps://ktseo41.github.io/blog/2024-09-10T06:54:23.000Zhttps://ktseo41.github.io/blog/log/how-core-web-vital-affect-seo2024-05-01T02:13:09.000Zhttps://ktseo41.github.io/blog/log/making-javascript-run-fast-on-webassembly2023-01-05T13:24:04.000Zhttps://ktseo41.github.io/blog/log/experimenting-with-measuring-soft-navigations2023-11-26T13:23:40.000Zhttps://ktseo41.github.io/blog/log/making-cloudflare-for-web2023-06-09T04:15:11.000Zhttps://ktseo41.github.io/blog/log/fully-typed-web-apps2023-05-04T11:36:04.000Zhttps://ktseo41.github.io/blog/log/nextjs-app-router-migration-the-good-bad-and-ugly2024-03-03T12:44:55.000Zhttps://ktseo41.github.io/blog/log/avoid-these-common-pitfalls-of-react-usestate2023-01-05T13:30:24.000Zhttps://ktseo41.github.io/blog/log/patterns-for-reactivity-with-modern-vanilla-javascript2023-09-10T02:40:53.000Zhttps://ktseo41.github.io/blog/log/short/four-eras-of-javascript-frameworks2022-12-18T12:19:40.000Zhttps://ktseo41.github.io/blog/log/short/state-of-vue-2022-amsterdam-recap2023-05-13T14:07:26.000Zhttps://ktseo41.github.io/blog/log/short/prevent-attacks-and-redirect-users-with-oauth-2_0-state-parameters2023-08-15T10:50:37.000Zhttps://ktseo41.github.io/blog/log/short/og-image-generation2022-12-18T12:19:40.000Zhttps://ktseo41.github.io/blog/log/the-saga-of-the-closure-compiler-and-why-typescript-won2023-11-01T02:16:18.000Zhttps://ktseo41.github.io/blog/log/web-push-for-web-apps-on-ios-and-ipados2023-05-04T11:36:04.000Zhttps://ktseo41.github.io/blog/log/what-if-we-had-local-first-software2023-05-04T11:36:04.000Zhttps://ktseo41.github.io/blog/log/short/toss-slash22-react-native-for-super-high-productivity2023-05-06T06:16:33.000Zhttps://ktseo41.github.io/blog/log/virtual-dom-back-in-block2023-06-26T13:59:15.000Zhttps://ktseo41.github.io/blog/log/what-to-expect-from-vue-in-2023-and-how-it-differs-from-react2023-05-13T16:19:31.000Zhttps://ktseo41.github.io/blog/log/why-we-create-the-composition-api2023-05-13T14:07:26.000Zhttps://ktseo41.github.io/blog/posts/dealing-with-digital-distractions-at-work2024-07-02T15:43:11.000Zhttps://ktseo41.github.io/blog/posts/why-i-decided-to-try-web-development-four-years-ago2024-09-10T06:52:54.000Zhttps://ktseo41.github.io/blog/posts/how-to-generate-sitemap-xml-for-vitepress2023-05-06T06:41:24.000Zhttps://ktseo41.github.io/blog/log/things-you-forgot-or-never-knew-because-of-react2023-08-22T04:01:53.000Zhttps://ktseo41.github.io/blog/log/why-you-should-be-using-vue-new-composition-api2023-01-29T09:11:30.000Zhttps://ktseo41.github.io/blog/reading2024-07-02T15:17:38.000Zhttps://ktseo41.github.io/blog/study/LeetCode2022-11-15T02:35:57.000Zhttps://ktseo41.github.io/blog/study/google-engineer/chapter92024-07-09T15:22:33.000Zhttps://ktseo41.github.io/blog/study/google-engineer/chapter122024-07-09T15:22:33.000Zhttps://ktseo41.github.io/blog/study/google-engineer/chapter112024-07-09T15:22:33.000Zhttps://ktseo41.github.io/blog/study/google-engineer/chapter82024-07-09T15:22:33.000Zhttps://ktseo41.github.io/blog/study/refactoring/chapter12023-08-16T14:32:01.000Zhttps://ktseo41.github.io/blog/study/refactoring/chapter102023-10-03T12:10:03.000Zhttps://ktseo41.github.io/blog/study/refactoring/chapter22023-08-30T16:03:17.000Zhttps://ktseo41.github.io/blog/study/refactoring/chapter112023-10-03T12:50:06.000Zhttps://ktseo41.github.io/blog/study/refactoring/chapter42023-09-26T16:02:08.000Zhttps://ktseo41.github.io/blog/study/refactoring/chapter32023-08-30T16:10:36.000Zhttps://ktseo41.github.io/blog/study/refactoring/chapter62023-08-30T16:03:17.000Zhttps://ktseo41.github.io/blog/study/refactoring/chapter82023-09-06T15:45:09.000Zhttps://ktseo41.github.io/blog/study/%EB%88%84%EA%B5%AC%EB%82%98%20%EC%9E%90%EB%A3%8C%EA%B5%AC%EC%A1%B0%EC%99%80%20%EC%95%8C%EA%B3%A0%EB%A6%AC%EC%A6%982022-10-13T11:05:22.000Zhttps://ktseo41.github.io/blog/study/refactoring/intro2023-06-29T14:34:54.000Zhttps://ktseo41.github.io/blog/study/refactoring/chapter72023-08-30T16:10:36.000Zhttps://ktseo41.github.io/blog/study/refactoring/practice2024-05-19T03:50:11.000Zhttps://ktseo41.github.io/blog/log/web-components-in-earnest2024-03-31T15:39:28.000Zhttps://ktseo41.github.io/blog/study/%EC%9E%90%EB%B0%94%EC%8A%A4%ED%81%AC%EB%A6%BD%ED%8A%B8%20%EC%95%8C%EA%B3%A0%EB%A6%AC%EC%A6%98%20%EB%AC%B8%EC%A0%9C%ED%92%80%EC%9D%B42022-10-12T14:46:08.000Zhttps://ktseo41.github.io/blog/AoC/2022/day12022-12-13T15:08:34.000Zhttps://ktseo41.github.io/blog/AoC/2022/day32022-12-13T15:06:13.000Zhttps://ktseo41.github.io/blog/AoC/2022/day52022-12-14T09:27:00.000Zhttps://ktseo41.github.io/blog/AoC/2022/day42022-12-07T10:46:13.000Zhttps://ktseo41.github.io/blog/AoC/2022/day22022-12-13T15:06:13.000Zhttps://ktseo41.github.io/blog/AoC/2022/2022-12-14T10:20:41.000Zhttps://ktseo41.github.io/blog/AoC/2022/day62022-12-14T10:20:41.000Zhttps://ktseo41.github.io/blog/study/%ED%81%B4%EB%A6%B0%20%EC%BD%94%EB%93%9C2023-02-03T01:04:54.000Zhttps://ktseo41.github.io/blog/study/%ED%95%A8%EA%BB%98%EC%9E%90%EB%9D%BC%EA%B8%B02022-07-24T12:08:41.000Zhttps://ktseo41.github.io/blog/vim2023-12-18T03:07:39.000Z \ No newline at end of file +https://ktseo41.github.io/blog/fe-article/javascript-engines-runtimes2024-08-09T13:41:34.000Zhttps://ktseo41.github.io/blog/log/announcing-vue-3-42024-02-01T15:59:20.000Zhttps://ktseo41.github.io/blog/log/short/four-eras-of-javascript-frameworks2022-12-18T12:19:40.000Zhttps://ktseo41.github.io/blog/posts/how-to-apply-utterances-on-vitepress2023-05-13T14:06:36.000Zhttps://ktseo41.github.io/blog/study/Brilliant2022-10-12T14:48:57.000Zhttps://ktseo41.github.io/blog/study/google-engineer/chapter122024-07-09T15:22:33.000Zhttps://ktseo41.github.io/blog/study/refactoring/chapter12023-08-16T14:32:01.000Zhttps://ktseo41.github.io/blog/archive2023-02-04T06:38:46.000Zhttps://ktseo41.github.io/blog/debt2023-05-06T06:41:24.000Zhttps://ktseo41.github.io/blog/fe-article/the-wax-and-the-wane-of-the-web2024-04-10T07:48:55.000Zhttps://ktseo41.github.io/blog/fe-article/the-web-component-success-story2024-06-23T14:58:32.000Zhttps://ktseo41.github.io/blog/2024-09-10T06:54:23.000Zhttps://ktseo41.github.io/blog/log/experimenting-with-measuring-soft-navigations2023-11-26T13:23:40.000Zhttps://ktseo41.github.io/blog/log/how-core-web-vital-affect-seo2024-05-01T02:13:09.000Zhttps://ktseo41.github.io/blog/log/making-cloudflare-for-web2023-06-09T04:15:11.000Zhttps://ktseo41.github.io/blog/log/making-javascript-run-fast-on-webassembly2023-01-05T13:24:04.000Zhttps://ktseo41.github.io/blog/log/nextjs-app-router-migration-the-good-bad-and-ugly2024-03-03T12:44:55.000Zhttps://ktseo41.github.io/blog/log/short/ndc-keynotes-evolution-of-blockchain-and-virtual-reality2022-12-18T12:19:40.000Zhttps://ktseo41.github.io/blog/log/short/og-image-generation2022-12-18T12:19:40.000Zhttps://ktseo41.github.io/blog/log/short/prevent-attacks-and-redirect-users-with-oauth-2_0-state-parameters2023-08-15T10:50:37.000Zhttps://ktseo41.github.io/blog/log/fully-typed-web-apps2023-05-04T11:36:04.000Zhttps://ktseo41.github.io/blog/log/short/state-of-vue-2022-amsterdam-recap2023-05-13T14:07:26.000Zhttps://ktseo41.github.io/blog/log/short/toss-slash22-react-native-for-super-high-productivity2023-05-06T06:16:33.000Zhttps://ktseo41.github.io/blog/log/virtual-dom-back-in-block2023-06-26T13:59:15.000Zhttps://ktseo41.github.io/blog/log/the-saga-of-the-closure-compiler-and-why-typescript-won2023-11-01T02:16:18.000Zhttps://ktseo41.github.io/blog/log/avoid-these-common-pitfalls-of-react-usestate2023-01-05T13:30:24.000Zhttps://ktseo41.github.io/blog/log/web-push-for-web-apps-on-ios-and-ipados2023-05-04T11:36:04.000Zhttps://ktseo41.github.io/blog/log/what-if-we-had-local-first-software2023-05-04T11:36:04.000Zhttps://ktseo41.github.io/blog/log/what-to-expect-from-vue-in-2023-and-how-it-differs-from-react2023-05-13T16:19:31.000Zhttps://ktseo41.github.io/blog/log/why-we-create-the-composition-api2023-05-13T14:07:26.000Zhttps://ktseo41.github.io/blog/posts/dealing-with-digital-distractions-at-work2024-07-02T15:43:11.000Zhttps://ktseo41.github.io/blog/posts/how-to-generate-sitemap-xml-for-vitepress2023-05-06T06:41:24.000Zhttps://ktseo41.github.io/blog/log/things-you-forgot-or-never-knew-because-of-react2023-08-22T04:01:53.000Zhttps://ktseo41.github.io/blog/posts/why-i-decided-to-try-web-development-four-years-ago2024-09-10T06:52:54.000Zhttps://ktseo41.github.io/blog/log/patterns-for-reactivity-with-modern-vanilla-javascript2023-09-10T02:40:53.000Zhttps://ktseo41.github.io/blog/log/why-you-should-be-using-vue-new-composition-api2023-01-29T09:11:30.000Zhttps://ktseo41.github.io/blog/reading2024-07-02T15:17:38.000Zhttps://ktseo41.github.io/blog/study/google-engineer/chapter112024-07-09T15:22:33.000Zhttps://ktseo41.github.io/blog/study/google-engineer/chapter92024-07-09T15:22:33.000Zhttps://ktseo41.github.io/blog/study/google-engineer/chapter82024-07-09T15:22:33.000Zhttps://ktseo41.github.io/blog/study/refactoring/chapter112023-10-03T12:50:06.000Zhttps://ktseo41.github.io/blog/study/refactoring/chapter102023-10-03T12:10:03.000Zhttps://ktseo41.github.io/blog/study/refactoring/chapter122023-09-26T16:02:08.000Zhttps://ktseo41.github.io/blog/study/refactoring/chapter22023-08-30T16:03:17.000Zhttps://ktseo41.github.io/blog/study/refactoring/chapter32023-08-30T16:10:36.000Zhttps://ktseo41.github.io/blog/study/refactoring/chapter62023-08-30T16:03:17.000Zhttps://ktseo41.github.io/blog/study/refactoring/chapter82023-09-06T15:45:09.000Zhttps://ktseo41.github.io/blog/log/web-components-in-earnest2024-03-31T15:39:28.000Zhttps://ktseo41.github.io/blog/study/refactoring/chapter42023-09-26T16:02:08.000Zhttps://ktseo41.github.io/blog/study/refactoring/intro2023-06-29T14:34:54.000Zhttps://ktseo41.github.io/blog/study/LeetCode2022-11-15T02:35:57.000Zhttps://ktseo41.github.io/blog/study/refactoring/practice2024-05-19T03:50:11.000Zhttps://ktseo41.github.io/blog/study/%EB%88%84%EA%B5%AC%EB%82%98%20%EC%9E%90%EB%A3%8C%EA%B5%AC%EC%A1%B0%EC%99%80%20%EC%95%8C%EA%B3%A0%EB%A6%AC%EC%A6%982022-10-13T11:05:22.000Zhttps://ktseo41.github.io/blog/AoC/2022/day12022-12-13T15:08:34.000Zhttps://ktseo41.github.io/blog/study/%EC%9E%90%EB%B0%94%EC%8A%A4%ED%81%AC%EB%A6%BD%ED%8A%B8%20%EC%95%8C%EA%B3%A0%EB%A6%AC%EC%A6%98%20%EB%AC%B8%EC%A0%9C%ED%92%80%EC%9D%B42022-10-12T14:46:08.000Zhttps://ktseo41.github.io/blog/study/refactoring/chapter72023-08-30T16:10:36.000Zhttps://ktseo41.github.io/blog/AoC/2022/day22022-12-13T15:06:13.000Zhttps://ktseo41.github.io/blog/AoC/2022/day32022-12-13T15:06:13.000Zhttps://ktseo41.github.io/blog/AoC/2022/2022-12-14T10:20:41.000Zhttps://ktseo41.github.io/blog/AoC/2022/day42022-12-07T10:46:13.000Zhttps://ktseo41.github.io/blog/AoC/2022/day62022-12-14T10:20:41.000Zhttps://ktseo41.github.io/blog/AoC/2022/day52022-12-14T09:27:00.000Zhttps://ktseo41.github.io/blog/study/google-engineer/chapter102024-07-09T15:22:33.000Zhttps://ktseo41.github.io/blog/study/%ED%81%B4%EB%A6%B0%20%EC%BD%94%EB%93%9C2023-02-03T01:04:54.000Zhttps://ktseo41.github.io/blog/study/%ED%95%A8%EA%BB%98%EC%9E%90%EB%9D%BC%EA%B8%B02022-07-24T12:08:41.000Zhttps://ktseo41.github.io/blog/vim2023-12-18T03:07:39.000Z \ No newline at end of file diff --git a/study/Brilliant.html b/study/Brilliant.html index b8e230ae..7996390e 100644 --- a/study/Brilliant.html +++ b/study/Brilliant.html @@ -6,7 +6,7 @@ Brilliant (✘) | bohyeon.dev - + @@ -24,7 +24,7 @@
bohyeon.dev

Appearance

Brilliant (✘) ​

중단


0 zap
0일 연속 진행중
총 42개 강의 완료

Computer Science Foundations ​

컴퓨터 과학의 핵심 아이디어에서 시작하여 알고리즘과 신경망으로 진행합니다.

Computer Science Fundamentals ​

15100 %
Ancient Search Technology ​

사서는 책을 저자, 제목, 주제별로 찾을 수 있는 방법이 필요했습니다. 하지만 책장에서 책은 한 가지 방법으로만 정렬할 수 있습니다. 사서들은 이 문제를 해결하기 위해 수세기 전에 한 방법을 만들어 냈습니다. 바로 카드 카탈로그를 이용하는 것입니다.

alt
출처 : Brilliant

카드 카탈로그의 색인 카드는 해당 책을 빠르게 찾을 수 있는 번호를 포함해 책에 대한 모든 주요 정보를 포함하고 있습니다. 만약 카드를 저자별로 묶어놓는다면 우리가 톨스토이의 책을 찾으려고 할 때 빠르게 찾을 수 있습니다. 저자에 따른 정렬만이 아니라 제목, 출판일 등등 도서관을 이용객에게 중요한 정보별로 어떤 것이든 이용할 수 있습니다.

일반적으로 컴퓨터를 이용해 아주 많은 양의 데이터를 검색해야할 때, 아래 두 가지 방법 중 하나를 수행하게 됩니다.

  • 모든 데이터를 하나씩 탐색하는 것. 컴퓨터는 이 작업을 아주 빠르게 수행할 수 있습니다. 특히, 병렬로 작업을 수행할 때요.
  • 별도의 목록을 탐색하는 것 - 즉, Index - 유용한 순서로 정렬돼있습니다. 마치 카드 카탈로그처럼요.
Where Should We Put Books? ​

또 다른 문제

만약 책장에 책이 꽉 차있는데, 중간에 다른 책을 추가해야한다면? 많은 책을 움직여야 합니다.

이 문제를 해결하기 위해 사서들은 책장에 추가적인 공간을 남겨두는 방식을 사용합니다.

하지면 여전히 문제는 존재합니다. 남겨둔 공간이 낭비되는 것이죠.

Who Cares Where We put the Books? ​

공간을 절약할 수 있는 또 다른 현대적인 방법이 있습니다.

책을 아무곳에나 두는 겁니다. 컴퓨터 시스템만이 책의 장소를 기억하는 거죠.

Naming ​

이 것이 우리 시스템의 주요 문제점입니다. 이름을 알기 위해서는 이름을 알아야합니다.

Beemesh 시스템은 모든 디바이스가 생산될 때부터 central authority의 주소를 알도록 했습니다. 컴퓨터가 제일 처음 Beemesh에 연결될 때 이미 TOWN-HALL의 주소를 알고 있게 되는 것이죠.

사실, 이건 인터넷이 작동하는 방식과 매우 흡사합니다. 우리의 컴퓨터는 인터넷에 연결되기 전부터 central naming authority의 주소를 알고 있습니다.

Abstraction ​

시청의 컴퓨터를 작동시키는 비용은 1시간에 2센트입니다. 이 계산에 따르면 Sophia의 느린 Python 프로그램을 900번 돌리는 비용은 35센트입니다.

Sophia의 시급은 50달러입니다. 그리고 Sophia가 더 빠른 알고리즘으로 프로그램을 개선하는데는 2시간이 걸립니다.

프로그램 개선이 더 저렴한 방법이 되기 위해서는 프로그램을 몇번이나 돌려야할까요?

Interfaces ​

Jing 시장의 요청을 수행하기 위한 3가지 다른 방법을 알아봤습니다. 하지만 Jing 시장의 입장에서는 이 셋이 모두 같은 Interface를 가지고 있었습니다. 그녀는 항상 Records Office를 통해 Fire Department 메모들을 요청했을 뿐이었습니다.

Jing 시장에게서 감춰진 영역이 있어서 신경쓰이게 하지 않고 다른 방법을 사용하도록 바꿀 수 있었습니다. 인터페이스에서 중요한 부분 중 하나입니다.

Algorithm Fundamentals ​

1774 %

Building Blocks ​

Pseudocode ​
Conditional Algorithms ​
Manipulating Numbers ​
Repetition ​
Arrays ​

Array Algorithms ​

Searching an Array ​
Sorting an Array ​
Insertion Sort ​

Selection Sort는 정렬되지 않은 영역을 반복적으로 스캔해 swap을 최소화 합니다.

Insertion Sort는 필요하지 않은 스캔을 줄이고 대신 swap 횟수를 늘립니다

The Speed of Algorithms ​

Timing Programs with a Stopwatch ​
Counting Operations ​
Best, Worst and Average Case ​
Comparing Algorithms ​
Understanding Big O ​
The Mathmatcis of Big O ​

Stable Matching ​

The Stable Matching Problem ​
Using Greediness ​

Deferred Acceptance Algorithm ​

Correctness ​

Termination ​

Running Time ​

Variants ​

  • Gale-Shapley 알고리즘을 현실적인 문제에 맞춰 수정
    • 자리가 2개 이상인 병원
    • 자리와 후보의 수가 불일치
  • 이상적인 조건에서 우선적으로 알고리즘을 만들고 현실에 맞춰 수정하는 과정

Who Benefits? ​

Data Structures ​

00 %

Introduction to Neural Networks ​

00 %
- + \ No newline at end of file diff --git a/study/LeetCode.html b/study/LeetCode.html index 5109befc..8b5d9be5 100644 --- a/study/LeetCode.html +++ b/study/LeetCode.html @@ -6,7 +6,7 @@ LeetCode | bohyeon.dev - + @@ -291,7 +291,7 @@ return result; };
- + \ No newline at end of file diff --git a/study/google-engineer/chapter10.html b/study/google-engineer/chapter10.html index 910f9a53..d0bee546 100644 --- a/study/google-engineer/chapter10.html +++ b/study/google-engineer/chapter10.html @@ -6,7 +6,7 @@ Chapter 10 - 문서자료 | bohyeon.dev - + @@ -24,7 +24,7 @@
bohyeon.dev

Appearance

Chapter 10 - 문서자료 ​


문서자료는 코드와 같다. ​

  • 따라야 하는 내부 정책과 규칙이 있어야 한다.
  • 버전 관리 시스템에 등록해 관리해야 한다.
  • 관리 책임자를 명시해야 한다.
  • 주기적으로 평가(혹은 테스트)를 받아야 한다.

구글 위키 사례 ​

  • 오래된 정보를 그대로 담고 있었습니다. 중복된 페이지들이 나타났습니다. 몇 개만이 제대로 유지보수되고 있었고, 대부분은 특정 권한이 있고 몇가지 가정을 충족하는 팀만을 위한 안내였습니다.
구글도 쉽지 않았다는 것에 위안도 된다.

독자를 알자 ​

  • 완벽할 필요는 없습니다. 테스트와 같이 엔지니어들이 지켜야 할 프로세스를 설명하는 글을 쓴다고 생각해보세요.
  • 독자 유형
    • 경험 수준: 전문 프로그래머, 초보 엔지니어
    • 도메인 지식: 팀원, 혹은 최종 API 정도에만 친숙한 사내 다른 엔지니어
    • 목적: 급히 정보를 수행해야하거나 정보를 얻어야 하는 최종 사용자, 혹은 꼬여있는 특정 구현마저 기꺼이 책임지려 하는 소프트웨어 전문가
  • 대부분의 경우 가능한 한 모든 독자에게 적합한 방식으로 쓰는 것이 하나의 요령입니다.
  • 핵심은 균형을 잘 잡는 것입니다. 치트키는 없습니다.
  • 하지만 '짧게' 쓰는 게 유리하다는 사실을 알아냈습니다.
독자의 유형을 구분해서 생각한다면 도움이 될 것 같다.
짧게는 문서에서도 유리하다.
  • 독자 구분
    • 탐색자: 원하는 것을 정확히 알고, 정보를 찾는 엔지니어. 이런 독자에게는 일관성이 핵심
    • 배회자: 무엇을 원하는지를 정확하게 알지 못하는 사람, 맡겨진 기능을 어떻게 구현해야 할지에 대해 어슴푸레한 아이디어만 가지고 있을 것. 이런 독자에게는 명료한 글이 효과적

설계 문서 ​

  • 소프트웨어 엔지니어들은 일반적으로 팀에서 승인한 특정 템플릿을 이용해서 설계 문서 초안을 작성합니다.
기술자문 이후 Vue3, React와 같은 기술 스택이 정해졌다면, 구체적으로 어떤 라이브러리, 디렉토리 구조, 컴포넌트, 컴포넌트간 데이터 흐름등 조금 더 깊은 설계를 해보는 것도 좋을 것 같다.

문서자료 리뷰 ​

  • 문서자료 역시 리뷰를 거쳐야 합니다. 크게 세 가지입니다. 각각은 서로 다른 측면을 중점적으로 살핍니다.
    • 정확성
    • 명확성
    • 일관성
주석에도 위와같은 면을 살핀다면 더 좋은 주석을 작성할 수 있을까?

문서화 철학 ​

  • 어떻게에만 매몰되지 말고, '누가' '무엇을' '언제' '어디서' '왜'도 고려하자
  • 시작, 중간, 끝처럼 문서에 절을 추가하는 것을 두려워하지 말자

핵심 정리 ​

  • 문서자료는 시간이 흐르고 조직 규모가 커질수록 더 중요해집니다.
  • 문서자료 변경도 기존 개발자 워크플로에 통합되어야 합니다.
  • 하나의 문서는 하나의 목적에 집중해야 합니다.
  • 문서자료는 자신이 아니라 독자를 위해 써야 합니다.

느낀 점 ​

  • 코드 주석 외에 작성해야할 어떤 문서가 있을지 구체적인 상상이 안간다. Next.js나 CloudFlare, Claude의 문서를 떠올리면 될까? 아니면 기타 NPM 패키지들? 그런 문서를 우리 회사에서 작성해야하나? 최근에는 기술자문이 생겼다.
- + \ No newline at end of file diff --git a/study/google-engineer/chapter11.html b/study/google-engineer/chapter11.html index 41a23767..eae7a396 100644 --- a/study/google-engineer/chapter11.html +++ b/study/google-engineer/chapter11.html @@ -6,7 +6,7 @@ Chapter 11 - 테스트 개요 | bohyeon.dev - + @@ -24,7 +24,7 @@
bohyeon.dev

Appearance

Chapter 11 - 테스트 개요 ​

  • '버그 잡기'는 테스트를 하는 여러 이유 중 하나일 뿐입니다.
  • 예를들어 '소프트웨어가 변화할 수 있도록 지원'하는 역할 역시 버그 잡기에 못지않게 중요합니다. 새로운 기능을 추가하거나, 코드가 더 건실해지도록 리팩터링하거나, 대규모 재설계를 진행하는 상황에서 자동 테스트는 실수를 빠르게 잡아주므로 안심하고 소프트웨어를 변경할 수 있게 해줍니다.
  • 어떻게 해야 테스트를 잘할 수 있는지는 여전히 많은 이에게 의문으로 남아 있습니다.

11.1 테스트를 작성하는 이유 ​

11.1.1 구글 웹 서버 이야기 ​

  • GWS는 구글 검색 쿼리를 제공하는 웹 서버로, 구글 검색에 있어서는 마치 공항의 관제 시스템만큼 중요했습니다. 이 프로젝트의 규모와 복잡성이 커지면서 생산성이 급격히 떨어졌습니다. 릴리스 때마다 버그가 넘쳐났고 다음 릴리스까지의 기간도 점점 길어졌습니다. 서비스를 수정해야 할 때면 팀원들은 불안해 했고 프로덕션 환경에서만 기능들이 작동하지 않는 일도 잦았습니다.
  • 이 문제들을 해결하고자 GWS의 테크 리드(TL)는 엔지니어 주도의 자동 테스트를 정책 차원에서 도입하기로 했습니다. 정책 도입 1년 만에 긴급하게 코드를 수정해 배포하는 건수가 '절반'으로 줄었습니다. 반영된 변경 개수 기록을 매 분기 갈아치우는 와중에 달성한 수치입니다.
  • 훌륭한 엔지니어로만 구성된 이 팀도 매일(근무일 기준) 5개의 버그를 양산합니다.

11.1.2 오늘날 개발 속도에 맞는 테스트 ​

  • 하루에도 몇 번씩 새로운 버전을 릴리스해야 하죠
  • 해법은 단 하나, 바로 '자동화'뿐입니다.

11.1.4 테스트 코드가 주는 혜택 ​

  • 디버깅 감소
  • 자신 있게 변경
    • 모든 소프트웨어는 변경됩니다. 좋은 테스트들로 무장한 팀은 자신감을 가지고 변경들을 리뷰하고 수용할 수 있습니다.
  • 더 나은 문서자료
    • 마치 실행 가능한 문서와 같습니다.
  • 더 단순한 리뷰
  • 사려 깊은 설계
    • 코드의 테스트를 작성하는 일은 실질적으로 해당 코드의 API가 잘 설계되었는지를 시험하는 행위입니다.
  • 고품질의 릴리스를 빠르게

11.2 테스트 스위트 설계하기 ​

  • 더 작은 테스트가 더 빠르고, 안정적이고, 평균적으로 고통이 적다는걸 깨우쳤죠.
  • 논의 끝에 우리는 두 가지 독립된 요소가 있다는 결론에 이르렀습니다. 바로 크기와 범위입니다.
  • 크기는 테스트 케이스 하나를 실행하는 데 필요한 자원을 뜻합니다. 메모리, 프로세스, 시간 등이죠. 한편 범위는 검증하려는 특정한 코드 경로를 뜻합니다.
테스트 스위트 설계하기를 설명하기에 앞서서 테스트의 크기에 대해서 먼저 정의

11.2.1 테스트 크기 ​

  • 쉽게 설명하면 이렇습니다. 작은 테스트는 프로세스 하나에서 동작하고, 중간 크기 테스트는 기기 하나에서, 큰 테스트는 자원을 원하는 만큼 사용해 동작합니다.
  • 작은 테스트: 단 하나의 프로세스에서 실행되어야 합니다. 또한, sleep, I/O연산 같은 블로킹 호출을 사용해서는 안됩니다. 이러한 제약들의 목적은 테스트를 느려지게 하거나 비결정적으로 만드는 주요 원인들로부터 작은 테스트를 떼어 놓는 것입니다.
  • 중간 크기 테스트: 여러 프로세스와 스레드를 활용할 수 있고, 로컬 호스트로의 네트워크 호출 같은 블로킹 호출도 이용할 수 있습니다. 단, 외부 시스템과의 통신은 여전히 불허합니다. 웹 UI와 서버 코드의 조합도 테스트할 수 있습니다.
    • 원격 호출은 대부분의 시스템에서 속도를 떨어뜨리고 비결정성을 높이는 가장 독보적인 원흉입니다.
  • 큰 테스트: 코드 조각이 아닌 설정을 검증하는 게 주된 목적입니다.
  • 테스트 크기와 무관한 공통 특성: 테스트 자체를 검사해주는 테스트는 따로 없으므로 정확성이라는 중요한 검사는 사람이 직접 해야 합니다. 테스트는 오직 실패했을 때만 다시 들여다본다는 사실을 기억하세요. 지금껏 한 번도 들여다본적 없는 테스트가 어느날 실패하여 바로잡아야 한다고 생각해보세요.
이런 엄밀한 구분 자체가 많은 시간과 경험이 녹아든 결과물 같다.

11.2.2 테스트 범위 ​

  • 좁은 범위 테스트는 작은 테스트가 되고 더 넓은 범위 테스트들은 중간 크기나 큰 테스트가 되는 것이 일반적입니다. 하지만 꼭 그렇지는 않습니다.
  • 예를 들어 최신 웹 프레임워크들은 HTML과 자바스크립트를 묶어 배포되는 경우가 많습니다. 그래서 날짜 선택기 같은 UI 요소의 경우 실행 경로 하나만 테스트하려 해도 반드시 브라우저까지 실행해야 합니다.
  • 주의해야 할 안티패턴이 두 가지 있습니다. 바로 [그림 11-4]의 '아이스크림 콘'과 '모래시계'입니다.

아이스크림 콘 안티패턴

우리 회사의 경우 Manual Tests만 존재한다. 그러므로 조금씩 테스트 스위트를 만들어간다면 그것만으로도 엄청난 건실함이 생기는 것이다.

11.2.3 비욘세 규칙 ​

  • 짧게 풀어보면 '네가 좋아했다면 (CI) 테스트를 준비해뒀어야지'라는 뜻입니다.
  • 예를들어 인프라가 수정되어 A팀의 제품이 제대로 동작하지 않는 일이 벌어졌다고 해보죠. 이 경우 A팀이 작성하여 CI에 등록해둔 테스트를 모두 통과했다면, 이 문제를 수정하고 문제를 검증하는 테스트를 추가할 책임은 전적으로 A팀에 있습니다.
이런 관점이 신기하다. 1차원적으로 생각한다면 인프라팀에 책임이 있어야할 것 같다.

11.2.4 코드 커버리지 ​

  • 코드 커버리지는 어느 테스트가 기능 코드의 어느 라인을 실행하는지를 측정하는 수단입니다. 100라인짜리 코드가 있고 테스트가 90라인을 실행했다면 코드 커버리지는 90%입니다.
  • 테스트 스위트의 품질을 높이는 더 나은 방안은 무엇일까요? 바로 검사해야 할 행위에 집중하는 것입니다.
코드 커버리지리라는게 이런거였구나

11.3 구글 규모의 테스트 ​

  • 모노 리포, 20억 라인이 넘는 코드가 한 곳에 담겨있다.
  • 매주 약 2천 5백만 라인이 변경된다.
  • 리포지터리 브랜치를 사용하는 팀이 거의 없다. 모든 변경이 리포지터리 헤드에 직접 커밋되어 변경 즉시 모두가 볼 수 있다. 나아가 모든 소프트웨어는 테스트 인프라가 검증한 가장 최신 커밋까지 반영해 빌드됩니다.
미쳤다..
의문: 구글 규모의 코드베이스를 구글만큼 잘 다룰 수 있는 곳이 구글밖에 없다면 구글이 소프트웨어 회사 중 가장 가치있는 회사여야할까? 위 사실들은 놀랍지만 결국 비즈니스가 성공해야하는 가정은 변하지 않는 것 같다. 맞나? 소프트웨어를 정말 잘 다루는 팀이나 개인이 있다면, 그건 성공의 지름길인가?

11.4 구글 테스트의 역사 ​

  • 테스팅 그룹릿
    • 신규 입사자에게 마치 표준인 것처럼 테스트를 교육. 트로이목마로 이용
    • 테스트 인증과 레벨을 부여해 은근히 경쟁 분위기를 부추김
    • 화장실 벽면에 테스트 관련 포스트 부착
무언가를 옳다고 믿는 것과 그것을 밀고 나가는 것이 같은 것일까? 어떻게 무언가를 이렇게까지 확신에 차서 행동할 수 있을까?

11.5 자동 테스트의 한계 ​

  • 사람의 판단이 개입되어야 하는 테스트. 쿼리를 날리고 결과에 관한 느낌을 기록하는 검색 품질 평가자 연구
  • 보안 취약점을 찾는 일은 자동 시스템보다 사람이 더 뛰어난 영역

11.7 핵심 정리 ​

  • 자동 테스트는 소프트웨어를 변경할 수 있게 해주는 토대입니다.
  • 테스트를 확장하려면 반드시 자동화해야 합니다.
  • 테스트 커버리지를 건실하게 유지하려면 균형 잡힌 테스트 스위트가 필요합니다.
  • "네가 좋았다면 테스트를 준비해뒀어야지"
  • 조직의 테스트 문화를 바꾸는 데는 시간이 걸립니다.
wow 정말 그런가? 보안 취약점은 아주 복잡한 영역인가보다

느낀 점, 해소되지 않은 의문 ​

  • 메타적으로 챕터를 정리하자면
    • 왜 필요한지를 설명하기에 앞서 테스트란 무엇인지를 간략하게 정의, 필요성 사례(GWS), 테스트 스위트 설계에서는 테스트의 크기와 범위라는 요소를 먼저 설명, 크기와 범위별 테스트 정의, 책임자 정의, 흔한 오류 방지 (커버리지가 목표가 되어버림), 이런 규칙들이 실제 어느정도 규모까지 유효한지 자랑 및 인증 신빙성 더하기, 문화를 퍼뜨리는 방법 공유, 이때까지 찾은 아주 적은 한계, 테스트는 아주 중요하다면서 마무리
  • 테스트 코드가 있어야 서비스가 더 건실해지는 것 같다. 그런 의미에서 테스트는 비즈니스에 있어서도 필수아닐까? 여러 구성원이 달려드는 QA로 마감을 지을 수 있긴 하지만, 다음번에도, 다음 릴리즈에도, 다음 QA에도 같은 작업을 반복해야한다. 그리고 자동화된 테스트가 없으면 엄밀히는 이전에 통과했던 QA도 망가졌을 수 있기 때문에 전체를 다시 테스트해야한다. 즉 점점 QA 작업은 커진다. 왜 그런데도 테스트를 안할까? 테스트가 오히려 발목을 잡는 경험을 해서?
- + \ No newline at end of file diff --git a/study/google-engineer/chapter12.html b/study/google-engineer/chapter12.html index 8dc654b4..4912d27f 100644 --- a/study/google-engineer/chapter12.html +++ b/study/google-engineer/chapter12.html @@ -6,7 +6,7 @@ Chapter 12 - 단위 테스트 | bohyeon.dev - + @@ -50,7 +50,7 @@ .build(); assertThat(contact.getFullName()).isEqualTo("Ada Lovelace"); }
그냥 도우미 코드 없이 테스트 블럭 내에서 직접 호출하면 안되나? 아마 예시는 간단해서 그래도 되겠지만 실제에서는 다르겠지

느낀 점 ​

- + \ No newline at end of file diff --git a/study/google-engineer/chapter8.html b/study/google-engineer/chapter8.html index bcd6b218..bc70bbee 100644 --- a/study/google-engineer/chapter8.html +++ b/study/google-engineer/chapter8.html @@ -6,7 +6,7 @@ Chapter 08 - 스타일 가이드와 규칙 | bohyeon.dev - + @@ -24,7 +24,7 @@
bohyeon.dev

Appearance

Chapter 08 - 스타일 가이드와 규칙 ​

  • 대부분의 엔지니어링 조직에는 내부 코드베이스를 관리하는 규칙이 있고, 구글에도 역시 존재한다. 규칙은 지켜야만 하는 것이고, 지침은 권장과 모범 사례다. 구글에서는 규칙을 모아서 '프로그래밍 스타일 가이드'를 만들었다. 언어별로 스타일 가이드를 관리하고 있으며, 목표는 '지속 가능성'을 높이는 것이다. 스타일 가이드가 담아야 하는 내용에 대해 정해진 규칙은 없다.

8.1 규칙이 필요한 이유 ​

  • 규칙이 필요한 이유는 조직이 추구하는 '좋은' 가치를 추구하는 행동을 장려하기 위해서다. '나쁜' 행동을 억제하기도 한다. 규칙이 있으면 무의식적으로 '좋은' 코드를 작성한다.

8.2 규칙 만들기 ​

  • 규칙을 만들기 전 '어떤 목표를 이루려 하는가?'를 생각해야 한다.

8.2.1 기본 원칙 안내 ​

  • 구글은 3만명의 엔지니어가 있고 20억 라인 이상의 코드베이스에 매일 약 6만 건의 코드가 서브밋된다. 구글의 스타일 가이드는 '규모와 시간 양쪽 측면에서 탄력적인 엔지니어링 환경이 지속되도록' 하기 위해서 존재한다. 규칙에는 자유와 유연성을 희생하는 트레이드오프가 발생하지만 일관성을 높이고 의견 대립을 줄이므로 혜택이 더 크다. 규칙을 만들 때 중요한 원칙은 다음과 같다.
  • 규칙의 양을 최소화합니다.
  • 코드를 읽는 사람에게 맞춥니다.
  • 일관되어야 합니다.
  • 오류가 나기 쉽거나 예상치 못한 동작을 유발하는 구조를 피합니다.
  • 꼭 필요하다면 실용성을 생각해 예외를 허용합니다.

규칙의 양을 최소화한다 ​

  • 규칙이 많아지면 관리가 어렵고 비용도 커진다. 규칙을 적게 유지해야한다. 너무 자명한 규칙은 의도적으로 배제한다. C++에서 goto문을 사용하지 않는 규칙은 이미 당연시되어 있어 배재했다.

읽는 사람에게 맞춘다 ​

  • 읽기에 간단한 코드에 가치를 두기로 했다. 코드는 작성되는 횟수보다 읽히는 횟수가 더 많고 시간이 지날수록 차이가 더 벌어진다. 이 독자 중심주의의 일환으로 코드에 의도를 알려주는 증거를 남게해야한다. 행위가 헷갈리거나 오해할 수 있는 상황에서 근거가 더욱 중요해진다. 주석도 같은 목표를 지향한다. 그래서 주석은 문서화 주석(파일, 클래스, 함수의 앞에 추가되는 블록 주석), 구현 주석(코드 자체에 산재하는 주석)으로 분류한다.
읽는 사람에게 맞추지 않는 코드를 짠 경우가 많았던 것 같다.

일관되어야 한다 ​

  • 구글은 출입카드, 와이파이 등 코드 외적으로도 일관성을 유지한다. 사소한 설정에 낭비하는 시간을 줄이고 장소를 옮겨도 업무가 쉽다. 이런 규칙은 코드에도 똑같이 적용된다.

일관성이 안겨주는 이점 ​

  • 일관성의 가치는 크다. 엔지니어와 읽는 이들이 '어떻게'를 표현하느냐가 아니라 '무엇을' 수행하느냐에 집중할 수 있게 된다. 규모의 확장에도 도움된다. 규모의 확장은 도구의 도움이 필수인데, 일관된 코드는 도구를 적용하기가 더 쉽다. 인력 재배치에도 좋다. 시간 관점에서도 좋다. 시간이 흐르며 인력이 재배치되고 코드를 관리하는 팀이 바뀌기도 한다.

    *하지만 전체 언어의 코드베이스에 일관성을 지켜야한다는 것은 아니다. 규모가 커지면 완벽한 일관성을 추구하기에는 얻는 것보다 비용이 큰 단계에도 도달한다.

표준 정하기 ​

  • 구글은 일관성 중에서도 대체로 사내에서의 일관성을 더 중요하게 생각한다. 다만 길게 보면 외부의 표준을 따르는게 더 좋다. 외부 코드와 상호작용하고 심지어 바깥세상에 나가 생을 마감할 수도 있다.

오류를 내기 쉽거나 예상과 다르게 동작할 여지가 있는 구조는 피하자 ​

  • 복잡한 기능에는 언뜻 봐서는 지나칠 수 있는 미묘한 함정이 숨어 있는 경우가 많다. 이런 이유로 고급 기능을 사용하지 못하게 제한한다. 파이썬의 경우 리플렉션 등. 해당 언어의 전문가가 아닌 신뢰성 엔지니어(SRE)가 작업을 할 수도 있기 때문이다.

실용적 측면을 인정하자 ​

  • 무조건적인 것이 아니라 꼭 필요하다면 최적화나 실용성을 위해 예외를 허용한다. 일관성과 가독성을 희생해서라도 성능을 끌어올려야 할 때가 있다. 상호운용성도 중요하다. 외부 코드와 연동되거나 OS의 기능을 사용해야하는 경우. 일관성은 매우 중요하지만 융통성이 없어서는 안된다.

8.2.2 스타일 가이드 ​

  • 스타일 가이드의 규칙은 세 범주로 나눌 수 있다.
    • 위험을 피하기 위한 규칙
    • 모범 사례를 적용하기 위한 규칙
    • 일관성을 보장하기 위한 규칙
스타일 가이드가 담아야하는 내용에 대한 규칙은 없다고 했는데, 이 세 범주가 그런 내용을 담고 있는 것 같다. 꼭 이런 내용을 담으라는게 아니라 결국 세 가지 범주로 나눠볼 수 있다는 말일까?

위험 회피하기 ​

  • 기술적인 이유 때문에 반드시 써야 하거나 쓰면 안 되는 언어 특성들에 관한 규칙들이 담겨 있습니다. 어떤 언어 특성은 사용하고 어떤 구조는 피해야 하는지를 설명하는 규칙들이다. 어떤 언어 기능은 직관적이지 않거나 올바르게 사용하려면 아주 세심한 데까지 주의해야 해서 미묘한 버그를 유발하기 때문이다.

모범 사례 강제하기 ​

  • 다양한 모범 사례도 담아서 건실하고 지속 가능한 코드를 생산하는 습관을 몸에 익히도록 한다. 모범 사례 중 일부는 소스 코드의 가독성을 높이도록 설계되었다. 포맷팅 규칙 상당수가 이 범주에 속한다. 새롭거나 널리 이해되지 못한 언어 기능은 제한한다. std::unique_ptr 도입이 이 경우에 속한다.

일관성 구축하기 ​

  • 사소한 문제를 다루는 규칙도 많은데 이런 규칙의 목적은 단순히 결정을 내리고 결정을 문서로 남기는 것이다. 예를들어 들여쓰기 공백 수, 임포트문 순서 같은 것인데, 이는 어떤 선택을 하든 명확하고 가시적인 차이가 없는 경우가 대부분이다. 대신 하나를 선택해서 논쟁에서 벗어나고 더 중요한 일로 시선을 돌릴 수 있게 한다.
속 시원하다. 왜 이런 논쟁은 쉽게 일어나고 열띤 토론이 벌어질까? 쉬운 문제라서 그런 것 같다. 누구나 처음부터 끝까지 본인의 결론을 내리기가 쉽다. 그래서 거의 모든 사람이 주장이 생기기 때문아닐까? 토론이 많이되거나 의견이 다양한 경우 중요하지 않은 문제라고 생각하고 결정권자가 결정을 빨리 내려버리는 것이 해결방법일 것 같다.

그 외... ​

  • 스타일 가이드에 없는 것도 많지만 코드베이스의 건실성에 영향을 크게 주는 규칙들에 집중하려고 노력한다. '바퀴를 다시 발명하지 말자', '너무 똑똑하게 짜지 말자'와 같은 규칙은 스타일 가이드에 포함하지 않는다.

8.3 규칙 수정하기 ​

  • 스타일 가이드는 고정불변이 아니다. 세월이 흐르면 결정에 영향을 준 요인들도 변할 수 있다. 규칙을 유용하고 최신 상태로 유지하려면 업데이트가 필요한 규칙이 무엇인지를 적시에 알아챌 수 있어야 한다. 그래서 구글 스타일 가이드의 규칙에는 각각의 결정을 뒷받침하는 근거를 명시해뒀다. 근거를 남기면 규칙을 다시 평가하거나 수정하기가 쉬워진다.

    *카멜 케이스 명명법 사례: C++에서는 카멜 케이스였고 파이썬에서는 스네이크 케이스였다. 그래서 파이썬 스타일 가이드를 처음 정의할 때는 카멜 케이스를 사용했지만 시간이 지나며 외부 파이썬 프로젝트와 연동되는 빈도가 더 많아졌고 비용과 이점을 놓고 토론 끝에 스네이크 케이스로 바꿨다.

8.3.1 프로세스 ​

  • 변경을 찾고 갱신하는 프로세스를 수립했다. '해법'을 중심으로 돌아간다. 수정 제안 형식에서는 문제를 찾으면 다른 '해법'을 제시해야한다. 규칙이 수정되어야 하는 시점은 스타일 가이드에 입각해 코드를 작성하는 엔지니어들의 커뮤니티가 가장 유리하다. 수정 제안이 생기면 토론이 시작되고 받아들여지던지 거부당한다. 받아들여지면 최종 승인 단계로 넘어간다

8.3.2 스타일 중재자 ​

  • 언어별로 소유자가 있어 최종 결정과 승인을 책임진다. 수정 여부는 엔지니어링 측면의 트레이드오프를 논의하여 결정한다.
수정이 일어나면 수정에 맞춰 기존 코드를 변경하는 비용도 아주 클 것 같다. 앞서서 도구 얘기를 했듯이, 비즈니스 요구사항뿐만 아니라 이런 도구를 개발하고 적용하고 검증하는 것도 중요한 엔지니어링 조직의 일인 것 같다.

8.3.3 예외 ​

  • 일부 규칙은 예외를 허용한다. 예외 허용은 가볍게 이루어지지 않는다. 코드베이스의 무결성이 프로젝트의 일관성보다 중요하다. 규칙을 따르기보다 예외를 인정하는 쪽이 이득이라고 판단될 때만 예외를 허용한다.
  • C++에서 매크로는 프로젝트 고유의 접두어를 붙이도록 되어있는데, C++는 매크로가 전역 이름공간에 놓이게 되고 이름 충돌을 피해야 하기 때문이다. 하지만 정말 전역으로 사용되는 유틸리티 매크로는 예외가 허용된다.

8.4 지침(guidance) ​

  • 규칙과 더불어 지침도 존재하고 범위도 다양하다. 지침은 주로 사람들이 자주 실수하는 것 혹은 아직 익숙하지 않은 새로운 주제라서 혼란스러워하는 것들에 집중한다. 규칙은 되도록(should) 따라야 하는 것이다. 지침의 예로 입문서(primer)가 있다. 입문서는 가이드가 권장하는 기능을 자세하게 설명한다. 범위가 넓어서 해당 언어를 처음 접하는 엔지니어가 구글에서 개발하는 데 참고해야 할 거의 모든 주제를 다룬다. 이 조언들은 실질적이고 효과적이다. 또한 이런 내용을 교육하는 다양한 수업도 있다. 입문 지침만 있는 것 말고도 심화 자료도 있다.

8.5 규칙 적용하기 ​

  • 규칙을 강제하는 방법으로는 교육과 훈련을 통한 사회적인 방법과 도구를 이용한 기술적인 방법이 있다. 그래서 정규 교육을 운영하고 참고 문서를 업데이트하는 데 자원을 투입하고 코드 리뷰를 중점적으로 활용한다. 규칙이 지켜지는지 확인하는데는 사람보다 되도록 자동화 도구를 활용한다. 도구를 사용하면 실수나 누락을 막을 수 있다. 도구를 활용하면 판단의 영역을 없앨 수 있는 장점도 있다. 조직이 커져도 걱정이 없다. 하지만 도구를 활용하더라도 모든 규칙을 강제로 적용하기 어려운 경우도 있다. 때로는 사람이 판단해야 하는 규칙도 있다. 자바의 스타일 가이드에 '클래스의 멤버와 초기화 블록 나열 순서에는 정답이 없다. 클래스마다 순서가 다를 수 있다'는 규칙도 있다.
  • 기술보다 사회적인 문제를 다루는 규칙도 있으며 이 범주에 속하는 규칙 중 많은 수는 자세한 내용을 정확하게 기술하기가 어려워 사람에게 맡겨두는게 나을 수 있다. '변경되는 코드의 크기를 작게 하라'는 규칙은 이 범주에 속한다. 라인 수가 적어도 부수 효과가 많다면 '작다'고 평하기가 어렵다.

8.5.1 오류 검사기 ​

  • 규칙들의 상당수는 정적 분석 도구로 강제할 수 있다.

8.5.2 코드 포맷터 ​

  • 코드의 형식을 일관되게 관리하기 위해 자동 스타일 검사기와 포맷터를 적극 이용한다. 행렬 포맷팅과 같은 특이 상황을 제외하고는 도구가 잘못 포맷팅하는 일은 거의 없다. 프리서브밋 검사로 포맷터를 반드시 사용하게 한다.

8.6 마치며 ​

  • 모든 조직에는, 특히 구글의 엔지니어링 조직처럼 큰 조직이라면 코드베이스의 복잡성을 관리하여 감당할 수 있는 수준으로 유지하는데 규칙이 큰 도움이 된다.

8.7 핵심 정리 ​

  • 규칙과 지침의 목표는 시간과 확장 관점에서의 탄력성을 높이는 것이어야 한다.
  • 상황이 변하면 규칙도 달라져야 하니 규칙이 만들어진 근거 데이터를 알고 있어야 한다.
  • 모든 것을 규칙으로 강제해서는 안된다.
  • 일관성이 핵심이다.
  • 가능한 한 규칙들이 자동으로 적용되도록 해야한다.

느낀 점 ​

  • 조직에 맞게 규칙을 만드는 것이 중요하다는 생각이 들었다. 구글이 이렇게 하니까 라는게 아니라. 구글은 3만명의 엔지니어가 있고 20억 라인 이상의 코드베이스에 매일 약 6만 건의 코드가 서브밋된다. 등의 상황과 팀의 변경 신규 인력 채용 등의 필요성과 그에 따른 근거가 있기 때문에 '지속 가능성'을 높이고 '규모와 시간 양쪽 측면에서 탄력적인 엔지니어링 환경이 지속되도록' 목표하는 규칙을 만든 것이다. 우리 회사는?
  • '읽기 쉬운 코드', '오류를 내기 쉽거나 예상과 다르게 동작할 여지가 있는 구조는 피하자'는 규칙 등은 조직의 특성이나 규모와 상관없이 적용할 수 있는 것 같다.
  • 일관성은 매우 중요하지만 융통성도 가져야한다는 점이 중요한 생각이다. 0과 1로 떨어지는 규칙을 만들고 싶지만, 실제로는 그렇게 되지 않는다. 그래서 어려움이 생기는 것 같고 이런 지점들에서 고민과 토론을 많이 해야할 것 같다.
  • 감정적인 결론을 내리기보다 트레이드오프의 관점을 유지하는 것이 옳게 느껴졌다. 약간 기계같기도 하고. 이런 관점에서 판단을 내리는 것 자체도 훈련이 되어야할 것 같다.

스터디 코멘트 ​

일관성이 왜 중요할까? ​

  • 사람은 결국 맥락을 최대 7개정도 이해한다고 한다. 이런 맥락을 style때문에 잃고싶지 않은 것이다. 일관되게 되면 패턴은 넘어갈 수 있다. 그래서 일관성이 중요하다고 생각한다. 어떤 식으로 맞추느냐는 의미없다. 맞추는 것 자체가 의미있다.
  • 에러처리. 200, 400. 하지만 일관성을 지키면 된다.
- + \ No newline at end of file diff --git a/study/google-engineer/chapter9.html b/study/google-engineer/chapter9.html index 202ec032..651c0a00 100644 --- a/study/google-engineer/chapter9.html +++ b/study/google-engineer/chapter9.html @@ -6,7 +6,7 @@ Chapter 09 - 코드 리뷰 | bohyeon.dev - + @@ -24,7 +24,7 @@
bohyeon.dev

Appearance

Chapter 09 - 코드 리뷰 ​

  • 소프트웨어 업계에서 실행되는 모습은 매우 다채롭습니다.
  • 코드 리뷰는 '버그가 코드베이스로 침투하기 전에 잡아낸다'처럼 확실하고 쉽게 납득되는 이점을 제공합니다. 하지만 미묘한 이점들도 따라옵니다. 한 예로 심리적인 이점들은 시간이 흐르고 조직 규모가 커지면 조직 전반에 커다란 혜택으로 돌아옵니다.

9.1 코드 리뷰 흐름 ​

  • 코드 리뷰는 소프트웨어 개발 단계 곳곳에서 이루어질 수 있습니다. 구글에서는 변경을 코드베이스에 커밋하게 전에 수행합니다. 코드 리뷰의 최종 목표는 다른 엔지니어로부터 해당 변경을 적용해도 된다는 합의를 이끌어내는 것입니다.
현재 우리 회사에서 이정도의 코드 리뷰 프로세스는 도입하기 힘들어보인다.

  • 보통은 모든 리뷰어가 LGTM을 달아주는 게 관례지만 원칙적으로는 한 개만 얻어도 됩니다.

    *코드는 부채다.

    우리는 코드가 그 자체로 부채임을 인정하고 잊지 말아야 합니다. 없어서는 안 될 부채이긴 하겠으나 존재만으로 어느 순간 누군가가 유지보수해야 할 대상이 되어버립니다. 마치 비행기의 연료처럼 비행기를 띄우려면 반드시 필요하지만, 그 자체가 하중을 늘려 부담으로 작용하죠.

    새로운 프로젝트를 진행하고 새로운 기술을 도입하고 새로운 컴포넌트가 필요할 때가 있습니다. 그럼에도 코드 리뷰는 전에 내린 설계를 번복하거나 재논의하는 자리여서는 안됩니다. 설계를 결정하는 데는 보통 시간이 걸립니다. 새로운 설계 후보를 수차례 제안하고 API 리뷰 회의에서 토론하고 프로토타입을 만들어보기도 하죠. 전혀 새로운 코드를 리뷰하는 일이 뜬금없이 생겨서는 안 되듯이, 코드 리뷰 과정 자체를 기존 결정을 다시 논의할 기회로 보아서는 안 됩니다.

    프론트엔드만의 관점에서 봤을 때 현재 우리 회사는 컴포넌트나 데이터 흐름상의 설계를 거의 개인적으로, 즉각적으로 결정하고 있다. 그렇기 때문에 구조적으로 아쉬운 상태라고해도, 그에 관해 변경은 어려워져버린 상태로 PR이 생성되게 된다.

9.2 코드 리뷰 @ 구글 ​

  • 구글에서는 어떤 변경이든 '승인'을 얻으려면 세 가지 측면에서의 리뷰를 통과해야 합니다.

    • 첫째, 다른 엔지니어로부터 정확성과 이해 용이성을 평가받습니다. 즉, 작성자가 의도한 작업을 코드가 적절하게 수행하는지를 봅니다.
    • 둘째, 변경되는 코드 영역을 관리하는 코드 소유자로부터 변경 코드가 적절하다는 승인을 받습니다.
    • 셋째, 누군가로부터 '가독성' 승인을 받습니다.

  • 하지만 대부분의 리뷰는 세 역할을 모두 수행할 수 있는 사람 한 명이 처리하기 때문에 이 절차들이 빠르게 진행됩니다. 변경 작성자가 해당 코드의 소유자이자 가독성 인증자라면 LGTM을 달아줄 엔지니어만 추가로 찾으면 됩니다. 작성자가 이미 가독성 기준에 맞는 코드로 리뷰를 요청하니 LGTM 역시 빠르게 얻을 가능성이 높아집니다.

  • 이 방식은 참여하는 두 역할의 사람들이 각기 다른 측면에 집중해 리뷰하도록 해주어 시간을 절약해줍니다. 첫 번째 리뷰어인 동료 엔지니어는 코드가 정확한지와 변경된 코드가 유효한지에 집중합니다. 이어서 코드 소유자는 한 줄 한 줄 상세히 살펴보는 대신 자신이 맡은 코드베이스에 적합한 변경인지에 집중합니다. 승인자는 동료 리뷰어와는 다른 관점에서 코드를 살펴보는 것입니다.

  • 이유는 무엇일까요? 바로 확장성 때문입니다. 역할을 셋으로 나눔으로써 코드 리뷰 프로세스가 더 유연해지는 것입니다.

코드 리뷰를 할 때 위와 같은 관점들에서 코드를 살펴보는 것도 좋을 것 같다.

*소유자

단순히 해당 영역의 소스 코드가 소유자의 것이라는 뜻이 아니라 회사가 추구하는 가치가 지켜지도록 관리한다는 의미의 소유입니다.

9.3 코드 리뷰의 이점 ​

  • 소프트웨어 업계에서 코드 리뷰가 필요하다는 데는 논란의 여지가 없지만 구체적인 모습은 아주 제각각입니다.
  • 구글은 거의 모든 변경에 코드 리뷰를 요구합니다. 이러한 강제적인 규제는 비용을 유발하고 엔지니어링 속도에도 영향을 줍니다. 까닭은 무엇일까요?
  • 대표적인 이점은 다음과 같습니다.
    • 코드가 정확한지 확인해줍니다.
    • 변경된 코드를 다른 엔지니어도 잘 이해합니다.
    • 코드베이스가 일관되게 관리됩니다.
    • 팀이 소유권(주인의식)을 더 강하게 느낍니다.
    • 지식이 공유됩니다.
    • 코드 리뷰 자체의 기록이 남습니다.
위와같은 이점이 희한하게 와닿지가 않는다. 아마 항상 너무 많은 변경점을 코드 리뷰하고 있었거나, 스파게티 코드에서 또다른 스파게티 코드를 얹는 식의 변경이 많았기 때문일지 모른다. 하지만 만약 어느정도 관리가 된 코드가 있고 그 코드베이스에서 작은 단위의 변경을 점검한다고 하면 코드와 코드 리뷰의 가치가 지속적으로 보존되고 점점 커질 것 같다. 물론 비즈니스가 유지되는 한

9.3.1 코드 정확성 ​

  • 변경된 코드의 '정확성'을 확인해주며, 코드 리뷰가 주는 가장 확실한 이점입니다.

    *물론 코드 리뷰 프로세스 자체를 단순화하여 가볍게 유지해야만 합니다. 사실 이게 핵심입니다.

  • 정확성 평가가 주관적으로 흘러가지 않도록 하기 위해 일반적으로 변경 작성자가 선택한 방식을 존중해줍니다. 리뷰어는 자신이 선호한다는 이유로 다른 안을 주장해서는 안 됩니다. 대안을 제시하는 건 가능하지만 이해하기 더 쉽거나(예컨대 덜 복잡하거나) 기능을 개선하는(예컨대 더 효율적인) 대안일 경우에만 그리 해야 합니다.

  • 코드 리뷰는 여러 방어 수단 중 한 축입니다. 만능 치트키도 아니고 정확성을 검사하는 유일한 수단도 물론 아닙니다. 따라서 코드 리뷰가 '완벽'할 필요까지는 없습니다.

위 사항들 코드 리뷰 프로세스에서 참고하자
  • 놀랍게도 코드 정확성 검사는 구글이 코드 리뷰 프로세스에 기대하는 최우선 이점이 아닙니다. 더 중요한 이점이 있습니다. 바로 새로운 코드가 이해하기 쉽고 세월이 흘러 코드베이스가 커져도 여전히 의미가 통할 것이라는 점입니다. 이러한 측면을 평가하려면 단순히 코드가 논리적으로 '정확하다'거나 이해되는지만 살피는 것으로는 부족합니다.

9.3.2 코드 이해 용이성 ​

  • 코드 리뷰는 주어진 변경이 수많은 다른 사람에게도 쉽게 이해되는지를 평가하는 첫 번째 시험대입니다. 코드는 작성되는 횟수보다 읽히는 횟수가 몇 배는 많으므로 이해하기 쉽게 작성하는 게 매우 중요합니다.
  • 리뷰어는 작성자가 선택한 설계를 존중해야 합니다. 하지만 그와 별개로, 코드가 잘 이해되지 않으면 '고객은 항상 옳다'는 관점에서 질문을 던져보는 건 좋습니다. 의문 하나하나는 시간이 지날수록 가치가 몇 배는 커질 것이므로 질문을 하는 게 맞다고 생각합니다.
위 사항들 코드 리뷰 프로세스에서 참고하자

9.3.3 코드 일관성 ​

  • 코드가 단순해야 다른 이들이 히해하기 쉽고 유지보수하기도 쉽습니다. 리뷰어는 코드 리뷰 과정에서 주어진 코드가 코드베이스의 표준을 얼마나 잘 따르는가를 평가할 수 있습니다.
  • 가독성 승인은 오직 해당 프로그래밍 언어의 코드 가독성 훈련 프로세스를 이수한 사람만이 할 수 있습니다.
  • 임무는 주어진 코드가 다음 사항을 잘 만족하는지를 검토하는 것입니다.
    • 해당 프로그래밍 언어의 모범 사례들을 잘 따라야 합니다.
    • 구글 코드 리포지터리에서 같은 언어로 작성된 다른 코드들과 일관되어야 합니다.
    • 필요 이상으로 복잡하지 않아야 합니다.
자바스크립트, Vue의 모범 사례와 idiom들을 익혀둘 필요가 있어보인다.

9.3.4 심리적, 문화적 이점 ​

  • 소프트웨어 엔지니어에게 코드는 '자신의 것'이 아니라 협업을 통해 만들어지는 '조직의 공동 소유물'임을 인식시켜주는 효과. 미묘할지 모르지만 그래도 중요한 심리적인 이점이죠.
  • 코드 리뷰가 선물하는 또 다른 심리적 이점은 검증입니다. 가장 뛰어난 엔지니어조차 가면 증후군을 겪거나 자기비판이 너무 심할 수 있습니다. 코드 리뷰는 그들의 작업 결과를 검증하고 인정해주는 효과가 있습니다.
  • 코드 리뷰는 변경을 제출하기 전에 문제들을 스스로 해결하게끔 해줍니다. 리뷰 요청에 필요한 항목들을 점검하다보면 준비가 충분한지를 엔지니어 스스로 다시 살펴보게 하는 심리적인 효과가 있죠.

9.3.5 지식 공유 ​

  • 리뷰 프로세스는 제안, 신기술 소개, 조언을 통해 리뷰어가 변경 작성자에게 도메인 지식을 전파하도록 이끌어줍니다.

9.4 코드 리뷰 모범 사례 ​

  • 코드 리뷰는 조직에 마찰과 일정 지연을 초래할 수 있습니다. 이런 문제 대다수는 사실 코드 리뷰 자체보다는 리뷰를 구체적으로 어떻게 수행하느냐에 기인합니다.
  • 공손하고 전문가답게: 절대 가볍게 보고 LGTM을 남발하지 않는다
  • 작게 변경하기
  • 변경 설명 잘쓰기
  • 리뷰어는 최소한으로: 첫 번째 LGTM이 가장 중요하며, 두 번재부터는 크게 신경 쓸 만큼의 가치가 없다는 걸 발견했습니다.
  • 가능한 한 자동화하기
현재는 작은 변경만 하는 경우는 적은 것 같다. 덩어리 큰 변경이 빠르고 많이 올라온다. 왜 그럴까?
첫 LGTM이 중요하다는 사실이 놀랍고 큰 힌트가 된다.

9.5 코드 리뷰 유형 ​

  • 그린필드 리뷰와 새로운 기능 개발: 대상 코드가 오랜 기간 존속될 수 있는지를 평가하기에 가장 중요한 기회입니다.
  • 동작 변경, 개선, 최적화
  • 버그 수정과 롤백
  • 리팩터링과 대규모 변경

9.7 핵심 정리 ​

  • 코드베이스 전반의 정확성 이해 용이성, 일관성 보장 등 이점이 많습니다.
  • 여러분의 가정에 대해 항시 다른 사람의 검토를 받도록 하고, 코드를 읽는 사람에게 최적화합니다.
  • 전문가다움을 지키면서 중요한 피드백을 받을 기회를 제공하세요.
  • 코드 리뷰는 지식을 조직 전체에 공유하는 데도 중요한 역할을 합니다.
  • 코드 리뷰 프로세스를 확장하려면 자동화가 아주 중요합니다.
  • 코드 리뷰 자체가 변경 이력이 되어줍니다.

느낀 점 ​

  • 좋았거나 안좋았던 코드 리뷰 경험?
    • 자기확신감이 떨어진 상태에서 approve를 받으면 자기효용성을 느낄 수 있었다.
    • 기획 변경을 제안하는 리뷰가 힘들었다.
  • 컴포넌트나 데이터 흐름상의 설계를 거의 개인적으로, 즉각적으로 결정하고 있다. 그렇기 때문에 구조적으로 아쉬운 상태라고해도, 그에 관해 변경은 어려워져버린 상태로 PR이 생성되게 된다.
  • 정확성과 이해 용이성, 코드 소유자로부터 변경 코드가 적절하다는 승인, 가독성 세 가지 관점들에서 코드를 살펴보는 것도 좋을 것 같다.
- + \ No newline at end of file diff --git a/study/refactoring/chapter1.html b/study/refactoring/chapter1.html index bf5a2a0c..b4c826ef 100644 --- a/study/refactoring/chapter1.html +++ b/study/refactoring/chapter1.html @@ -6,7 +6,7 @@ Chapter 01 - 리팩터링: 첫 번째 예시 | bohyeon.dev - + @@ -140,7 +140,7 @@ // ...

-> 변수 선언 위치를 옮기는 것도 하나의 리팩터링 과정이라는 것이 역시 같은 이유로 인상깊다. 물론 여기서는 관심사를 한 군데에 모아서 별도로 분리하려는 목적이 눈에 보이지만, 변수 선언 위치도 신경써야할 중요한 부분이라는 것을 기억해야 할 것 같다.

1.6 계산 단계와 포맷팅 단계 분리하기 ​

js
function htmlStatement(invoice, plays) {
   return renderHtml(createStatementData(invoice, plays));
 }

-> 실제 팀 내에서 누군가가 위와같은 코드를 작성했다면 코드 리뷰에서 LGTM를 했을까? 내 판단력을 어떻게 믿고 객관성을 어떻게 지닐 수 있을까?

1.10 마치며 ​

느낀 점 ​

- + \ No newline at end of file diff --git a/study/refactoring/chapter10.html b/study/refactoring/chapter10.html index 48789213..26222132 100644 --- a/study/refactoring/chapter10.html +++ b/study/refactoring/chapter10.html @@ -6,7 +6,7 @@ Chapter 10 - 조건부 로직 간소화 | bohyeon.dev - + @@ -38,7 +38,7 @@ if (this.discountRate) { base = base - (this.discountRate * base); }

느낀점 ​

- + \ No newline at end of file diff --git a/study/refactoring/chapter11.html b/study/refactoring/chapter11.html index 60089006..a1d7d75b 100644 --- a/study/refactoring/chapter11.html +++ b/study/refactoring/chapter11.html @@ -6,7 +6,7 @@ Chapter 11 - API 리팩터링 | bohyeon.dev - + @@ -78,7 +78,7 @@ this._highMedicalRiskFalg = true; } }
- + \ No newline at end of file diff --git a/study/refactoring/chapter12.html b/study/refactoring/chapter12.html index 9f91b768..697ebf3d 100644 --- a/study/refactoring/chapter12.html +++ b/study/refactoring/chapter12.html @@ -6,7 +6,7 @@ Chapter 12 - 상속 다루기 | bohyeon.dev - + @@ -37,7 +37,7 @@ return new Manager(name); } }

12.7 서브클래스 제거하기 ​

12.8 슈퍼클래스 추출하기 ​

12.10 서브클래스를 위임으로 바꾸기 ​

12.11 슈퍼클래스를 위임으로 바꾸기 ​

느낀 점 ​

- + \ No newline at end of file diff --git a/study/refactoring/chapter2.html b/study/refactoring/chapter2.html index b0c52d64..80d3a422 100644 --- a/study/refactoring/chapter2.html +++ b/study/refactoring/chapter2.html @@ -6,7 +6,7 @@ Chapter 02 - 리팩터링 원칙 | bohyeon.dev - + @@ -24,7 +24,7 @@
bohyeon.dev

Appearance

Chapter 02 - 리팩터링 원칙 ​

인상깊은 문장, 코드들 ​

2.1 리팩터링 정의 ​

  • 누군가 "리팩터링하다가 코드가 깨져서 며칠이나 고생했다"라고 한다면, 십중팔구 리팩터링한 것이 아니다.
  • 나는 코드베이스를 정리하거나 구조를 바꾸는 모든 작업을 재구성(restructuring)이라는 포괄적인 용어로 표현하고, 리팩터링은 재구성 중 특수한 한 형태로 본다.
  • 한 번에 바꿀 수 있는 작업을 수많은 단계로 잘게 나눠서 작업하는 모습을 처음 접하면 리팩터링하는 것이 오히려 비효율적이라고 생각하기 쉽다. 하지만 이렇게 잘게 나눔으로써 오히려 작업을 더 빨리 처리할 수 있다. 단계들이 체계적으로 구성되어 있기도 하고, 무엇보다 디버깅하는 데 시간을 뺏기지 않기 때문이다.

2.3 리팩터링하는 이유 ​

리팩터링하면 소프트웨어 설계가 좋아진다. ​

  • 리팩터링하지 않으면 소프트웨어의 내부 설계(아키텍처)가 썩기 쉽다. 아키텍처를 충분히 이해하지 못한 채 단기 목표만을 위해 코드를 수정하다 보면 기반 구조가 무너지기 쉽다.
  • 그러면 코드만 봐서는 설계를 파악하기 어려워진다.
  • 코드 구조가 무너지기 시작하면 악효과가 누적된다. 코드만으로 설계를 파악하기 어려워질수록 설계를 유지하기 어려워지고, 설계가 부패되는 속도는 더욱 빨라진다.
  • 반면 규칙적인 리팩터링은 코드의 구조를 지탱해줄 것이다.

리팩터링하면 소프트웨어를 이해하기 쉬워진다. ​

  • 사실 프로그래밍에서는 사람이 가장 중요하지만 소홀하기 쉽다. 코드를 컴파일하는 데 시간이 살짝 더 걸린다고 누가 뭐라 하겠는가?
  • 하지만 다른 프로그래머가 내 코드를 제대로 이해했다면 한 시간에 끝낼 수정을 일주일이나 걸린다면 사정이 달라진다.

리팩터링하면 버그를 쉽게 찾을 수 있다. ​

  • 리팩터링하면 코드가 하는 일을 깊이 파악하게 되면서 새로 깨달은 것을 곧바로 코드에 반영하게 된다.
  • 프로그램의 구조를 명확하게 다듬으면 그냥 '이럴 것이다'라고 가정하던 점들이 분명히 드러나는데, 버그를 지나치려야 지나칠 수 없을 정도까지 명확해진다.
  • 켄트 벡의 말을 떠올리게 해준다. "난 뛰어난 프로그래머가 나이에요. 단지 뛰어난 습관을 지닌 괜찮은 프로그래머일 뿐이에요."

리팩터링하면 프로그래밍 속도를 높일 수 있다. ​

  • 지금까지 제시한 장점을 한 마디로 정리하면 다음과 같다.
  • 리팩터링하면 코드 개발 속도를 높일 수 있다.
  • 하지만 리팩터링하는 데 시간이 드니 전체 개발 속도는 떨어질까봐 걱정할 수도 있다.

2.4 언제 리팩터링해야 할까? ​

3의 법칙 ​

  1. 처음에는 그냥 한다.
  2. 비슷한 일을 두 번째로 하게 되면 일단 계속한다.
  3. 비슷한 일을 세 번째 하게 되면 리팩터링한다.

준비를 위한 리팩터링: 기능을 쉽게 추가하게 만들기 ​

  • 리팩터링하기 가장 좋은 시점은 코드베이스에 기능을 새로 추가하기 직전이다.

이해를 위한 리팩터링: 코드를 이해하기 쉽게 만들기 ​

  • 나는 코드를 파악할 때마다 그 코드의 의도가 더 명확하게 드러나도록 리팩터링할 여지는 없는지 찾아본다.
  • 이쯤 되면 코드를 어느 정도 이해하게 되지만, 아쉽게도 나는 기억력이 나빠서 그런 세부사항을 오래 기억하지 못한다.
  • 내가 이해한 것을 코드에 반영해두면 더 오래 보존할 수 있을 뿐만 아니라 동료들도 알 수 있다.

쓰레기 줍기 리팩터링 ​

  • 코드를 파악하던 중에 일을 비효율적으로 처리하는 모습을 발견할 때가 있다.
  • 이때 약간 절충을 해야 한다. 원래 하려던 작업과 관련 없는 일에 너무 많은 시간을 빼앗기긴 싫을 것이다.
  • 그렇다고 쓰레기가 나뒹굴게 방치해서 나중에 일을 방해하도록 내버려두는 것도 좋지 않다.
  • 나라면 간단히 수정할 수 있는 것은 즉시 고치고, 시간이 좀 걸리는 일은 짧은 메모만 남긴 다음, 하던 일을 끝내고 나서 처리한다.

계획된 리팩터링과 수시로 하는 리팩터링 ​

  • 나는 개발에 들어가기 전에 리팩터링 일정을 따로 잡아두지 않고, 기능을 추가하거나 버그를 잡는 동안 리팩터링도 함께 한다.
  • 간과하기 쉽지만 굉장히 중요한 점이다. 리팩터링은 프로그래밍과 구분되는 별개의 활동이 아니다. 마치 프로그래밍할 떄 if문 작성 시간을 따로 구문하지 않는 것과 같다.

보기 싫은 코드를 발견하면 리팩터링하자. 그런데 잘 작성된 코드 역시 수많은 리팩터링을 거쳐야한다.

무언가 수정하려 할 때는 먼저 수정하기 쉽게 정돈하고(단, 만만치 않을 수 있다)

그런 다음 쉽게 수정하자. - 켄트 벡

  • 계획된 리팩터링이 무조건 나쁘다는 말은 아니다. 그동안 리팩터링에 소홀했다면, 따로 시간을 내서 새 기능을 추가하기 쉽도록 코드베이스를 개선할 필요가 있다. 이때 리팩터링에 투자한 일주일의 효과를 다음 몇 달 동안 누릴 수도 있다.
  • 리팩터링 작업 대부분은 드러나지 않게, 기회가 될 때마다 해야 한다.

오래 걸리는 리팩터링 ​

  • 팀 전체가 달려들어도 몇 주는 걸리는 대규모 리팩터링도 있다.
  • 이런 상황에 처하더라도 팀 전체가 리팩터링에 매달리는 데는 회의적이다. 그보다는 주어진 문제를 몇 주에 걸쳐 조금씩 해결해나가는 편이 효과적일 때가 많다.
  • 누구든지 리팩터링해야할 코드와 관련한 작업을 하게 될 때마다 원하는 방향으로 조금씩 개선하는 식이다.
  • 예컨대 라이브러리를 교체할 때는 기존 것과 새 것 모두를 포용하는 추상 인터페이스부터 마련한다. 기존 코드가 이 추상 인터페이스를 호출하도록 만들고 나면 라이브러리를 훨씬 쉽게 교체할 수 있다.

코드 리뷰에 리팩터링 활용하기 ​

  • 리팩터링은 다른 이의 코드를 리뷰하는 데도 도움된다.
  • 지금은 새로운 아이디어가 떠오르면 리팩터링하여 쉽게 구현해넣을 수 있는지부터 살펴본다. 쉽다면 실제로 리팩터링한다.
  • 흔히 쓰는 풀 리퀘스트 모델에서는 그리 효과적이지 않다. 이왕이면 참석자가 참석하는 방식이 좋다. 내가 경험한 가장 좋은 방법은 작성자와 나란히 앉아서 코드를 훑어가면서 리팩터링하는 것이다. (짝 프로그래밍)

관리자에게는 뭐라고 말해야 할까? ​

  • 기술을 모르는 상당수의 관리자와 고객은 코드베이스의 건강 상태가 생산성에 미치는 영향을 모른다. 이런 상황에 있는 이들에게는 "리팩터링한다고 말하지 말라"고 조언하겠다.
  • 하극상일까? 그렇진 않다. 소프트웨어 개발자는 프로다. 프로 개발자의 역할은 효과적인 소프트웨어를 최대한 빠르게 만드는 것이다. 내 경험상 리팩터링하면 소프트웨어를 빠르게 만드는 데 아주 효과적이다.

리팩터링하지 말아야 할 때 ​

  • 지저분한 코드를 발견해도 굳이 수정할 피룡가 없다면 리팩터링하지 않는다.
  • 외부 API 다루듯 호출해서 쓰는 코드라면 지저분해도 그냥 둔다.
  • 내부 동작을 이해해야 할 시점에 리팩터링해야 효과를 제대로 볼 수 있다.
  • 리팩터링하는 것보다 처음부터 새로 작성하는 게 쉬울 때도 리팩터링하지 않는다.
  • 사실 이런 결정을 내리기는 쉽지 않다. 직접 리팩터링해보기 전에는 어느 쪽이 쉬운지 확실히 알 수 없을때도 많기 때문이다.
  • 뛰어난 판단력과 경험이 뒷받침돼야 한다. 그래서 이 판단에 대해서는 한 마디 조언으로 표현하기는 어렵다.

2.9 리팩터링의 유래 ​

  • 리팩터링이 중요함을 깨달은 선구자들인 워드 커닝햄과 켄트 벡은 1980년대부터 스몰토크를 활용해 개발해왔다. 스몰토크는 기능이 풍부한 소프트웨어를 빠르게 작성할 수 있는 굉장히 역동적인 환경인데, 당시 개발 환경 중에서 리팩터링을 활용해보기에 특히 좋았다. 스몰토크는 컴파일 - 링크 - 실행 주기가 상당히 짧아서 마지막으로 컴파일한 시점을 안다면 수정 작업을 빠르게 진행할 수 있었다.
  • 워드와 켄트는 이런 환경에 특화된 소프트웨어 개발 방법을 고민했고, 그 결과로 XP가 탄생한 것이다. 워드와 켄트는 생산성을 높이는 데 리팩터링의 역할이 크다는 사실을 깨닫고, 그 후로 리팩터링을 실전 프로젝트에 활용하면서 개선해나갔다.
  • 두 사람의 아이디어가 스몰토크 커뮤니티에 큰 반향을 일으키면서 리팩터링이란 개념이 스몰토크 개발 문화에 중요한 요소로 자리 잡았다.
  • 랄프의 박사 과정 학생인 빌 옵다이크는 특히 프레임워크에 관심이 많았다. 그는 리팩터링의 잠재 가치를 간파하고 스몰토크를 넘어 다른 언어들에도 적용할 수 있으리라 생각했다. 빌은 박사 연구 주제로 리팩터링을 개발 도구에서 지원하는 방안을 파고들었고, 그중에서도 C++ 프레임워크 개발에 유용한 리팩터링에 관심이 많았다.
  • 다행히 리팩터링이란 개념을 업계에서 잘 받아들였다. ... 이처럼 대중화되면서 코드를 재구성하는 모든 작업을 가리키는 느슨한 의미로 사용하는 사람이 많아졌다. 어쨌든 리팩터링은 주류 개발 기법으로 자리 잡았다.

2.10 리팩터링 자동화 ​

  • 리팩터링과 관련하여 지난 수십 년 사이에 가장 큰 변화는 자동 리팩터링을 지원하는 도구가 등장한 것이다. 예를 들어 <인텔리제이 IDEA>나 <이클립스>에서 자바로 프로그래밍할 때는 메서드 이름을 바꾸는 작업을 메뉴에서 원하는 항목을 클릭하는 것만으로 처리할 수 있다.
  • 현재는 에디터나 독립 도구에서도 리팩터링 기능을 제공할 정도로 자동 리팩터링이 흔해졌다. 물론 완성도는 저마다 제법 차이가 난다.
  • 자동 리팩터링을 제대로 구현하려면 코드를 텍스트 상태가 아닌, 구문 트리로 해석해서 다뤄야 한다.
  • 정적 타입 언어라면 훨씬 안전하게 구현할 수 있는 리팩터링 수가 늘어난다.
  • 대부분의 리팩터링이 믿을만하더라도 중간에 꼬인 부분이 없는지 이따금 테스트로 확인하는 것이 바람직하다. 나는 주로 자동 리팩터링과 수동 리팩터링을 함께 사용한다. 그래서 테스트도 충분히 거친다.
  • 최근에는 언어 서버라는 기술이 뜨고 있다. 언어 서버란 구문 트리를 구성해서 텍스트 에디터에 API 형태로 제공하는 소프트웨어다. 언어 서버는 다양한 텍스트 에디터를 지원할 수 있고, 정교한 코드 분석과 리팩터링 기능을 제공할 수 있다.

2.11 더 알고싶다면 ​

  • 이 책은 그동안 많은 독자에게 리팩터링을 소개했지만, 독자가 리팩터링을 체화하게끔 이끌기보다는 특정 리팩터링 기법이 궁금할 때 찾아볼 수 있는 레퍼런스를 제공하는 데 주력했다. 리팩터링 연습에 주력한 책을 원한다면 윌리엄 웨이크가 쓴 "리팩터링 워크북"을 추천한다.
  • 책 제목에는 리팩터링이란 단어가 없지만 참고할 만한 책으로 마이클 페더스의 "레거시 코드 활용 전략"이 있다. 이 책은 주로 테스트 커버리지가 낮은 오래된 코드베이스를 리팩터링하는 방법을 다루고 있다.

느낀 점 ​

  • 리팩터링이라는 용어에 대해 정확히 이해하지 못하고 있었던 것 같다.

    누군가 "리팩터링하다가 코드가 깨져서 며칠이나 고생했다"라고 한다면, 십중팔구 리팩터링한 것이 아니다. 나는 코드베이스를 정리하거나 구조를 바꾸는 모든 작업을 재구성(restructuring)이라는 포괄적인 용어로 표현하고, 리팩터링은 재구성 중 특수한 한 형태로 본다.

    • 내가 리팩터링이라고 인식했던 행위는 거의 재구성이라는 행위였던 것 같다.

  • 실제 리팩터링을 활용해볼 수 있지 않을까?

    • 회사에서 더 이상 관리되지 않는 서드파티 패키지를 업데이트하려고 하는데, 이 패키지를 사용하고 있는 곳이 많고 업데이트를 하게되면 이전과 사용방식이 달라져 고민을 하고 있던 중이었다.
    • 2.4 오래 걸리는 리팩터링의 범주 안에서 기존 것과 새 것을 모두 포용하는 추상 컴포넌트를 만들어서 기존 코드를 수정하고, 새로운 코드를 작성하면서 리팩터링을 진행해보면 어떨까 싶다.

  • 리팩터링한다고 말하지 말았어야 했던 것 같다.

    • 최근 레거시 코드와 빌드 환경을 업그레이드하기 위해서 리팩터링 기간을 관리자에게 요청한 적이 있는데, 책을 읽고 나니 별도의 기간을 요청하지 않고 개발을 하며 자연스럽게 진행했어야 했던 것 같다.

  • 언제 리팩터링 해야할까 소챕터의 내용은 여러번 더 읽어봐야겠다.

  • 지속적인 통합에 대한 다른 사람들의 의견이 궁금하다

    • 혼자서 작업하는 코드베이스라면 가능할 것 같다. 그러나 여러 사람이 함께 작업하는 코드베이스라면 이론적으로만 가능한 방법이지 않을까? 기존 기능이 호환되는지에 대한 테스트코드가 철저하게 동작하고 있어야할 것 같다. 그리고 새로 추가되는 기능이 릴리즈 전에는 작동하지 않는지를 테스트해야하는걸까? 이런 테스트 코드가 유의미한가?

  • 레거시 코드를 부분적으로 리팩터링한다면?

    • 어느 회사나 어느정도 그렇겠지만 현재 회사의 프런트엔드 코드에도 레거시가 많고, 중구난방으로 짜여있는 스파게티 코드들도 많다. 그 때문에 기능 추가나 수정에 항상 스트레스와 부담을 느끼는데, 책에서 언급한 '레거시 코드 활용 전략'의 내용도 궁금하고, 레거시 코드를 부분적으로 공략해서 조금이라도 개선해나간다면 지금보다 더 기능 추가와 수정이 쉽게 될까?
    • 진행되다만 흔적들만 남을까봐 걱정도 된다.

  • 현재까지 파악한 요구사항만을 해결하는 소프트웨어를 구축하는 것은 아키텍처가 아니라 코드레벨에서도 좋은 것 같다.

    • 코드레벨에서도 추측으로 미래를 대비해 코드를 작성하지말고 현재 파악한 요구사항만을 해결하는 코드를 작성하자.
    • 그리고 추가 요구사항이 들어오면 그때 리팩터링을 통해 코드를 수정하자.

  • 성능에 대한 신비로운 사실. 전체 코드 중 극히 일부에서 대부분의 시간을 소비한다.

  • IDE에서 지원하는 리팩터링을 활용해보고 싶다.

    • JavaScript에서도 가능할까? Vue나 React처럼 프런트엔드 프레임워크에서도 가능할까?
- + \ No newline at end of file diff --git a/study/refactoring/chapter3.html b/study/refactoring/chapter3.html index 563064c7..7c80307c 100644 --- a/study/refactoring/chapter3.html +++ b/study/refactoring/chapter3.html @@ -6,7 +6,7 @@ Chapter 03 - 코드에서 나는 악취 | bohyeon.dev - + @@ -24,7 +24,7 @@
bohyeon.dev

Appearance

Chapter 03 - 코드에서 나는 악취 ​

인상깊은 문장, 코드들 ​

리팩터링을 언제 시작하고 언제 그만할지를 판단하는 일은 리팩터링의 작동 원리를 아는 것 못지않게 중요하다.

인스턴스 변수를 삭제하거나 상속 계층을 만드는 방법을 설명하기는 쉽다. 이런 일들은 간단한 문제에 속한다. 하지만 이런 일들을 '언제' 해야 하는지에 대해서는 명확하게 정립된 규칙이 없다.

리팩터링을 언제 멈춰야 하는지를 판단하는 정확한 기준을 제시하지는 않을 것이다. 경험에 따르면 숙련된 사람의 직관만큼 정확한 기준은 없다. 종료 기준보다는 리팩터링하면 해결할 수 있는 문제의 징후를 제시하겠다.

3.1 기이한 이름 ​

  • 추리 소설이라면 무슨 일이 전개되는지 궁금증을 자아낼수록 좋지만, 코드는 아니다. 세계적인 기인이라는 느낌을 풍기고 싶더라도 꾹 참고 코드는 단순하고 명료하게 작성해야 한다.
  • 코드를 명료하게 표현하는 데 가장 중요한 요소 하나는 바로 '이름'이다. 그래서 함수, 모듈, 변수, 클래스 등은 그 이름만 보고도 각각이 무슨 일을 하고 어떻게 사용해야 하는지 명확히 알 수 있도록 엄청나게 신경 써서 이름을 지어야 한다.
  • 하지만 아쉽게도 이름 짓기는 프로그래밍에서 가장 어렵기로 손꼽히는 두 가지중 하나다. (다른 하나는 캐시 무효화다.)
  • 이름 바꾸기는 단순히 이름을 다르게 표현하는 연습이 아니다. 마땅한 이름이 떠오르지 않는다면 설계에 더 근본적인 문제가 숨어 있을 가능성이 높다. 그래서 혼란스러운 이름을 잘 정리하다 보면 코드가 훨씬 간결해질 때가 많다.

3.2 중복 코드 ​

  • 똑같은 코드 구조가 여러 곳에서 반복된다면 하나로 통합하여 더 나은 프로그램을 만들 수 있다. 코드가 중복되면 각각을 볼 때마다 서로 차이점은 없는지 주의 깊에 살펴봐야 하는 부담이 생긴다. 그중 하나를 변경할 때는 다른 비슷한 코드들도 모두 살펴보고 적절히 수정해야 한다.

3.3 긴 함수 ​

  • 짧은 함수들로 구성된 코드베이스를 얼핏 훑으면 연산하는 부분이 하나도 없어 보인다. 코드가 끝없이 위임하는 방식으로 작성되어 있기 때문이다. 하지만 이런 프로그램을 수년 동안 다루다보면 이 짧은 함수들이 얼마나 중요한지 깨닫게 된다. 간접 호출의 효과, 즉 코드를 이해하고, 공유하고, 선택하기 쉬워진다는 장점은 함수를 짧게 구성할 떄 나오는 것이다.
  • 예전 언어는 서브루틴을 호출하는 비용이 컸기 때문에 짧은 함수를 꺼렸다. 하지만 요즘 언어는 프로세스 안에서의 함수 호출 비용을 거의 없애버렸다. 물론 코드를 읽는 사람 입장에서는 함수가 하는 일을 파악하기 위해 왔다 갔다 해야 하므로 여전히 부담이 된다. 다행히 함수 호출부와 선언부 사이를 빠르게 이동하거나 호출과 선언을 동시에 보여주는 개발 환경을 활용하면 이 부담이 줄어들지만, 짧은 함수로 구성된 코드를 이해하기 쉽게 만드는 가장 확실한 방법은 좋은 이름이다.
  • 주석을 달아야 할 만한 부분은 무조건 함수로 만든다. 본문에는 원래 주석으로 설명하려던 코드가 담기고, 함수 이름은 동작 방식이 아닌 '의도'가 드러나게 짓는다.
  • 함수를 짧게 만드는 작업의 99%는 함수 추출하기가 차지한다.
  • 조건문이나 반복문도 추출 대상의 실마리를 제공한다.
  • 반복문도 그 안의 코드와 함께 추출해서 독립된 함수로 만든다. 추출한 반복문 코드에 적합한 이름이 떠오르지 않는다면 성격이 다른 두 가지 작업이 섞여 있기 때문일 수 있다. 이럴 때는 과감히 반복문 쪼개기를 적용해서 작업을 분리한다.

3.4 긴 매개변수 목록 ​

  • 종종 다른 매개변수에서 값을 얻어올 수 있는 매개변수가 있을 수 있는데, 이런 매개변수는 매개변수를 질의 함수로 바꾸기로 제거할 수 있다.
  • 사용 중인 데이터 구조에서 값들을 뽑아 각각을 별개의 매개변수로 전달하는 코드라면 객체 통째로 넘기기를 적용해서 원본 데이터 구조를 그대로 전달한다.
  • 함수의 동작 방식을 정하는 플래그 역할의 매개변수는 플래그 인수 제거하기로 없애준다.

3.5 전역 데이터 ​

  • 전역 데이터를 주의해야 한다는 말은 우리가 소프트웨어 개발을 시작한 초창기부터 귀가 따갑게 들었다. 심지어 전역 데이터는 이를 함부로 사용한 프로그래머들에게 벌을 주는 지옥 4층에 사는 악마들이 만들었다는 말이 돌 정도였다.
  • 이를 방지하기 위해 우리가 사용하는 대표적인 리팩터링은 변수 캡슐화하기다. 다른 코드에서 오염시킬 가능성이 있는 데이터를 발견할 때마다 이 기법을 가장 먼저 적용한다. 이런 데이터를 함수로 감싸는 것만으로도 데이터를 수정하는 부분을 쉽게 찾을 수 있고 접근을 통제할 수 있게 된다.

3.6 가변 데이터 ​

  • 무분별한 데이터 수정에 따른 위험을 줄이는 방법은 얼마든지 있다. (변수 캡슐화하기)
  • 값을 다른 곳에서 설정할 수 있는 가변 데이터가 풍기는 악취는 특히 고약하다. 혼동과 버그와 야근을 부를 뿐만 아니라, 쓸데없는 코드이기도 하다. 이럴 때는 파생 변수를 질의 함수로 바꾸기에 식초 농축액을 섞어서 코드 전체에 골고루 뿌려준다.

3.7 뒤엉킨 변경 ​

  • 코드를 수정할 때는 시스템에서 고쳐야 할 딱 한 군데를 찾아서 그 부분만 수정할 수 있기를 바란다. 이렇게 할 수 없다면 (서로 밀접한 악취인) 뒤엉킨 변경과 산탄총 수술 중 하나가 풍긴다.
  • 뒤엉킨 변경은 단일 책임 원칙(SRP)이 제대로 지켜지지 않을 때 나타난다. 예컨대 지원해야 할 데이터베이스가 추가될 때마다 함수 세 개를 바꿔야 하고, 금융 상품이 추가될 때마다 또 다른 함수 네 개를 바꿔야 하는 모듈이 있다면 뒤엉킨 변경이 발생했다는 뜻이다.
  • 물론 데이터베이스와 금융 상품 여러 개를 추가하고 나서야 이 악취가 느껴지는 경우도 많다. 개발 초기에는 맥락 사이의 경계를 명확히 나누기가 어렵고 소프트웨어 시스템의 기능이 변경되면서 이 경계도 끊임없이 움직이기 때문이다.

3.8 산탄총 수술 ​

  • 산탄총 수술은 뒤엉킨 변경과 비슷하면서도 정반대다.
뒤엉킨 변경산탄총 수술
원인맥락을 잘 구분하지 못함
해법(원리)맥락을 명확히 구분
발생 과정(현상)한 코드에 섞여 들어감여러 코드에 흩뿌려짐
해법(실제 행동)맥락별로 분리맥락별로 모음
  • 이 냄새는 코드를 변경할 때마다 자잘하게 수정해야 하는 클래스가 많을 때 풍긴다. 변경할 부분이 코드 전반에 퍼져 있다면 찾기도 어렵고 꼭 수정해야 할 곳을 지나치기 쉽다.
  • 이럴 때는 함께 변경되는 대상들을 함수 옮기기와 필드 옮기기로 모두 한 모듈에 묶어두면 좋다.

3.9 기능 편애 ​

  • 기능 편애는 흔히 어떤 함수가 자기가 속한 모듈의 함수나 데이터보다 다른 모듈의 함수나 데이터와 상호작용할 일이 더 많을 때 풍기는 냄새다.
  • 실행 과정에서 외부 객체의 게터 메서드 대여섯 개를 호출하도록 작성된 함수를 수없이 봤다. 다행히 해결하기는 쉽다. 이 함수가 데이터와 가까이 있고 싶어 한다는 의중이 뚜렷이 드러나므로 소원대로 데이터 근처로 옮겨주면 된다.

3.11 기본형 집착 ​

  • 자신에게 주어진 문제에 딱 맞는 기초 타입(화폐, 좌표, 구간 등)을 직접 정의하기를 몹시 꺼리는 사람이 많다. 그래서 금액을 그냥 숫자형으로 계산하거나, 물리량을 계산할 때도 밀리미터나 인치 같은 단위를 무시하고, 범위도 if (a < upper && a > lower)처럼 처리하는 코드를 수없이 봤다.
  • 기본형을 객체로 바꾸기를 적용하면 기본형만이 거주하는 구석기 동굴을 의미 있는 자료형들이 사는 최신 온돌식 코드로 탈바꿈시킬 수 있다.

느낀 점 ​

  • 앞선 리팩토링 방법 내용을 읽으면서 궁금했던 '언제 리팩토링을 해야할까'의 상세한 지점들이 있어 이번 장을 읽으면서 그 부분들을 해소할 수 있었다. '언제'와 '어떻게'가 모두 중요할 것이기 때문에 이번 장 내용을 잘 기억해두어야겠다.
- + \ No newline at end of file diff --git a/study/refactoring/chapter4.html b/study/refactoring/chapter4.html index f346d6d9..b8af019c 100644 --- a/study/refactoring/chapter4.html +++ b/study/refactoring/chapter4.html @@ -6,7 +6,7 @@ Chapter 04 - 테스트 구축하기 | bohyeon.dev - + @@ -24,7 +24,7 @@
bohyeon.dev

Appearance

Chapter 04 - 테스트 구축하기 ​

인상깊은 문장, 코드들 ​

4.1 자가 테스트 코드의 가치 ​

  • 프로그래머들이 어떻게 일하는지 가만히 살펴보면 실제로 코드를 작성하는 시간의 비중은 그리 크지 않음을 발견할 수 있다.
  • 프로그래머라면 누구나 꼬박 하루를 (혹은 그 이상을) 잡아먹은 디버깅 무용담을 하나씩은 간직하고 있을 것이다. 버그 수정 자체는 대체로 금방 끝난다. 진짜 끔찍한 건 버그를 찾는 여정이다. 또한 버그를 잡는 과정에서 다른 버그를 심기도 하는데, 그 사실을 한참이 지나서야 알아채기도 한다. 그래서 또다시 그 버그를 찾느라 수많은 시간을 날린다.

4.4 테스트 추가하기 ​

  • 일부 프로그래머들이 선호하는 public 메서드를 빠짐없이 테스트하는 방식과는 다르다. 명심하자! 테스트는 위험 요인을 중심으로 작성해야 한다! 테스트의 목적은 어디까지나 현재 혹은 향후에 발생하는 버그를 찾는 데 있다. 따라서 단순히 필드를 읽고 쓰기만 하는 접근자는 테스트할 필요가 없다. 이런 코드는 너무 단순해서 버그가 숨어들 가능성도 별로 없다.
  • 나는 적은 수의 테스트만으로 큰 효과를 얻고 있다. 잘못될까봐 가장 걱정되는 영역을 집중적으로 테스트하는데, 이렇게 해서 테스트에 쏟는 노력의 효과를 극대화하는 것이다.
  • 완벽하게 만드느라 테스트를 수행하지 못하느니, 불완전한 테스트라도 작성해서라도 테스트를 수행하는 게 낫다.

4.7 끝나지 않은 여정 ​

  • 테스트 용이성을 아키텍처 평가 기준으로 활용하는 사례도 많다.

느낀 점 ​

  • TDD나 테스트 코드에 대한 기대와 선망은 높지만 프런트엔드에서 실제로 적용하는 것이 어떤지에 대해서는 잘 모르겠다. 컴포넌트를 테스트 한다면.? 책에 따르면 중요한 곳만 테스트하면 된다고 했으니 수량 변경 (최저 수량, 최대 수량, 구매 제한 정책 등) 컴포넌트, form validation 컴포넌트 등에 적용해볼만 할까? 수량의 경우는 그나마 테스트하기가 쉬울 것 같다. 그럼 다크모드, 모바일, 중간 사이즈 태블릿, PC 등은 테스트 코드로 어떻게 잡을 수 있을까? 로지컬하게 input output만 잡을 수 있는 테스트에 비해서는 확실히 어렵고 낯설다. PlayWright 등에서는 visible 등의 속성을 활용할 수는 있겠지만 버튼 위치, border 여부 등까지 고려한다면 테스트 자체가 일단 일이다.
  • 1 pass 0 failing 표시해주는 자가 테스트 자체가 이 당시에는 혁신이었나보다.
  • 테스트는 위험 요인을 중심으로 작성!
  • Vue vs React 테스트 용이성? 결론적으로, React와 Vue는 모두 테스트하기 용이하며 강력한 테스팅 도구와 유틸리티를 제공합니다. 선택하는 것은 주로 개인의 선호나 프로젝트의 요구 사항에 따라 달라질 수 있습니다. by GPT
- + \ No newline at end of file diff --git a/study/refactoring/chapter6.html b/study/refactoring/chapter6.html index 3df05adf..27b2e69e 100644 --- a/study/refactoring/chapter6.html +++ b/study/refactoring/chapter6.html @@ -6,7 +6,7 @@ Chapter 06 - 기본적인 리팩터링 | bohyeon.dev - + @@ -95,7 +95,7 @@ get lastName() { return this._lastName; } get firstName() { return this._firstName; } }

  • 메디 프론트 내의 기간 범위 참고를 하나의 객체나 클래스로 묶어보면 어떨까?

  • 여러 함수를 클래스로 묶기나, 변환 함수로 묶는 방식은 결제나 가격 정보 쪽에서 활용하기에 좋아보인다.

  • 단계 쪼개기는 단계를 쪼개기 위해 코드를 살피고 목적이 되는 대상을 찾는 과정 자체가 중요해보인다.

    • - + \ No newline at end of file diff --git a/study/refactoring/chapter7.html b/study/refactoring/chapter7.html index b84b5645..f07844e2 100644 --- a/study/refactoring/chapter7.html +++ b/study/refactoring/chapter7.html @@ -6,7 +6,7 @@ Chapter 07 - 캡슐화 | bohyeon.dev - + @@ -277,7 +277,7 @@ return this._cashA + this._cashB } }

  • 중첩된 레코드를 다루는 일은 아주 많다. 처음부터 캡슐화를 잘했다면, 클래스나 객체 지향이 낯설었어도 더 깔끔한 코드를 만들 수 있었을까?

  • 원본 데이터를 제공할 필요는 어떤 것때문에 있을까?

  • 컬렉션 캡슐화하기는 프런트엔드에서 어떤 경우에 주로 발생할까?

  • 클래스 추출하기는 컴포넌트 분리하기에서도 적용할 개념이 느껴진다

  • 위임 숨기기는 가독성이 떨어지지 않을까? 지나친 추상화가 되어 코드 수정도 어렵게 되지는 않을까? -> 너무 당연한 말이지만 적절한 곳에 적절한 방법을 쓰는게 중요할 것 같다.

    • - + \ No newline at end of file diff --git a/study/refactoring/chapter8.html b/study/refactoring/chapter8.html index fea4ec5c..9ab9752f 100644 --- a/study/refactoring/chapter8.html +++ b/study/refactoring/chapter8.html @@ -6,7 +6,7 @@ Chapter 08 - 기능 이동 | bohyeon.dev - + @@ -24,7 +24,7 @@
    bohyeon.dev

    Appearance

    Chapter 08 - 기능 이동 ​

    인상깊은 문장, 코드들 ​

    8.2 필드 옮기기 ​

    배경 ​

    • 데이터 구조가 중요하다. 하지만 훌륭한 프로그램이 갖춰야 할 다른 요인들과 마찬가지로, 제대로 하기가 어렵다. 가장 적합한 데이터 구조를 알아내고자 프로젝트 초기에 분석을 해본 결과, 경험과 도메인 주도 설계 같은 기술이 내 능력을 개선해줌을 알아냈다.
    • 하지만, 나의 모든 기술과 경험에도 불구하고 초기 설계에서는 실수가 빈번했다. 프로젝트를 진행할수록 우리는 문제 도메인과 데이터 구조에 대해 더 많은 것을 배우게 된다. 그래서 오늘까지는 합리적이고 올바랐던 설계가 다음 주가 되면 잘못된 것으로 판명나곤 한다.

    느낀점 ​

    • 8.2 필드 옮기기가 중요한 내용처럼 느껴졌다. 프런트엔드 개발이라서 데이터 구조를 설계할 일은 적다. 하지만 어떤 개발이든 결국 다루는 데이터 구조에 대해 인식하고 있어야 한다고 생각하고, 그런 면에서 백과 프런트의 구분은 그런면에서 아쉬운 부분이 있지 않나한다.
    • 8.2 어서션을 추가하거나 로깅을 해서 확신을 갖는 방법도 좋은 것 같다.
    • 8.6 문장 슬라이드하기 라는 리팩터링 방법을 명명함으로서 관련된 코드를 모으는 작업을 강조하고, 세분화된 리팩터링 과정을 거칠 수 있게돼서 좋은 것 같다.
    • 8.6 문장 슬라이드하기 내용 중 '나는 2번 줄이 부수효과가 없다는 걸 어떻게 알았을까? ... 나는 거의 명령-질의 분리(Command-Query Seperation) 원칙을 지켜가며 코딩하므로, 내가 직접 작성한 코드라면 값을 반환하는 함수는 모두 부수효과가 없음을 알고 있던 것이다'라는 내용이 인상 깊었다. 최근 장바구니 리팩터링을 하면서 비슷한 상황이 있었는데 명령-질의가 모두 담긴 함수를 만든 것 같다. 이 부분을 분리해서 리팩터링을 해봐야겠다.
      • 만약 updateOrder 함수가 update된 order를 반환한다면, 명령-질의 분리를 위반한 것일까?
    • 8.7 반복문 쪼개기가 리팩터링 공부에서 얻은 큰 수확중 하나다. 이전까지는 오히려 하나의 반복문으로 해결할 수 있지 않을까를 고민했을 것 같다. 어떤 코드가 좋은 코드인지에 대한 기준이 모호해서 어떤 곳에서는 순회를 줄이려고 하고, 어떤 곳에서는 가독성을 향상시키려고 했던 것 같다. 반복문 쪼개기를 통해서 이전에 작성한 코드의 반복문을 마주치게 되면 쪼갤 수 없을까를 고민하게 된다.
      • 리팩터링 절차 1번 복제하기!! 너무 좋아서 느낌표 2개
    • 개인적으로 8.8 반복문을 파이프라인으로 바꾸기를 선호하는데, 이름을 알게돼서 좋았다. 보통은 '자바스크립트 내장 메서드 활용하기'정도로 사용하고 있었다.
    • 8.9 죽은 코드 제거하기에서도 말했듯이 제거할 코드를 주석처리하기보다는 지우고 commit message를 잘 남기는 것이 좋다고 생각한다. 다른 사람들의 의견도 궁금하다.
    - + \ No newline at end of file diff --git a/study/refactoring/intro.html b/study/refactoring/intro.html index d89a97f9..d1b231b8 100644 --- a/study/refactoring/intro.html +++ b/study/refactoring/intro.html @@ -6,7 +6,7 @@ 들어가며 | bohyeon.dev - + @@ -24,7 +24,7 @@
    bohyeon.dev

    Appearance

    들어가며 ​

    옛날 옛적에 한 컨설턴트가 개발 프로젝트를 점검하러 파견을 나갔다. 작성된 코드를 보니 클래스 상속 구조가 시스템의 주축을 이루고 있었고, 전반적으로 아주 엉망이었다.

    컨설턴트는 프로젝트 팀장에게 코드를 살펴보면서 정리하라고 권했지만 팀장은 콧방귀를 뀌는 듯한 태도였다. 어쨌든 그 코드는 문제없이 돌아가는 데다 중요한 일정들이 코앞이었으니 그럴 만도 했다. 팀장은 나중에 여유가 생기면 하겠다고 했다.

    6개월 후 그 프로젝트는 완전히 망했다. 코드가 너무 복잡해서 디버깅도 할 수 없었고 최소한의 성능 요건을 맞추는 것도 불가능했다.

    켄트 벡이 그 프로젝트를 새로 시작하기 위한 컨설팅을 맡았다. 시스템의 거의 모든 부분을 처음부터 새로 작성해야 했다. 켄트는 일하는 방식에 여러모로 변화를 줬는데, 그중 가장 핵심은 리팩터링을 활용해 코드를 꾸준히 정리하게 했다는 점이다. 결국 두 번쨰 시도는 성공했고, 전적으로 리팩터링 덕이었다.

    리팩터링이란 ​

    리팩터링은 겉으로 드러나는 코드의 기능(겉보기 동작)은 바꾸지 않으면서 내부 구조를 개선하는 방식으로 소프트웨어 시스템을 수정하는 과정이다. 버그가 생길 가능성을 최소로 줄이면서 코드를 정리하는 정제된 방법이다. 요컨대, 리팩터링한다는 것은 코드를 작성하고 난 뒤에 설계를 개선하는 일이다.

    리팩터링의 각 단계는 간단하다 못해 지나칠 정도로 단순하다. 한 클래스의 필드를 다른 클래스로 옮기고, 일부 코드를 메서드 밖으로 빼서 별도의 메서드로 만들고, 코드 일부를 상속 구조의 위/아래로 올리거나 내리는 등의 작업이다. 이런 사소한 수정도 누적되면 설계가 놀랍도록 개선된다. 소프트웨어가 부식된다는 개념의 정반대가 바로 리팩터링이다.

    리팩터링을 하면 일의 균형이 바뀐다. 처음부터 완벽한 설계를 갖추기보다는 개발을 진행하면서 지속적으로 설계한다. 시스템을 구축하는 과정에서 더 나은 설계가 무엇인지 배우게 된다. 그 결과, 개발의 시작부터 끝날 때까지 프로그램은 줄곧 우수한 설계를 유지한다.

    누가 읽어야 하나 ​

    이 책은 소프트웨어 개발을 직업으로 하는 전문 프로그래머를 위해 쓰였다.

    리팩터링은 코드에 집중하지만, 사실 시스템 설계에 미치는 영향이 상당히 크다. 그래서 선임 개발자나 아키텍트라면 반드시 리팩터링의 원리를 이해하고 프로젝트에 활용해야 한다.

    책 전부를 읽지 않고도 내용 대부분을 습득하려면 다음과 같이 하자.

    • 리팩터링이 뭔지 모른다면 1장을 읽자. 1장의 예시를 보면 리팩터링 진행 절차를 명확하게 알 수 있다.
    • 리팩터링해야 하는 이유를 모르겠다면 1장과 2장을 읽자. 리팩터링이 무엇이고 왜 필요한지 설명해준다.
    • 리팩터링해야 할 곳을 찾고 싶을 때는 3장을 읽자. 리팩터링이 필요할 만한 곳에서 보내는 신호(악취)를 잡아내는 요령을 설명해준다.
    • 리팩터링을 실습하고 싶다면 1장부터 4장까지는 꼼꼼히 읽고, 나머지를 빠르게 훑어보자. 카탈로그 부분은 어떤 기법들이 있는지 정도만 대략 보면 되지, 세세한 부분까지 전부 이해할 필요는 없다. 리팩터링을 당장 실시해야 할 때 해당 기법 부분을 펼쳐 자세히 읽고 따르면 된다. 카탈로그는 그때그때 찾아보는 부분이므로 한 번에 이어서 읽는 것은 불필요하고 비효율적이다.
    - + \ No newline at end of file diff --git a/study/refactoring/practice.html b/study/refactoring/practice.html index 183972e6..5c0d9fbe 100644 --- a/study/refactoring/practice.html +++ b/study/refactoring/practice.html @@ -6,7 +6,7 @@ 실습 | bohyeon.dev - + @@ -207,7 +207,7 @@ - } - - return (item.product.sale_price || item.product.price) / item.product.regular_price
    - + \ No newline at end of file diff --git "a/study/\353\210\204\352\265\254\353\202\230 \354\236\220\353\243\214\352\265\254\354\241\260\354\231\200 \354\225\214\352\263\240\353\246\254\354\246\230.html" "b/study/\353\210\204\352\265\254\353\202\230 \354\236\220\353\243\214\352\265\254\354\241\260\354\231\200 \354\225\214\352\263\240\353\246\254\354\246\230.html" index 5a66b2ad..52d13662 100644 --- "a/study/\353\210\204\352\265\254\353\202\230 \354\236\220\353\243\214\352\265\254\354\241\260\354\231\200 \354\225\214\352\263\240\353\246\254\354\246\230.html" +++ "b/study/\353\210\204\352\265\254\353\202\230 \354\236\220\353\243\214\352\265\254\354\241\260\354\231\200 \354\225\214\352\263\240\353\246\254\354\246\230.html" @@ -6,7 +6,7 @@ 누구나 자료구조와 알고리즘 | bohyeon.dev - + @@ -42,7 +42,7 @@ return arr; }
    - + \ No newline at end of file diff --git "a/study/\354\236\220\353\260\224\354\212\244\355\201\254\353\246\275\355\212\270 \354\225\214\352\263\240\353\246\254\354\246\230 \353\254\270\354\240\234\355\222\200\354\235\264.html" "b/study/\354\236\220\353\260\224\354\212\244\355\201\254\353\246\275\355\212\270 \354\225\214\352\263\240\353\246\254\354\246\230 \353\254\270\354\240\234\355\222\200\354\235\264.html" index 895fe8ea..23b8d5cb 100644 --- "a/study/\354\236\220\353\260\224\354\212\244\355\201\254\353\246\275\355\212\270 \354\225\214\352\263\240\353\246\254\354\246\230 \353\254\270\354\240\234\355\222\200\354\235\264.html" +++ "b/study/\354\236\220\353\260\224\354\212\244\355\201\254\353\246\275\355\212\270 \354\225\214\352\263\240\353\246\254\354\246\230 \353\254\270\354\240\234\355\222\200\354\235\264.html" @@ -6,7 +6,7 @@ 자바스크립트 알고리즘 문제풀이 | bohyeon.dev - + @@ -289,7 +289,7 @@ return result; }

    --

    - + \ No newline at end of file diff --git "a/study/\355\201\264\353\246\260 \354\275\224\353\223\234.html" "b/study/\355\201\264\353\246\260 \354\275\224\353\223\234.html" index d4368b8d..5ee614bf 100644 --- "a/study/\355\201\264\353\246\260 \354\275\224\353\223\234.html" +++ "b/study/\355\201\264\353\246\260 \354\275\224\353\223\234.html" @@ -6,7 +6,7 @@ 클린 코드 | bohyeon.dev - + @@ -132,7 +132,7 @@ ctxt.getScratchDirectoryOption().getAbsolutePath();
    typescript
    const outFile: string = outDir + "/" + className.replace(/\./g, "/") + ".class";
 const fout: FileOutputStream = new FileOutputStream(outFile);
 const bos: BufferedOutputStream = new BufferedOutputStream(fout);
    typescript
    const bos: BufferedOutputStream = ctxt.createScratchFileStream(classFileName);

    자료 전달 객체 ​

    결론 ​

    - + \ No newline at end of file diff --git "a/study/\355\225\250\352\273\230\354\236\220\353\235\274\352\270\260.html" "b/study/\355\225\250\352\273\230\354\236\220\353\235\274\352\270\260.html" index 47d2d184..d2426905 100644 --- "a/study/\355\225\250\352\273\230\354\236\220\353\235\274\352\270\260.html" +++ "b/study/\355\225\250\352\273\230\354\236\220\353\235\274\352\270\260.html" @@ -6,7 +6,7 @@ 함께 자라기 | bohyeon.dev - + @@ -24,7 +24,7 @@
    bohyeon.dev

    Appearance

    함께 자라기 ​

    220100 %

    머리말 ​

    내가 정말 잘할 수 있을까? 아니, 우리가 정말 자랄 수 있을까?"

    • 무엇이건 실제 바깥세상(야생)에 임팩트를 남기려면 혼자 힘으로만 되는 게 없는 것 같습니다. 함께 해야 합니다.
    • 세상은 함께 해야 뭔가 이룰 수 있는데 왜 우리는 혼자 하는 것만 배울까요.
    • 세가지 질문
      • 내가 정말 자랄 수 있을까?
      • 우리가 정말 함께 자랄 수 있을까?
      • 우리가 정말 매일매일 함께 자랄 수 있을까?
    • 저는 학습의 본의는 야생 학습에 더 가깝다고 생각을 하고, 현실 세계에서는 야생 학습이 더 많이 필요하다고 봅니다. 그래서 이 책에서 학습을 이야기할 때에는 대부분의 경우 야생 학습을 언급하는 것이라고 보면 되겠습니다.
    • 수파리 이야기로 마무리하면 좋겠습니다. ... 수파리는 특히 제 1단계(일단 규칙을 무조건적으로 받아들이고 따르는 단계)를 강조하기 위해 쓰이는데, 그 미명하에서 얼마나 많은 교육적 폭력이 자행되어 왔나 하는 생각이 듭니다.

    자라기 ​

    당신은 몇년차? ​

    경력, 그 견딜 수 없는 무거움 ​

    그런데 소프트웨어 기술자의 등급이라는 것이, 겉으로는 기술자격이나 학력에 경험을 함께 고려해 결정되는 것 같아 보이지만 사실상 '경험'이라는 요소가 가장 결정적 역할을 합니다. ... 이런 제도 때문에 사람들은 더더욱 경력의 틀(심리학적 프레임) 안에서 생각하게 됩니다. ... 저는 이 글을 통해,

    1. 경력 연차라는 것으로부터 이 사람이 초급인지 아닌지 정도의 정보만 기대할 수 있으며
    2. 초급이 아닌 사람들에 대해서는 경력 연차가 오히려 혼동을 불러일으키는 잘못된 정보로 작용할 수 있고
    3. 고로 경력 연차로 채용 여부나 임금 수준을 결정하는 것은 판단 편의적이고 관료주의적이며 결과적으로 조직에 손해를 줄 수 있는 방식

    이라고 이야기하려고 합니다.

    직원을 뽑을 때 무엇이 그 사람의 실력을 가장 잘 예측할까? ​

    ...는 채용 시 가장 효과적인 예측변수가 무엇이냐에 대해 연구했습니다. 0에 가까우면 상관성이 없다고 말하고, 1이나 -1에 가까우면 상관성이 높다고 합니다. 통상 0.5를 넘으면 강한 효과가 있다고 하고 0.2에서 0.5 사이는 중간정도라고 하며, 0.2 이하는 약한 효과라고 합니다.

    경력 연차의 상관성은 0.18, 학력의 상관성은 0.10입니다. 관심사조차도 직무 성과와 상관성이 0.10이 되는 수준입니다.

    그렇다면 어떤 것들이 상관성이 높았을까요? 작업 샘플 테스트(실제로 채용 후 해야 할 작업의 일부를 해보는 테스트)가 0.54, 아이큐가 0.51이었습니다. 성실성이나 꼼꼼한 같은 성격 테스트도 0.41이나 0.31 정도의 상관성이 있었습니다. 레퍼런스 체크도 0.26으로 연차들의 상관성보다 높았습니다.

    그렇다고 연차가 완전히 의미가 없는 것은 아니었습니다. 경력이 얼마 되지 않았을 떄 몇 년간은 연차의 상관성이 꽤 높은 편입니다.

    중요하다고 생각하는 것이 중요하지 않다 ​

    예를 들면 경력을 지나치게 중요하게 여기는 회사가 많습니다. 동시에 협력 능력을 지나치게 등한시하는 회사가 많았습니다.

    최소한도의 경력 수준만 넘겼으면 오히려 몇 년 일했는지는 모르는 것이 더 낫다고 생각하고요. 실제 작업을 해보도록 하는 작업 샘플 테스트, 실제 업무를 주고 시험적으로 짧은 기간 동안 일을 해보게 하는 것 등을 권합니다.

    잘 뽑는 것 이상으로 중요한 것 🚧 ​

    개발자들이 할 수 있는 것 🚧 ​

    자기계발은 복리로 돌아온다 🚧 ​

    복리의 비밀 ​

    "조직에는 세 가지 차원의 작업이 있다"고 컴퓨터 선구자이자 마우스 발명가인 더글라스 엥겔바트가 말했다.

    A 작업은 겉으로 가장 잘 드러나는 수준으로, 한 회사의 사람과 자원의 대부분은 이 수준에 초점이 맞춰져 있다. 그 회사의 사람고 자원의 대부분은 이 수준에 초점이 맞춰져 있다.

    하지만 다음 수준인 B 작업 없이는 효과적인 A 작업은 불가능할 것이다. B 작업은 회사가 자신의 제품과 서비스를 개발, 생산, 판매하는 걸 가능케 해주는 시스템과 프로세스를 설계하는 것과 관련이 있다.

    하지만 가장 미묘하고 또 잠재적으로 가장 영향력이 큰 것은 C 작업으로, 이는 우리의 사고방식과 상호 작용 방식을 개선한다. 궁극적으로는 C 작업의 품질이 우리가 설계하는 시스템과 프로세스의 품질을 결정짓고, 나아가 우리가 제공하는 제품과 서비스의 품질을 결정짓는다.

    보통 경영학에서는 더하는 조직을 작업 그룹이라고 하고 곱하는 조직을 팀이라고 구분합니다. 작업 그룹은 주어진 일을 사람 숫자에 맞게 나눠주고 각자 정해진 일을 하는 형태를 말합니다. 서로 교류할 필요가 없습니다. 반면에 팀은 일을 상호 협력적으로 진행합니다.

    • 그리고 조직의 효과성을 가장 잘 예측하는 변수는 동료 코칭이라고 합니다. 서로 업무적으로 도움을 주고받는 걸 말하죠. 이 동료 코칭과 퍼포먼스 간의 상관계수는 0.82입니다.

    잠자는 시간을 줄이는 것이 더하기적 사고라면, 집단의 지능을 높이는 것은 곱하기적 사고입니다.

    그냥 일하는 시간을 늘리는 것은 작업량을 늘리는 것에 지나지 않습니다.

    A 작업을 개선하려면 두 가지 질문을 해 봐야 합니다. 첫 번째는 어떻게 하면 더하기보다 곱하기를 할 수 있을 것인가입니다. 두 번째는 어떻게 해야 곱하는 비율(이자율)을 높일 수 있는가 혹은 이자 적용 주기(1년에 한 번 대신에 1달에 한번)를 짧게 할 수 있는가입니다.

    • 자신이 이미 갖고 있는 것들을 잘 활용하라
    • 외부 물질을 체화하라
    • 자신을 개선하는 프로세스에 대해 생각해 보라
      • 예컨대 나의 A 작업을 되돌아보는 회고/반성 활동을 주기적으로 하는 프로세스를 만들어라(C 작업).
      • 나를 개선하는 과정(B 작업)을 어떻게 하면 개선할 수 있을지 고민하라.
    • 피드백을 자주 받아라
      • 일찍, 그리고 자주 실패하라. 실패에서 학습하라.
    • 자신의 능력을 높여주는 도구와 환경을 점진적으로 만들어라

    학습 프레임과 실행 프레임 ​

    한 그룹의 아이들에게는 실행 프레임을 갖게 합니다. "여러분이 얼마나 그림을 잘 그리는지 보고자 하는 겁니다. 여러분의 창의성을 측정해 보려고 합니다. 점수를 매길 거에요. ..." 다른 그룹 아이들에게는 학습 프레임을 갖게 합니다. "내가 안 그려 보았던 방식들을 실험해 보는 시간이에요. 여러 가지 방식으로 실험해 보세요." ... 실행 프레임에서는 '잘하기'에 초점을 맞추게 하고, 학습 프레임에서는 '자라기'에 초점을 맞추게 합니다.

    여기에서 말하는 실행 프레임은 사람들이 현재 주어진 과업이 뭔가 좋은 성과를 내는 걸로 생각하는 틀을 말합니다. 학습 프레임은 현재 주어진 과업이 내가 얼마나 배우느냐로 여기게 되는 틀을 말합니다.

    현재 상황 자체가 어렵지 않냐. 업무하면서 학습이 중요하다는 생각을 갖기가 어렵지 않냐.

    지금 자신의 상황 '때문에' 학습 프레임을 갖는 것이 힘들다는 생각이 든다면, 이 우주 어딘가의 누구는 비슷한 상황 '덕분에' 학습 프레임을 가질 수 있었다고 생각하고 있다고 상상해 보면 어떨까요?

    가장 학습하기 힘든 직업이 살아남는다 ​

    학습에 유리한 조건, 불리한 조건 ​

    컴퓨터로 대체되기 힘든 일 ​

    무엇에 집중할 것인가 ​

    달인이 되는 비결 ​

    동기가 부족하다 ​

    피드백을 제때 받지 못한다 ​

    수십 년 동안 전문가가 안 되는 비결 ​

    전문성 형성에서 타당성과 피드백의 중요성 ​

    타당성과 피드백을 높이기 ​

    당신이 제자리걸음인 이유 ​

    의도적 수련의 필수조건, 적절한 난이도 ​

    실력이 늘지 않는 이유 ​

    제자리걸음에서 벗어나기 ​

    지루함을 느끼는 경우: a1 실력 낮추기 ​

    지루함을 느끼는 경우: a2 난이도 높이기 ​

    불안함을 느끼는 경우: b2 실력 높이기 ​

    불안함을 느끼는 경우: b1 난이도 낮추기 ​

    테트리스의 핵심은 살아있으면서도 간단한, 아기 버전의 테트리스를 만드는 것입니다.

    동적인 균형 ​

    팀장이 할 수 있는 일 ​

    이소룡의 자기 혁신 ​

    의도적 수련의 일상적 예시 ​

    실력 조정하기(a1, b2) ​

    난이도 조절하기(a2, b1) ​

    일반적으로 제가 새로운 기술을 코칭에 적용할 경우 이 난이도 조절을 적극적으로, 점진적으로 하는 것 같습니다.

    처음에는 현재 제 자신에게 적용해 홉니다. ... 그 다음에는 과거의 힘들거나 어려웠던 상황을 떠올려서 그 때의 자신을 코칭해 봅니다. ... 이게 되면 실제로 그 사람과 코칭을 해봅니다. 이 때에는 미리 언급을 합니다.

    프로그래밍 언어 배우기의 달인 ​

    '인간' 역엔지니어링 방법을 사용하고, 또 가르치고 있습니다.

    S 님의 어떤 전문성을 끌어낼까 하다가 '프로그래밍 언어를 배우는 전문성'을 하기로 했습니다.

    튜토리얼을 읽을 때 뭘 만들지 생각하고 읽는다 ​

    적극적 읽기

    첫 번째 목표로 주로 삼는 프로그램은 단어 개수 세기 프로그램이라고 합니다.

    공부할 때 표준 라이브러리 소스코드를 읽는다 ​

    자연 언어 교육과는 다르게 프로그래밍 언어 교육에서는 읽기보다 쓰기를 더 강조하는 경향이 있습니다. 프로그래밍 언어를 가르칠 때 읽기를 교육하는 경우는 극히 드물죠. 하지만 프로그래머가 실제로 업무를 할 때에는 코드를 읽는 시간이 쓰는 시간을 압도합니다. 좋은 코드를 읽어봐야 좋은 코드를 쓸 수 있기도 하고요.

    S 님은 튜토리얼을 읽어 나가면서 틈틈이 해당 언어의 표준 라이브러리를 찾아 읽었습니다.

    Java로 작성된 프로그램이냐 C로 작성된 프로그램이냐를 가르는 진짜 기준은 어떤 언어의 키워드를 썼느냐가 아니라 어떤 스타일을 따르고 어떤 숙어를 사용했는가입니다.

    공부 중 다른 사람의 코드에 내가 필요한 기능을 추가한다 ​

    전문성을 효과적으로 뽑아내는 전문가가 되기 ​

    한 가지 비결은 전문가가 구체적인 사건에 대해 말하도록 유도하는 겁니다.

    S 님의 경우에는, 가장 최근에 익힌 언어가 Go라고 하더군요. 그 언어를 익힌 과정을 시간대별로 짚어가며 어떤 행동을 했는지, 그리고 암묵적인 의사결정과 상황판단이 무엇이었는지를 추출했습니다.

    실수는 예방하는 것이 아니라 관리하는 것이다 ​

    미연에 실수를 막아야 한다? ​

    미국 산림청의 산불 정책이 수십년 전에 바뀐 것을 아십니까? 예전에는 산불 예방을 강조했습니다.

    이제는 불 예방에서 불 관리 쪽으로 초점이 바뀌었습니다.

    흥미로운 부분은 가장 사망률이 높은 병원과 가장 낮은 병원 집단 사이에 수술 후 합병증 발생 확률이 통계적으로 차이가 있었다는 점입니다. 그럼 무엇이 사망률의 차이를 만들었을까요? 합병증을 발견하고 적절한 조치를 취하는 부분에서 차이가 났습니다. ... 사망률이 낮은 병원은 심각한 합병증이 벌어지는 것을 잘 알아챘고, 또 합병증이 생긴 후 적절한 조치를 했던 것이죠.

    두 가지의 실수 문화 ​

    실수 예방 문화에서는 실수를 한 사람을 비난하고, 처벌하고, 따라서 실수를 감추고 그에 대해 논의하기 꺼리며 문제가 생겼을 때 협력도 덜 하게 됩니다. 반대로 실수 관리 문화에서는 실수가 나쁜 결과를 내기 전에 빨리 회복하도록 돕고, 실수를 공개하고, 실수에 대해 서로 이야기하고 거기에서 배우는 분위기가 생깁니다.

    실수 연구의 역사를 보면, 초기에는 기술적인 부분만 보다가 그 다음에는 인간적인 부분을 보다가, 이제는 문화적인 부분을 이야기합니다.

    실수가 없으면 학습하지 못합니다. 이는 학습이론의 기본입니다.

    다양한 실수를 경험하는 걸 격려하고, 실수 사례를 배우고, 실수 시에 어떻게 대처하는가를 가르치는 교육이 더 효과적이라는 연구 결과가 많습니다.

    뛰어난 선생에 대한 미신 ​

    흥미롭게도 많은 조직에서 교육은 투입으로 성과를 측정하는 대표적 분야입니다.

    기업에서의 교육, 훈련 효과에 대한 메타분석 연구에 따르면 대부분의 훈련은 6개월 정도만 지나도 효과가 거의 사라집니다.

    존 해티의 연구에 따르면 교사가 가진 주제에 대한 지식수준은 효과 크기가 0.09에 지나지 않으며 ... 교사가 지식이 얼마나 많은지는 큰 영향을 미치는 요소가 아니라는 말이지요.

    왜 그럴까요? ... 여기에서는 특히 '아는 것을 온전히 가르칠 수 있는가'하는 면에 초접을 맞춰보죠.

    전문가가 가르쳐주는 것은 전부가 아니다 ​

    의료계의 연구를 보면, 전문가가 특정 수술법을 학생에게 가르칠 때, ... 70%는 가르치지 않는다는 분석이 거듭해 나왔습니다. 가르치는 능력을 인정받고 한 번 이상의 '탁월한 교사상'을 받은 사람임에도 그랬고, .. 그 기술을 성공적으로 해내기 위해 필요한 것의 30%만 가르쳐 놓고 자신은 다 가르쳤다고 생각하는 겁니다.

    이런 현상이 벌어지는 이유에는 ... 대표적인 것이 자동화입니다. 전문가가 되면 자신이 하는 일이 반복적으로 몸에 익고 자동화가 되어서 결국 암묵적이 되어 버립니다.

    인지적 작업 분석으로 극복하기 ​

    이걸 극복하는 방법이 있을까요? 네. 있습니다. ... 한 가지 힌트를 드리자면, 앞에서 <프로그래밍 언어 배우기의 달인>의 인지적 작업 분석 같은 방법을 선생과 학생이 쓰는 겁니다. ... 메타분석에 따르면 선생이 인지적 작업 분석에 능숙한가 하는 것이 학생들의 학업성취도에 미치는 여향의 효과 크기가 자그만치 1.29나 됩니다. 이런 분석 능력이 뛰어난 선생이 잘 가르치는 사람이라는 이야기입니다.

    또 선생의 메타인지를 돕기 위해 자기가 어떻게 생각하면서 이 문제를 풀었는지 그 인지적 과정을 선생에게 알려주는 것도 매우 효과적입니다.

    나홀로 전문가에 대한 미신 ​

    보통은 어떤 사람이 전문가라고 하면 그 사람의 뇌 안에서 무슨 일이 벌어질까에만 주목하는 면이 있습니다. '고독한 천재'같은 ... 이미지로 떠올리기도 하죠. 그런데 과연 현실에서의 전문가가 정말 그런 사람일까요?

    뭘 하든지 나 혼자가 아니라 항상 누군가가 등장하고, 일의 성패에 다른 사람이 관련되어 있기 때문입니다. 정리하면 다음과 같습니다.

    1) 아무리 기술적인 실천법이라고 해도 2) 그 기술은 사회적 맥락 속에서 실천되어야 하며 3) 그 기술의 성공을 위해서는 사회적 자본과 사회적 기술이 함께 필요하다.

    사회적 자본과 기술 ​

    신뢰가 깨어져 있는 상태에서는 어떤 행동을 해도 악의적으로 보인다는 것입니다.

    이 신뢰를 사회적 자본의 일종이라고 합니다.

    고독한 전문가라는 미신 ​

    전문가가 해당 도메인 지식만 뛰어난 사람이라는 것은 대표적인 미신입니다. 전문가는 사회적 자본과 사회적 기술 또한 뛰어납니다.

    이제는 프로그래밍을 잘한다는 정의 안에 의사소통 능력을 그 일부로 보게 된 겁니다.

    희망적인 소식은 이런 사회적 기술을 훈련으로 개선할 수 있다는 겁니다.

    간단한 방법은 주변 사람들과 주고받는 마이크로 인터랙션에 신경을 쓰는 겁니다. 그걸 기록하고, 복기하고, 다르게 인터랙션한다고 하면 어떻게 했으면 좋았을까를 생각해보는 것만으로도 훈련이 될 수 있습니다.

    저는 ... TDD를 사람들에게 교육하고 컨설팅해주었습니다. 제 경험에 한해서는 TDD 도입에 실패하는 경우, ... 필요한 사회적 자본과 사회적 기술이 없어서가 훨씬 더 많았습니다.

    어떤 기술적 지식을 전달한다고 해도 그것을 사회적 맥락 속에서 가르치고 경험하게 하려고 노력하고 있습니다.

    제가 중요하게 다루는 사회적 기술은 도움받기, 피드백 주고받기, 영향력 미치기, 가르치고 배우기, 위임하기 등이 있습니다.

    함께 ​

    사람들은 협력이 중요하다고 합니다. 그래서 프로젝트를 할 때 협력적으로 하자고 합니다. 그러나 실제 모습을 들여다보면 초반에 일을 세밀하게 나누고 선을 긋습니다. 그리고 안녕이죠.

    우리는 협력을 제대로 배워본 적이 거의 업시 때문입니다.

    그래서 지금부터라도 협력 방법을 배우고 수련해야 합니다.

    소프트웨어 관리자의 개선 우선순위 ​

    조엘 테스트라는 것이 있습니다.

    그러나 여기에 가장 큰 위험이 존재합니다. 선의의 관리자나 경영진이 각 질문의 맥락을 이해하지 못한 채 단순히 12가지 질문에 예라고 답하는 것을 목표로 노력하는 경우를 말하는 겁니다.

    모든 항목에 "예"라고 답하는 것이 무조건 더 낫다고 동의하기 어렵다 ​

    제가 아는 뛰어난 팀들은 툴을 고를 때 단순히 비싼 게 뭐냐를 기준으로 고르지 않습니다. 이 항목을 보고 '비싼 툴을 쓰면 잘하겠지'하고 생각하는 건 기술을 이해하지 못하는 경영자 마인드에 가깝습니다.

    12가지 질문이 개발팀 평가에서 정말 중요한 요소인가? ​

    품질 전문가 제럴드 와인버그가 한 말을 살펴봅시다. 이분은 소프트웨어 개발을 잘 관리하려면 세 가지 근본적 능력이 필요하다고 했습니다.

    1. 복잡한 상황을 이해하는 능력으로, 프로젝트를 계획한 다음 관찰하고 행동하여 계획에 맞게 프로젝트가 진행되게 하거나 계획을 바꿀 수 있어야 한다.
    2. 관찰하는 능력으로, 무엇이 벌어지고 있는지를 관찰하고, 효과적인 적응 행동을 하기 위해 자신이 관찰한 것이 어떤 의미인지 이해할 수 있어야 한다.
    3. 행동하는 능력으로, 어려운 대인 상황에서 우리가 심지어 혼란스럽거나 화가 나 거나 아니면 무서워서 도망쳐 숨어버리고 싶을 때에도 적절하게 행동할 수 있어야 한다.

    이 세 가지 능력을 활용해 실제 조직과 개인(관리자 자신을 포함-와인버그는 자신을 바꾸지 못하는 사람은 다른 사람을 바꾸는 일도 할 수 없다고 합니다)

    QSM 4권에 소프트웨어 개발 비용에 대한 내용이 있습니다. 다음 네 가지 요소의 분류에서 가장 중요한 것부터 나열해 보세요.

    • 도구 : 소프트웨어 개발에 사용하는 모든 종류의 도구. 컴퓨터, 모니터, 디버거, IDE
    • 사람 : 사람들의 능력과 경험
    • 시스템 : 제품 자체의 복잡도, 요구되는 신뢰성, DB 크기, 타깃(VM 등)의 변화 가능성, 스케줄 제약 등
    • 관리 : 사람을 배정하고 작업 분배를 조정하고 위임하는 것, 작업 모니터링, 동기를 고취하는 것, 작업 조건/환경을 개선하는 것, 자원의 준비, 리스크를 일찍 확인하고 적절한 조치를 취하는 것, 요구사항과 설계 스펙이 비준(validate)되게 돕는 것 등

    비슷한 크기의 소프트웨어를 개발한다고 할 때, 각 분류별로 비용 면에서 가장 적게 드는 회사부터 그렇지 않은 회사까지 100등까지 순위를 매깁니다. 85등이던 회사가 10등하는 회사로 '개선'을 했다면 개발 비용이 얼마나 줄어들까요? 개선효과가 높은 것은 무엇일까요?

    ...

    관리, 시스템, 사람, 도구 순서였습니다. ... 하지만 각 분류별로 실제로 개선 시도가 얼마나 있었는지 확인해 보니 가장 많은 개선 노력이 있었던 분류를 바로 '도구'였습니다

    다시 조엘 테스트로 돌아갑시다. 조엘 테스트는 가장 만만하고 쉬운 것부터 시작하는 관리자의 성향과 충돌하지 않습니다.

    저는 관리자가 눈에 잘 보이고 갈아치우기 쉬운 '도구'들에 신경을 쓰는 것이 위험하다고 생각합니다.

    협력을 통한 추상화 ​

    커뮤니케이션과 협력 ​

    일반적으로, 실력이 뛰어난 프로그래머는 보통 정도의 실력을 가진 프로그래머에 비해 커뮤니케이션, 협력 능력이 더 뛰어납니다.

    백지장도 맞들면 찢어진다? ​

    톱니바퀴 실험 ​

    둘이서 함께 작업한 경우 58%나 추상화 규칙을 찾아냈습니다. 4배가 넘습니다. 만약 두 사람이 한 팀으로 작업하되 서로 이너랙션하지 않았고, 그들의 결과물 중 더 나은 것을 택하는 방식(명목 집단(nominal group)이라고 함)이라면? 이 경우는 확률적으로 계산할 수 있는데, 26%가 됩니다.

    그러면서 맞은편의 사람과 이야기를 하는데, ... 이런 혼동을 해결하기 위해 추상적 개념을 도입합니다. 예컨대 바퀴에 식별 번호를 붙인다든지 하는 것이지요.

    둘이서 협력하면서 작업하면 서로 시각이 다르기 때문에 두 사람의 다른 시각을 연결해 줄 다리가 필요하고, 그 다리에는 필연적으로 추상화의 요소가 있게 됩니다. 서로 다른 것들을 하나로 묶어야 하기 때문입니다.

    추상화의 중요성 ​

    만약 코드가 비지니스 로직이 들어가고 그 로직이 domain-rich 하다면 되도록 가독성을 추구하겠지만, 저는 때로 가독성을 손해보면서까지 중복을 줄이기도 합니다. ... 흥미로운 객체들을 발견합니다. ... 내가 전에 모르던 것을 배우게 됩니다.

    '흥미로운 무엇'이 바로 추상화입니다.

    인용문 대로 소프트웨어 공학의 역사는 정말 추상화를 높이기 위한 여정이었습니다. ... 그런데 우리는 조금 전 추상화를 높일 수 있는 방법을 하나 찾아냈습니다.

    대화하는 프로그래밍 ​

    익스트림 프로그래머는 작업하면서 프로그래밍 각 단계에 대해 함께 이야기한다.

    자신이 작성하는 코드의 추상성을 높이고 싶다면 혼자서 고민하지 말고 다른 사람들과 협동하고, 대화하세요. 같이 그림도 그려보고 함께 소스코드를 편집하세요. 인간에게는 다른 인간과 소통하고 협력할 수 있는 놀라운 능력이 있습니다. 대화는 기적입니다.

    신뢰를 깎는 공유인가 신뢰를 쌓는 공유인가 ​

    공유 조건별 신뢰도 변화 실험 ​

    조금 충격적인 이야기를 해드리겠습니다. 두 경우 모두 공유 후에 신뢰감이 더 떨어졌습니다. 특히 첫 번째, 즉 디자인 하나만 작업하고 그걸 공유한 경우가 더 많이 떨어졌습니다만, 두 조건 모두 신뢰감이 통계적으로 유의미하게 떨어졌습니다. 공유를 해서 신뢰가 더 떨어지는 상황이 벌어진 것이죠.

    각자 여러 개의 디자인을 만들고 그걸 모두 공유한 경우였습니다. 이때는 신뢰가 유의미하게 증가했습니다.

    하나 공유나 최고 공유의 경우 우리는 공유 자리에 기대감보다 불안감을 갖고 갈 겁니다.

    복수 공유의 장점 ​

    복수 공유는 그런 불안감이 상대적으로 덜합니다. 여러 개를 준비했으니 그중 하나를 두고 뭐라고 해도 나에 대한 공격은 아닌 겁니다.

    마지막으로 가장 놀라운 부분 ... 클릭률이 더 높았습니다. 복수 공유는 (같은 시간을 투자했을 때) 신뢰도 높아지고 성과도 더 좋았다는 말입니다.

    여러분의 공유는 어떻습니까? 신뢰를 깎아먹는 공유를 하고 계신가요, 신뢰를 쌓아가는 공유를 하고 계신가요?

    객관성의 주관성 ​

    새로운 개념을 주변에 설득하기 위해 노력하는 분들을 많이 봅니다.

    그런 분들을 만나면 저는 다음과 같은 질문을 던집니다. "상대방에 대해 얼마나 이해를 하고 계신가요? 얼마나 대화를 해보셨나요?"

    강사는 자신이 좋은 예를 들었다고 생각합니다. 하지만 질문자는 그렇게 생각하지 않습니다. '예'의 정이가 주관적이라 벌어진 일이죠.

    품질은 상대적이다 ​

    품질 전문가 제럴드 와인버그는 품질을 다음과 같이 정의합니다.

    품질이란 누군가에게 가치가 되는 것이다.

    우리가 일반적으로 듣는 품질의 정이와 다르죠? ... 그런 정의들은 매우 플라톤적입니다. 뭔가 고상하고 완벽한 품질이라는 것이 하늘 어딘가에 있는 것처럼 들립니다. 하지만 와인버그의 정의는 상대주의적이며 동시에 무척 실용적입니다.

    우리가 품질을 이야기할 때에는 '누구'를 놓고 하는 말이냐는 걸 생각해 봐야 한다 이겁니다.

    결국 결정하는 것은 사람입니다.

    감정을 배제할 수 없다 ​

    그리고 논리랑 감정적 판단을 분리할 수가 없습니다.

    의사결정을 하는 과정에 감정적이고 직관적인 부분이 큰 역할을 하고 있으며, 그런 감정적 부분이 배제된다면 의사결정을 제대로 할 수 없다는 것을 알 수 있습니다.

    남을 설득하려면 논리성과 객관성에 대한 환상을 버려야 합니다. 그래야 현실적으로 설득이 가능합니다. 내가 설득하고 싶은 상대를 자주 만나서 신뢰를 쌓고, 그 사람이 무엇을 중요하게 여기는지, 어떤 설명 방식을 선호하는지 이해해야 합니다.

    성향과 기질에 따른 애자일 설명법 ​

    결론은, 객관성이라고 하는 것은 상대적이며, 내가 생각하는 객관이 상대의 객관이 아닐 수 있고, 그렇기 때문에 설득에 성공하려면 우선 그 사람을 이해하는 것에서 출발해야 한다는 말입니다.

    이것도 모르세요? ​

    공감하고 이해하려는 대화 ​

    이런 과정을 거치면 홍춘이의 머릿속에는 어떤 그림이 떠오를까요? ... 술퍼맨의 머릿속 지도와 사고 흐름을 엿보게 되는 것이죠.

    그 사람이 이 상황에서 왜 이런 접근을 할 수밖에 없었는지 알기 때문에 좀 더 정확하고 효과적인 제안을 해줄 수 있습니다. ... 또, 소위 암묵지라고 부르는 것들을 전달해줄 수도 있습니다.

    행동을 유도하는 대화 ​

    술퍼맨 : 네, 그러고 싶어요. 그런데 언젠가 한번 마음먹고 제대로 공부해야지, 해야지 하고 생각하면서 몇 달째 미루고 있는 것 같아요.

    홍춘이 : 정규식을 배워서 해보고 싶은 것들이 있나봐요. ...

    참고로 코칭의 흥미로운 점은 코치 자신(홍춘이)이 해당 영역(정규식)에 대한 전문지식이 없어도 코칭을 할 수 있다는 점입니다.

    하향식 접근의 함정 ​

    대부분의 기업에서 직원 숫자가 늘어나기 시작하면 추상 층위에 따라 팀을 나눕니다. 각 층위의 전문가 팀이 존재합니다. 기획팀, 구현팀, QA팀 등, 그리고 일이 진행됨에 따라 팀 간의 바통 터치가 이루어집니다. 위에서 아래 방향으로요.

    그럼 모든 문제를 탑다운 식으로 푸는 것이 우리의 지향점일까요? 인공지능 연구에선 이 세상의 문제를 두 종류로 나눕니다. 잘 정의된 문제와 잘 정의되지 않은 문제 ... 오목이나 체스 ... 여기에 속합니다.

    하지만 우리가 실생활에서 만나는 대다순의 문제는 잘 정의되지 않은 문제입니다.

    앞서의 전문가들은 ... 잘 정의되지 않은 문제를 접하면 접근법을 바꿉니다. 탑다운과 바텀업을 섞어 씁니다. 뛰어난 전문가일수록 더욱 그러합니다.

    특히 탑다운과 바텀업의 방향이 전환되는 시점들에서 '아하 순간'이 찾아왔습니다.

    "이번 일은 복잡하고 불확실하니까 철저하게 계획하고 단계적으로 접근하자!" 이 말은 곧, 이번 일은 불확실하니까 초보처럼 일하자는 말과 똑같습니다.

    오히려 전문가일수록 자신의 계획을 수정한 횟수가 많았습니다.

    연구에 따르면, 프로그램을 이해할 때 고수는 상호 참조 전략을 쓰는 반면 하수는 그렇지 않았습니다.

    고수는 ... 프로그램에서 이해한 것을 도메인 어휘로 번역합니다. 그러고는 도메인 어휘를 프로그램상의 어휘로 다시 바꿔서 검증합니다. 이를 상호 참조 전략이라고 합니다.

    빠르고 빈번한 바통 터치가 가능한 전문가 조직 ​

    삼투압적 의사소통

    사람들이 물리적으로 가까운 거리에 있어야 유리하겠죠.

    그리고 한번에 처리되는 일의 양(batch size)을 줄여야 합니다. 배치 사이즈를 줄여서 지속적 흐름을 만들고 짧은 시간 내에 탑, 바텀을 오가게 합니다. 예를 들어 전에는 디자이너가 100개의 일자리를 다 처리한 후에 한꺼번에 모아 결과를 전달했다면 점차 50개로, 10개로, 1개로 낮추어야 합니다.

    어느 한 단계를 한번에 완료하는 것은 더 낮은 품질로 가는 지름길입니다.

    흔히들 말하는 개발의 5단계도 비슷합니다. ... 어떻게 해야 첫 달부터, 아니 첫 주부터 분석, 설계, 구현, 테스트, 전개를 모두 왔다갔다할 수 있을까를 고민해야 할 것입니다.

    전문가 팀이 실패하는 이유 ​

    회사에서의 올스타는 어떨까요? ... 스타들이 한 명씩 팀에 추가될 떄마다 팀의 추가적 성과 향상은 한계효용을 보이며 어느 수준을 지나면 음의 방향으로 작용한다고 합니다.

    전문가가 추가되는게 도움이 안 되거나 오히려 성과를 깎아먹는 경향은 특히나 전문가들의 전문성이 서로 유사할 떄 도드라졌습니다.

    자기들이 알아서 하게 놔둔 전문가팀은 비전문가로만 구성된 팀보다도 훨씬 못한 결과가 나왔습니다.

    팀 내에 개인 내 다양성이 높은 멤버가 없다면 전문가로 구성된 팀은 정보 공유가 잘 안 되어서 성과가 떨어질 수 있다는 분석을 했습니다.

    구글이 밝힌 탁월한 팀의 비밀 ​

    제가 봤을 떄 중요한 부분은 세 군데입니다.

    1. 팀에 누가 있는지(전문가, 내향/외향, 지능 등)보다 팀원들이 서로 어떻게 상호작용하고 자신의 일을 어떻게 바라보는지가 훨씬 중요했다.

    2. 5가지 성공적 팀의 특징을 찾았는데, 그중 압도적으로 높은 예측력을 보인 변수는 팀의 심리적 안전감이었다.

    3. 팀 토론 등 특별히 고안된 활동을 통해 심리적 안전감을 개선할 수 있었다.

    여기에서 말하는 심리적 안전감이란, 내 생각이나 의견, 질문, 걱정, 혹은 실수가 드러났을 때 처벌받거나 놀림받지 않을 거라는 믿음을 말합니다.

    에드몬드슨은 이런 도구를 사용해 병원의 중환자실의 심리적 안전감을 측정해 보았습니다. ... 예상과 비슷하게, 직위에 따라 느끼는 심리적 안전감에 통계적으로 유의미한 차이가 있었습니다.

    심리적 안전감이 높은 병실에서는 ... 18%나 낮은 사망률을 보였습니다.

    팀원이 불편한 문제를 제기하거나, 어리석어 보이는 질문을 하거나, 부족한 의견을 얘기하거나, 어처구니없는 실수를 저지를 때 여러분은 어떤 마이크로 인터랙션을 보여주고 계신가요?

    쾌속 학습팀 ​

    최소 침습 심장 수술 ​

    논문 제목은 <팀 학습의 속도 높이기>입니다. 최소 침습 심장 수술법을 어떤 팀이 빨리 익히는가 하는 것이 주제입니다.

    하지만 놀라운 점은 수술 시간 감소율이 팀마다 천차만별이었다는 겁입니다.

    학습 속도와 상관없는 것 ​

    리더가 팀 학습 속도에 미치는 영향 ​

    단순히 기술적 탁월함만을 갖춘 사람보다는 학습 환경을 만들 수 있는 리더가 필요하다는 것입니다.

    학습 환경의 차이 ​

    선발 자체가 매우 협동적

    속도가 빠른 팀은 새로운 수술 도입을 기술적 도전이라기보다 조직적 도전으로 받아들였습니다. 개개인이 새로운 기술을 획득해야 한다고 보지 않고, 함께 일하는 새로운 방법을 만들어야 한다고 생각했습니다.

    마지막으로, 속도가 빠른 팀은 심리적으로 보호가 되고 있었습니다.

    기술 전환에 성공한 개발팀 ​

    속도가 빠른 팀은 도전 자체를 팀의 학습 능력에 대한 도전으로 받아들였고, 같이 학습해야 한다고 생각했습니다.

    속도가 느리거나 낙오된 팀은 학습을 개인의 과제로 치부했습니다. 학습보다는 단기 퍼포먼스를 중요시했습니다.

    현실에서 실천하기 ​

    다시 현실에서 돌아와서, 나는 팀장도 아니고, 정치적인 힘도 없습니다. 그렇다면 이 상황에서 내가 무엇을 할 수 있을까요? 팀원과 팀장에게 이 책을 권할 수 있는 분위기도 아니라면?

    우선 자신의 학습 환경을 만드세요. 거기서부터가 출발입니다. 개별 기술 이상으로 일하는 방식에 대해 실험을 해 보세요.

    프로젝트 확률론 ​

    이번 프로젝트는 제떄에 끝낼 수 있을 것 같았는데 ​

    소프트웨어 공학 쪽의 연구에 따르면 사람들이 통상적으로 추정하는 소요시간에 적어도 2~3배를 해야 80% 정도의 확률로 마칠 수 있는 시간이 나온다고 합니다.

    게다가 일반적으로 일의 소요 시간을 추정할 때 사람들이 낙관적으로 추정한다는 편향에 대한 연구 결과가 많다는 점까지 고려하면 상황은 더 심각해집니다.

    또 다른 연구에 따르면, 사람들에게 가장 그럴싸한 추정(best guess)을 부탁했을 때와 자신이 기대하는 최선의 상황(best case scenario)을 상상해서 추정해보라고 부탁했을 때 그 추정치는 큰 차이가 없었습니다.

    애자일 확률론 ​

    제가 선호하는 접근법은 관리자가 12명 모두에게 단지 3가지 일만 주고 서로 협동해서 그 일을 하도록 요청하는 것입니다.

    이 방식이 잘 돌아가는 이유는 사람들이 '관심사의 섞임'을 통해 서로에 대해 엄청나게 많은 것을 매우 빨리 배울 수 있기 때문입니다.

    애자일은 앞서의 고전적 방법과 달리 일을 공유합니다. 각자 일을 얼마나 진행했는지 매일 공유할 뿐 아니라 내 일, 네 일의 구분선이 뚜렷하지 않습니다. 애자일에서는 되도록 사람들이 섞이도록 합니다.

    애자일은 마치 프랙털 구조처럼 부분 속에 전체가 들어가게 합니다. 그렇게 하면 과거에서 미래를 접쳐 보기가 훨씬 쉽습니다. 일이 진행될수록 점점 추정 정확도가 높아집니다.

    한 사람만이라도 중요한 통찰이 있었다면 이걸 공유해서 '또는' 확률로 만들고, 버그 같이 나쁜 일에 대해서는 여러 사람이 중복 검토를 해서 모두가 실수해야지만 구멍이 나게 '그리고' 확률로 바꾸는 것입니다.

    애자일 ​

    당시 주도적인 소프트웨어 개발 방식은 계획주도의 방식이었습니다. 계획주도 방식에서는 초반에 계획을 정교하고 꼼꼼하게 만들려고 엄청난 노력을 합니다. 그러면 실행단계는 간단해지고 예측 가능해진다고 생각하기 때문입니다. 하지만 애자일은, 불확실성이 높은 일에 대해서는 애초에 이것이 불가능하다고 봅니다. 불확실성 크기 때문에 미리 분석하고 설계하는 데 한계가 있다는 것이지요.

    이번에는 과의의 애자일을 얘기해 보겠습니다. 애자일을 단순히 소프트웨어 개발 방법론이라는 울타리에 가두어 보지 않고, 일하는 한 가지 스타일, 혹은 더 넘어서서 삶을 사는 방식으로까지 확장해 보는 것이지요.

    학습과 협력은 불확실성이 큰 상황에서 좋은 대응전략이 됩니다. 우리의 삶도 불확실하기 때문에 학습과 협력은 현명한 전략이 될 것이고요.

    애자일의 씨앗 ​

    씨앗이 될만한 것을 줘야합니다.

    고객에게 매일 가치를 전하라.

    애자일 도입 성공 요인 분석 ​

    두려워도 중요하다면 시도해봐야 하지 않겠는가

    당신의 조직에 새 방법론이 먹히지 않는 이유 ​

    결과들을 보면 상담에서 어떤 기법을 쓰느냐보다 치료자가 누구인가가 상담 효과에 더 큰 영향을 준다는 게 거듭 밝혀졌습니다.

    매뉴얼이 말하고 있는 것보다 훨씬 더 많은 것을 상담사들이 할 수 있다는 말이 될 것입니다.

    사실 더 나아가서 모든 지식이 근본적으로는 암묵지라고 역설했습니다.

    맥락을 가로지르는 보편적 규칙들이 별로 없다고 생각이 든다면, 결과를 에측하기 어렵고 불확실성이 높다면, 해당 분야는 '복잡한 도메인'이 됩니다. 상담이 그렇죠. 이런 복잡한 분야일수록 어떤 특정 기법의 효과보다도 치료자 효과가 더 큰 영향을 미칠 것입니다.

    내가 어떤 팀장인지가 전혀 바뀌지 않으면서 새 방법론만 도입한다고 무슨 효과가 있을까요.

    애자일을 애자일스럽게 도입하기 ​

    칸반 같은 개별 실천법은 상시 변화하고 발전하는 도요타의 특정 시점의 스냅샷 같은 것이 아닐까 생각합니다. 우리가 배워야 할 것은 칸반 이면의, 칸반이 나올 수 있었던 구조의 문화입니다.

    "... 애자일을 도입할 때 확실성 위에서 진행하려고 한다면 문제가 된다"

    이것은 거의 모든 종류의 방법론 도입에 적용됩니다. 왜냐하면 방법론 도입은 태생적으로 불확실성이 높기 때문입니다. ... 수순을 따르는 것이 아니라 곁에 있는 사람들과 함께 주변을 탐색하고 조금 나아가고 확인하고를 반복하면서 우리의 현 맥락에 맞는 좋은 전략들을 스스로 만들어 나가는 것이 아닐까 합니다

    - + \ No newline at end of file diff --git a/vim.html b/vim.html index dd69c0c8..4fded06e 100644 --- a/vim.html +++ b/vim.html @@ -6,7 +6,7 @@ 📟 Vim | bohyeon.dev - + @@ -27,7 +27,7 @@ autoload edit-command-line zle -N edit-command-line bindkey -M vicmd v edit-command-line

    v

    참고 ​

    debt ​

    - + \ No newline at end of file