티스토리

혼자 적어보는 노트

검색하기

블로그 홈

혼자 적어보는 노트

jinist.tistory.com/m

jinist 님의 블로그입니다.

구독자: 2

방명록 방문하기

주요 글 목록

[책 리뷰] 13계단 7년여의 수감생활을 하며 사형 집행을 앞둔 사형수 '사카키바라 료'.그는 한 부부를 끔찍하게 살해한 범인으로 지목되어 사형수가 되었지만 사건 당시 4시간의 기억을 잃었다. 이 사형수의 억울함을 풀어주면 거액의 보수를 주겠다는 누군가의 의뢰로 교도관인 '난고'와 전과자인 '준이치'는 범행 당시의 기억이 없는 사형수의 유일한 기억인 '계단'을 단서로 진범을 찾기로 한다. 사형 집행까지는 3개월밖에 남지 않은 상황에서 그들은 료의 무죄를 증명할 수 있을까? 다카노 가즈아키의 를 재밌게 읽었어서 자연스럽게 바로 찾아 읽게 된 책이다. 추리소설 추천에 자주 이름이 올라왔던 책이기에 너무 많은 기대를 했는지 책을 읽는 초반엔 그렇게 흥미 있게 읽진 못했다.하지만 주인공들이 진범에 관한 단서를 하나씩 찾고 추리해나.. 공감수 1 댓글수 0 2024. 6. 26.
[책 리뷰] 총균쇠 최근에 를 재밌게 읽었는데 함께 읽기 좋은 서적으로 가 자주 언급되었어서 이 책도 자연스럽게 책 리스트에 추가해 놓았었다. 인문학 분야에서 유명한 책이기도 하고 처음 출간한지 27년 정도가 지났음에도 많은 사람들이 추천을 하기에 궁금하지 않을 수가 없었던 책이다. 벽돌책이기에 e북으로 결제만 해놓고 시작하길 미루고 있었는데 한 달 정도 읽을 시간이 생겨서 드디어 읽게 되었다. 당신네 백인은 그렇게 많은 화물을 개발해서 뉴기니까지 가져왔는데, 우리 흑인에게는 우리만의 화물이 거의 없는 이유가 무엇일까요? 저자인 제레드 다이아몬드는 뉴기니에서 만난 얄리의 질문에 대한 대답을 이 책으로 대신하기로 한다. 서유라시아가 현대 세계를 지배하게 된 이유, 왜 서부권 외의 지역이 서부권 처럼 발달할 수 없었는지와 같은.. 공감수 4 댓글수 1 2024. 5. 30.
[책 리뷰] 제노사이드 * 제노사이드: 특정 집단을 말살할 목적으로 대량으로 학살하는 행위 미합중국 대통령인 '번즈'는 아프리카에 인류 멸망의 가능성이 있는 신종 생물이 출현했다는 보고서를 받게 된다. 그는 콩고에서 발견된 신종 생물이 현재의 인류에 위협이 될 것이라고 판단하여 신종 생물과 주변 종족 모두를 말살하는 비밀 계획을 준비하도록 명령을 내린다. 그리고 이 계획에 참여하게 된 두 사람의 시점에서 이야기가 시작된다. 특수부대원으로 일을 하고 있는 ‘예거’.폐포상피경화증이라는 불치병을 앓고 있는 아들의 병원비를 벌기 위해 가족을 떠나 멀리서 작전을 수행하고 있다. 예거는 작전을 마치고 가정으로 돌아가려는 때에 현재 버는 금액의 배 이상인 일당을 받을 수 있는 비밀 작전에 투입되는 것을 제안받게 된다.현지에 잡입한 뒤, .. 공감수 3 댓글수 1 2024. 5. 16.
[책 리뷰] 팩트풀니스 밀리에서 꽤 오래전 맞춤 추천으로 떠서 관심 서적에 넣어두었다가 이제야 읽게 된 책이다. 이 책은 부제의 내용처럼 사람들이 세상에 대해 어떤 사회적 오해를 가지고 있는지, 그 오해와 편견들에 가려진 사실들에 대해 이야기한다. 책의 초반엔 독자에게 교육, 인구, 의료, 여성 등과 관련된 13개의 문제를 풀게 만드는데 이 부분이 굉장히 흥미로웠다. 책을 읽기 전 내가 어느 부분에서 얼마나 오해하고 있는지를 알면서 시작할 수 있어서 더 몰입해서 읽을 수 있었다. 책의 제목인 는 사실충실성이라는 뜻으로 사실에 근거해서 세계를 바라보고 이해하는 태도를 의미한다. 우리의 뇌는 극단적인 것에 끌리는 극적인 본능으로 세상을 바라본다고 한다. 수천년 전의 이런 본능적인 반응들은 우리의 중요한 생존 요건중 하나였지만 현재.. 공감수 2 댓글수 0 2024. 4. 18.
[책 리뷰] 우리는 왜 잠을 자야할까 나는 잠을 규칙적으로 자지 않고 평일에는 평균 6시간 이내로 자고 주말에 10시간 정도씩 몰아 자는 편이었다. 평일엔 어차피 일하는 날이니 퇴근 후에 열심히 시간을 보내고 주말엔 푹 자자는 주의로 꽤 오랜 기간을 살아왔었다. 하지만 요즘 운동을 다시 시작하며 피곤함이 증가하다 보니 일할 때 집중이 잘 안 되기도 하고 문득 이런 생활이 비효율적인 것 같다고 느껴졌다. 그래서 규칙적인 수면 습관을 가지기로 했고 결심에 도움을 주고자 수면 관련된 책인 이 책을 골랐다. 저자는 책소개에서부터 책을 읽다가 졸리면 그냥 자는 것을 권한다. 그래서 조금 졸립다 싶으면 책 덮고 자버려서 읽는데 시간이 좀 걸리기도 했다. 이번엔 일부러 전자책이 아닌 종이 책으로 읽기도 했고, 이 책을 읽는 동안 실제로 일찍 자도록 노력.. 공감수 3 댓글수 0 2024. 4. 3.
글쓰기 스터디 1분기 회고 회사 내에서 한 주에 한 번씩 글을 쓰는 스터디에 참여하게 되었다. 글의 주제는 자유고 아무 글이라도 하나씩 쓰는 것을 목적으로 둔 스터디라 처음엔 큰 부담은 없었으나 스터디를 진행한 지 2주 차 되던 쯤에는 앞으로 잘할 수 있을지 걱정이 되기도 했다.. 하지만 벌써 3개월이 흘렀고 다음 분기의 시작을 기다리며 나의 3개월간의 글쓰기 스터디를 짧게 회고해보기로 했다. 사실 중간에 '한번 쯤 안 써도 되지 않을까' 하는 흔들리는 마음도 있었지만ㅎ 열심히 함께 해준 스터디원들(+패널티) 덕분에 빠지지 않고 잘 쓸 수 있었던 것 같다. (모두 감사드리고,, 앞으로도의 9개월도 잘 부탁드립니다,, 🙇‍♀️) 💭 느낀 점 (+ 좋았던 점) 혼자서라면 하지 않았을 일인데 함께 하다보니 동기부여도 되고 의무적으로라.. 공감수 0 댓글수 0 2024. 3. 20.
[책 리뷰] 편지 츠요시는 동생의 대학 등록금을 마련하기 위해 오가타 상점의 할머니네에서 돈을 훔치기로 한다. 범행을 계획한 날 다행히 할머니는 집에 없었고 츠요시는 돈만 가지고 나올 생각이였지만 주방에서 군밤 봉투를 발견한다. 동생이 군밤을 좋아했었던 것이 기억나 봉투를 챙겼다. 하지만 집에 없는 줄 알았던 할머니와 마주치게 되고 경찰에 신고를 하려는 할머니를 막는 과정에서 츠요시는 우발적인 살인을 하게된다. 동생을 위해 의도하지 않은 살인을 저지르게된 츠요시는 교도소에 수감 되었고 츠요시의 동생인 나오키는 범죄자의 가족이라는 사회적 편견과 차별의 세상을 마주하게 된다. 어른이란 참 이상한 동물이다. 어떤 때는 차별을 해서는 안된다고 하면서도 어떤 때는 교묘하게 차별을 조장한다. 그런 자기 모순을 안고 어떻게 살아갈까?.. 공감수 0 댓글수 0 2024. 3. 18.
[책 리뷰] 지적 대화를 위한 넓고 얕은 지식 1 추천책으로 하도 많이 봐서 읽어본 책이다. 책이 그렇게 얇지는 않은데 설명응 잘해서인지 술술 읽었다. 책 이름을 줄여서 이라고 부르는데 내가 읽은 건 1권이고 총 3권으로 구성되어 있다. 1권은 역사, 경제, 정치, 사회, 윤리 5가지의 파트로 구성되어 있으며 역사라는 여행지를 시작으로 경제, 정치, 사회, 윤리까지 여행하듯 이야기를 펼쳐나간다. 세계 구조에 있어 복잡한 내용들은 생략하고 단순화하여 설명하기 때문에 내용은 얕지만 전반적인 흐름을 이해하기가 쉽다. 말 그대로 넓고 얕은 지식이기 때문에 최소한의 지식을 쌓도록 도와주는 교양 입문서 정도로 생각하며 읽으면 된다. 각 파트의 내용들이 연결되어 있어서 순서대로 읽으면 자연스럽게 이해가 된다. 특히나 이야기의 중반과 끝난 후에 정리가 되어있어 거의 .. 공감수 4 댓글수 0 2024. 3. 12.
[책 리뷰] 사피엔스 저자인 유발 하라리는 인간은 이야기하는 동물이며 다른들보다 더 많은 것을 알지만 그만큼 더 많은 허구를 믿는다고 말한다. 허구로 인해 우리의 인간 종은 협력하며 발전했다. 그리고 이어진 기술의 발전이 인간에게 행복을 주는지에 대한 의문을 제시한다. 그리고 허구와 행복의 관점에서 인류는 어떻게 발전해 왔는지, 인류의 발전으로 인해 다른 생명체들에게 어떤 영향을 미쳤는지에 대해 인지혁명/농업혁명/인류의 통합/과학혁명 총 4부에 걸쳐 설명한다. 인지혁명 침팬치와 같은 유인원의 경우 사회적 본능으로 집단을 형성하지만 규모가 커지면 체제가 불안정해지기 때문에 무리가 쪼개지게 된다. 하지만 우리는 과거의 제국부터 현재까지 우리는 수백만 명 수억 명이 협력해서 살아가고 있다. 어떻게 그것이 가능했을까? 책에서는 그 .. 공감수 0 댓글수 0 2024. 3. 4.
[책 리뷰] 홍학의 자리 주인공인 김준후는 은파고등학교에서 담임교사를 맡고 있고 반의 학생인 다현과 부적절한 관계를 맺고 있다. 어느 날 준후는 학교에서 야간 근무를 하고 있었는데 다현이 문자와 함께 학교에 찾아왔다. 다현이 찾아온 것을 경비원에게 숨기기 위해 준후가 잠시 자리를 비웠고, 다시 학교로 돌아온 사이 다현은 교실에서 시체로 발견되었다. 준후는 살인 사건의 용의선상에 오르진 않겠지만 자신의 흔적이 남겨져있는 다현의 시체를 통해 학생과의 부적절한 관계였던 것이 발각될 것이 두려워 시체를 유기하기로 결심한다. 그런데 다현은 누가 죽였을까? 다현은 어린 나이이지만 세상에 홀로 남은 외로운 아이였다. 사기꾼인 엄마는 교도소에서 자살을 했고 엄마에게 사기를 당한 피해자들은 다현을 괴롭혔다. 용의 선상에는 다현을 괴롭힌 사람들.. 공감수 0 댓글수 0 2024. 2. 27.
[책 리뷰] 죽음의 수용소에서 저자인 빅터 프랭클이 2차 세계대전 당시 아우슈비츠 강제 수용소에서 생활했던 경험들과 정신과 의사로서 수감자들을 관찰한 경험들을 바탕으로 쓰인 책이다. 기존의 책과 영화에 자주 소비되는 슬프고 잔인한 수용소의 내용만이 중심이 아닌, 수감자들의 심리 변화를 중점으로 이야기를 풀어가는 방식으로 시작된다. 그리고 그 경험을 토대로 지금의 우리의 현실에 빗대어 앞으로 우리가 삶을 살아가며 의미를 찾는데에 도움을 주는 방향들을 제시해 준다. 또한 저자는 수용소 생활을 하는 수감자의 심리 반응을 경험에 따라 단계로 설명한다. 수용소에 들어온 직후 느끼는 충격, 집행유예 망상과 같은 실낱같은 희망에 매달려 갖는 환상, 무너진 환상으로 인한 절망감에 이어 죽음을 일상적으로 목격하며 생기는 감정 결핍, 즉 무감각까지 이.. 공감수 1 댓글수 0 2024. 2. 21.
[책 리뷰] 평균의 종말 평균적 인간 1840년대에 수학으로 인간을 분석하고자 했던 아돌프 케틀레는 사회문제를 해결하기 위해 천문학의 평균법을 인간에게 응용해 보기로 했다. 당시 천문학자들은 평균 측정값이 측정값이 참값에 대한 기대 가능한 근접 치라고 여겼는데 이 평균값을 인간에게 도입하게 되었고 그 결과 개개인은 오류에 해당하고 평균적 인간이 참 인간에 해당한다는 개념을 전파하게 되었다. 케틀레의 평균적 인간이라는 개념은 인간 통계뿐만 아니라 타인을 정형화하고싶은 인간 본유의 충동에서도 정당성을 입증하게 되어 정부에서도 사회정책을 구상하기 위한 기초 토대로서 케틀레의 사회 물리학을 채택하게 되었다. 케틀레의 개념이 1840년대 지성계를 사로잡았고 1890년대에는 프랜시스 골턴의 계층개념이 나타났다. 골턴은 평균을 뛰어넘는 사람.. 공감수 0 댓글수 0 2024. 2. 14.
[책 리뷰] 용의자 X의 헌신 야스코는 전남편인 도가시에게 도망쳐 딸과 함께 이사 와서 행복하게 살고 있었다. 이사 온 곳에서 자리를 잡으며 작은 도시락 가게에서 일한 지 1년쯤 되던 때, 도가시는 두 모녀의 집에 찾아와 돈을 요구하며 괴롭힌다. 딸인 미사토는 돈을 받고 돌아가려는 의붓아버지의 머리를 꽃병으로 내려쳤고 야스코는 딸을 공격하려는 전남편을 저지하는 과정에서 의도치 않게 딸과 함께 전남편을 살해하게 된다. 딸을 공범으로 만들기 싫어 자수하는 것을 고민하던 중 옆집에 살고 있는 도시락 가게의 단골손님인 이시가미라는 남자가 찾아와 시체를 처리하는 것을 도와주겠다고 자신을 믿어보라고 한다. 사람이 풀기 힘든 문제를 만드는 것과 그 문제를 푸는 것 중 어느 쪽이 더 어려울까 하는 거야. 단, 해답은 반드시 존재한다고 치고 말이야... 공감수 2 댓글수 0 2024. 1. 30.
[책 리뷰] 인류세: 인간의 시대 인류세 인류세는 인류의 활동으로 기후적인 변화와 생태계적인 변화가 급격하게 이루어진 새로운 지질시대를 의미한다. 노벨상 수상자인 네덜란드의 대기과학자 파울 크리스천이 처음 제시한 용어이며 아직 공식적인 지질시대로 정해지지는 않았으나 그 시대가 시작하는 시점은 언제로 할 것인지, 그 증거는 무엇인지 등 오랜 시간 논의되어 왔다. 공식적인 현재의 지질시대는 신생대 4기 홀로세이다. 홀로세는 1만 1700년 전에 시작되었는데 지금의 지구는 인류로 인해 급격하게 변화되었고 이제는 인간이 기후변화를 일으키는 주체가 되면서 새로운 지질시대인 인류세라는 용어가 나타나게 된 것이다. 식용 닭은 인류가 생물권을 바꿔놓은 상징으로서 지표화석이 될 만하다. 지질시대에는 대표 화석이 있다. 고생대의 대표적 화석은 삼엽충, 중.. 공감수 3 댓글수 0 2024. 1. 24.
[책 리뷰] 이것이 인공지능이다 인공지능이 세상을 바꾸고, 긍정적인 방향으로 활용되느냐 그렇지 않느냐는 그 기술을 개발하는 사람들의 손에 달린 것이 아니라 그것을 이해하고 활용하는 평범한 사람들에 의해 결정된다. 종이 사용량의 증가 컴퓨터의 보급으로 종이 소비량이 감소할 거라는 전망이 있었으나 오히려 종이 사용량이 폭발적으로 증가했다. 컴퓨터가 보급되기 전에는 10가지의 일을 할 때 1장의 종이를 썼다면 일이 가짓수가 늘어나서 200가지의 일을 하면서 10% 정도의 종이가 필요해졌기 때문이다. 이처럼 인공지능을 활용하여 인간이 할 수 있는 일과 양의 범위가 커지면서 사람이 할 수 있는 영역또한 늘어날 것이다. IT, DT, 빅데이터 IT와 컴퓨터 공학을 동일시 하는 사람들이 있지만 사실 IT가 조금 더 큰 개념이다. 정보 기술을 일컫으.. 공감수 1 댓글수 0 2024. 1. 15.
[책 리뷰] 신경 끄기의 기술 무엇에 신경을 쓸 것인가? 신경 끄기란 나에게 있어 중요한 것과 중요하지 않은 것을 선별하는 것이다. 즉. 아무것도 신경 쓰지 않는 것이 아니라 목표에 따른 고난과 역경에 신경을 쓰지 않되 중요한 일에 쓰기 위한 신경을 남겨놓는 것이다. 인간은 본성상 과도하게 신경을 쓰게 되어있다. 하지만 고난에 신경을 쓰지 않으려면 그보다 더 중요한 것에 신경을 쓰면 된다. 문제없는 삶을 꿈꾸지 마. 그런 건 없어. 그 대신 좋은 문제로 가득한 삶을 꿈꾸도록 해. 삶에 있어서 문제는 끝없이 계속된다. 단지 바뀌거나 나아질 뿐이다. 내가 결혼하는 사람이 나와 싸울 사람이고 내가 구입하는 집이 내가 수리해야 할 집이다. 그리고 내가 선택하는 꿈의 직업이 나에게 스트레스를 줄 직업이다. 결국 우리에게 행복을 주는 것들이 한.. 공감수 1 댓글수 0 2024. 1. 9.
[책 리뷰] 딥 워크 📘 책 내용 요약 딥워크란? 인지 능력을 한계까지 밀어 넣어 완전하게 집중한 상태에서 하는 일. 따라 하기 어렵다. 대체 불가능한 전문가가 되는법 익힐 수 없으면 성공할 수 없다. 기술의 발전으로 경제 구조가 바뀌고 있는 현재, 특별한 우위를 누리기 위한 핵심 능력은 두 가지가 있다. 1. 새로운 기술, 어려운 일을 신속하게 습득할 수 있는 능력 : 어려운 기술일수록 그 가치가 높아지며 빠르게 변화하는 기술들에 맞춰 습득을 하려면 반드시 집중이 필요하다. 2. 질과 속도의 면에서 최고의 성과를 내는 능력 : 성과는 같은 시간을 투자하더라도 집중하는 강도에 영향을 받는다. 즉 집중을 잘하고 시간을 효율적으로 쓰는 사람이 결과적으로 좋은 성과를 낼 수 있다. 몰입과 집중을 방해하는 세상 분주함은 생산성과 동.. 공감수 1 댓글수 1 2024. 1. 2.
[책 리뷰] 꿀벌의 예언 1, 2 주인공인 르네가 퇴행 최면을 통해 30년 후의 미래에 가게 되고 미래에 꿀벌이 사라지면서 3차 세계대전이 발생한다는 것을 알게 된다. 미래의 르네는 이를 막기 위한 답이 “꿀벌의 예언”이라는 책에 있다고 알려주어 현재의 르네는 “꿀벌의 예언”을 쓴 저자를 찾아 과거(전생)으로의 여행을 떠나게 된다. 꿀벌이 지구상에서 사라지면 인간에게 남은 시간은 4년뿐이다. 인생을 살며 중요하게 여기지 않았던 꿀벌이라는 존재가 사라짐으로써 인류의 미래가 없어진다는 것에 처음엔 공감을 하기 어려웠다. 하지만 전체 식물종의 80%가 꿀벌이 있어야만 번식을 할 수 있으며 꿀벌이 사라진다는 것은 인간의 생존과도 연관이 되어있다는 것을 알게 되었다. 책 속에서의 꿀벌의 개체 수를 줄이는 주된 원인인 등검은 말벌은 보통 겨울의 강.. 공감수 0 댓글수 0 2023. 10. 16.
[책 리뷰] 물고기는 존재하지 않는다 줄거리 및 스포 저자는 본인의 삶에서 혼란을 겪고 있을 때 데이비드 스타 조던이라는 어류 분류 학자에 대해 알게 된다. 데이비드는 수십년간 수집한 수천개의 어류 표본들을 지진으로 인해 한번에 잃을 위기에 처했었지만 좌절하지 않고 꿋꿋하게 바늘로 물고기에 이름표를 꿰매서 달았고 저자는 이 행동을 보고 어떻게 좌절하지 않고 희망을 가질 수 있는 지에 대한 궁금증으로 시작하여 그의 이야기를 쫒게된다. “인생의 의미가 뭐예요?” “의미는 없어” 저자는 과학자인 아버지 밑에서 자라 모든 것들은 광대한 시간의 길이 중 인간이 존재하는 기간은 너무나 적고 지구 멀리서 본다면 아무것도 아닌 의미없는 것들이라는 말들을 들으며 자라게된다. 그리고 그 의미 없는 삶 속에서 학창시절엔 언니와 함께 따돌림을 당하고 우울증으로 .. 공감수 0 댓글수 0 2023. 8. 30.
[책 리뷰] 프로그래머의 뇌 📘 리뷰 회사에 입사 후 OJT에서 이 책의 일부 파트를 읽는 게 있었는데, 다시 전체적으로 읽어봐야겠다는 생각이 들어서 다시 읽은 책이다. 프로그래밍 기술과 습관을 보다 향상시키고 깊게 이해하고 싶은 사람들을 위한 책이라고 설명되어는 있지만 내가 읽었을 땐 마치 “코드 이해하는 거 어려웠지? 이런 이유 때문에 어려운 것이었단다~” 와 같이 설명해 주는 느낌이라 위로 아닌 위로(?)를 받은 느낌이었다. 다만 이 어렵게 느껴지는 관점을 일반적인 관점이 아닌 뇌와 관련된 인지적 관점으로 다루기 때문에 신선하기도 하고 입사 후 한번쯤 해봤을 만한 생각들을 다양한 실험을 예시로 들어서 재미있게 읽었다, 내용의 일부는 프로그래밍 뿐만 아니라 다른 학습을 할 때도 접목시킬 만한 내용도 있었고, 중간중간 자기 자신의.. 공감수 0 댓글수 0 2023. 8. 29.
불필요한 useEffect 제거하기 불필요한 useEffect 제거하기 무분별하게 useEffect를 사용하게 되면 버그가 생기기 쉽고 사이드 이펙트 때문에 디버깅을 하기 어려울 때가 있다. 또한 useEffect 없이 구현할 수 있음에도 useEffect를 사용함으로써 불필요한 렌더링이 생기기도 한다. 나 또한 코드를 작성할 때 습관적으로 useEffect를 사용해 왔던 것 같고 이전에 관련 내용을 읽은 적은 있었으나 의식적으로 다른 코드로 대체할 생각을 하지 않다 보니 습관 그대로 쓰는 경우가 있었다. 이번에 회의에서 useEffect 사용을 자제 하자는 이야기가 나와서 다시 직접 작성하며 정리하게 되었다. 🔗 참고 문서 : https://react.dev/learn/you-might-not-need-an-effect 참고 문서에서 대.. 공감수 4 댓글수 0 2023. 8. 15.
[emotion] Component selectors can only be used in conjunction with babel-plugin-emotion nextjs에서 component selecteor사용 시 발생하는 에러 Error: Component selectors can only be used in conjunction with @emotion/babel-plugin, the swc Emotion plugin, or another Emotion-aware compiler transform. const Parent = styled.div` ${Children} { font-size: 20px; } `; ✅ 해결 next.config.js compiler: { emotion: true, }, 공감수 0 댓글수 0 2023. 1. 30.
[Next.js] Storybook next/image 설정 storybook에서 next에서 사용하는 Image 컴포넌트를 그대로 사용했더니 404 (Not Found)가 무한 호출되는 현상이 나타났다. ✅ 해결 방법 storybook 환경에서는 이미지 최적화를 하지 않도록 설정한다. // .storybook/preview.js import * as NextImage from 'next/image'; const OriginalNextImage = NextImage.default; Object.defineProperty(NextImage, 'default', { configurable: true, value: (props) => src} />, }); export const parameters = { actions: { argTypesRegex: '^on[A-Z].. 공감수 0 댓글수 0 2022. 11. 30.
[Error/Storybook] ModuleNotFoundError: Module not found: Error nextjs + ts 환경에서 storybook을 설치하고 yarn storybook을 했는데 webpack building 99% 이후 아래와 같은 에러가 발생했다 ModuleNotFoundError: Module not found: Error: Can't resolve 내 폴더 경로/node_modules/@storybook/addon-measure/preview.js-generated-config-entry.js doesn't exist 에러 메세지의 경로를 보니 module 안에서 문제가 있는 것 같았는데 오랜시간 헤매다 찾은 글로 임시로 해결했다. https://stackoverflow.com/questions/74537078/storybook-cant-resolve-generated-stori.. 공감수 0 댓글수 0 2022. 11. 23.
[Next.js] SSR + ReactQuery 적용하기 Next.js를 사용하여 프로젝트를 진행중이었는데 SSR로 작성된 페이지로 진입 시 csr보다 1초정도 느리게 페이지가 이동되는 현상이 있었다. (이전 프로젝트에서도 마찬가지) 이 부분을 개선하고 싶어서 여러 방면으로 알아보았지만 마땅한 해결 방법을 찾지 못했고 계속 신경쓰이던 부분이었는데,이번에 reactQuery를 테스트삼아 도입을 하며 조금은 개선을 하게 되었다. (아직 이후 발견하는 문제를 찾지는 못함) 📝 과정 1. 질문 목록을 클릭하면 해당 질문의 카테고리 정보와 함께 상세 페이지([id].tsx)로 이동한다. 2. 상세 페이지에서는 상세정보를 요청을 하고(SSR) 응답받은 데이터를 페이지에 내려준다. 3. 2번에서 받은 상세 정보에는 이전,다음 질문에 대한 (prevId, nextId)가 존.. 공감수 0 댓글수 0 2022. 11. 12.
ngrok으로 로컬 개발 환경 외부에 공유하기 모바일로 로컬 환경을 확인해봐야 할 일이 있어서 알게된 ngrok https://ngrok.com/docs/getting-started 설치 brew install ngrok/ngrok/ngrok 기본 실행 방법은 로컬 개발 서버 띄우고 아래의 명령어를 입력하면 된다. ngrok http (port번호) 명령어 입력 후 터미널 창에 나타난 주소를 클릭하면 공유할 수 있는 링크로 연결된다. Invalid Host header Error 개인적으로 하는 프로젝트에서는 위의 기본 실행 명령어로 접속이 가능했지만 회사에서 테스트 할 때는 위 명령어로 진행이 되지 않아서 host-header를 지정해주는 명령어를 추가했다. http (port번호) --host-header="localhost:(port번호)" 이.. 공감수 0 댓글수 0 2022. 11. 10.
The following untracked working tree files would be overwritten by checkout 폴더명을 select-> Select로 변경하고 다른 추가작업을 하고 커밋을 했는데 git에서 대소문자를 구분을 못해서 변경이 적용이 안되었다. git config core.ignorecase false 위와 같이 git설정을 하고나니 대소문자 구분은 하게 되었는데 git설정을 변경하고 develop에 적용하기 전에 만들어야 했던 브랜치들이 있었고 그 브랜치를 돌아다니던 과정에서 아래와 같은에러가 발생했다. The following untracked working tree files would be overwritten by checkout 해결 방법 1. untracked file 제거 git clean -fd --dry-run 파일을 인식을 못하는건지 위의 명령어로 해결이 안되어서 다른 방법을 알아보.. 공감수 0 댓글수 0 2022. 11. 6.
[Next.js] Rewrites 프로젝트를하며 API를 통해 로그인 요청을 테스트하던 중 다른 API들은 정상적으로 호출이 되는데 로그인 부분만 CORS가 발생하여 이후 진행이 안되던 상태였다. 백엔드쪽에서 바로 처리가 안되기도 했고 일단 개발 진행을 위해 크롬 확장 프로그램을 사용하여 해결을 해보려 했지만 해결이 되지 않아서 프론트쪽에서 proxy를 사용해보기로 했고, rewrites로 대체할 수 있다는걸 알게되어 글을 작성하게 되었다. Rewrites rewrites는 프록시 역할을 해주기도 하고 요청으로 들어온 경로를 다른 경로로 보내줄 수도 있다. Next.js rewrites axios 요청 export const getUerInfo = () => { return axios.get('/user'); }; next.config... 공감수 0 댓글수 0 2022. 11. 6.
[Next.js] MSW로 API 모킹하기 이전 프로젝트를 진행하며 예상한 날짜에 API가 완성되지 않거나 응답이 제대로 되지 않을 경우 작업에 딜레이가 생겼던 적이 있었다. 뒤늦게 MSW의 존재를 알게 되긴 했지만 그 때 도입하기엔 조금 늦은감이 있어서 적용을 못했었다. 그래서! 조금은 여유로운(?) 새로운 프로젝트를 진행하며 비슷한 상황이 생기는 듯 하여 MSW를 도입해보기로 했다. MSW란? MSW는 Mock Service Worker로 서비스 워커를 이용하여 API를 모킹할 수 있는 라이브러리이다. 서비스 워커는 서버로 요청이 발생하면 요청을 가로채서 MSW에 전달하고 handler에 정의해둔 응답을 받을 수 있다. MSW를 사용하면 백엔드 API가 완성되지 않았을 때 API를 모킹하여 가상으로 데이터를 불러올 수 있기 때문에 미리 코드를.. 공감수 0 댓글수 0 2022. 10. 13.
[Next.js] SVGR 으로 SVG 파일 다루기 이전에 2개의 프로젝트를 진행하면서 SVG파일의 경우 img태그로 불러와서 처리를 했었는데 size는 컨트롤 할 수 있었으나 img로 svg를 불러올 경우 컬러 변경이 안되기 때문에 각 컬러별로 svg파일을 불러왔었다. 이렇게 하다보니 여간 불편한게 아니었고 실무에서는 왠지 이렇게 사용할 것 같지가 않았다.. 때마침 새로운 프로젝트를 진행하며 나와 비슷한 시행착오를 겪었던 팀원을 만나게 되었고, 그 팀원분이 SVG Icon 컴포넌트를 담당해서 맡아주시기로 했고 공유를 해주셨다.🙌 SVGR svgr은 svg 파일을 React 컴포넌트로 변환을 시켜주는 라이브러리이다. // assets/icons/close.svg 이런 svg파일을 아래와 같은 컴포넌트 형태로 만들어준다. import * as React f.. 공감수 4 댓글수 0 2022. 10. 5.

문의안내

티스토리
로그인
고객센터

티스토리는 카카오에서 사랑을 담아 만듭니다.