테이블오더 시장이 국내 유니콘(기업가치 1조원 이상 비상장사) 기업들의 새로운 전쟁터가 되고 있다. 배달의민족, 야놀자, 토스에 이어 소상공인 솔루션 유니콘 한국신용데이터(KCD) 계열사인 아임유도 본격적으로 테이블

배민·야놀자에 KCD까지 참전…K유니콘 각축장된 테이블오더 시장

배달앱, 숙박앱 등 본업 경쟁이 치열해지자 유니콘들이 테이블오더 사업을 새로운 돌파구로 삼고 있다는 분석이다. 쿠팡이츠에 쫓기고 있는 배민은 테이블오더 시장 진출을 계기로 온·오프라인 시너지를 본격화한다. 여기어때와 경쟁을 펼치고 있는 야놀자는 신사업을 활용해 식음료(F&B) 분야로 영역을 다각화한다.

대형 유니콘들이 앞다퉈 테이블오더 시장에 뛰어들면서 테이블오더 시장이 재편될 것이란 전망도 나온다. 현재 테이블오더 시장의 1위 사업자는 스타트업인 티오더다. 메뉴잇, 하이오더 등 스타트업들도 통신사 등과 제휴해 영업을 펼치고 있다.

https://n.news.naver.com/article/015/0005083110

배달앱, 숙박앱 등 본업 경쟁이 치열해지자 유니콘들이 테이블오더 사업을 새로운 돌파구로 삼고 있다는 분석이다. 쿠팡이츠에 쫓기고 있는 배민은 테이블오더 시장 진출을 계기로 온·오프라인 시너지를 본격화한다. 여기어때와 경쟁을 펼치고 있는 야놀자는 신사업을 활용해 식음료(F&amp;B) 분야로 영역을 다각화한다. 대형 유니콘들이 앞다퉈 테이블오더 시장에 뛰어들면서 테이블오더 시장이 재편될 것이란 전망도 나온다. 현재 테이블오더 시장의 1위 사업자는 스타트업인 티오더다. 메뉴잇, 하이오더 등 스타트업들도 통신사 등과 제휴해 영업을 펼치고 있다. https://n.news.naver.com/article/015/0005083110

n.news.naver.com

수십 년간 ‘반도체 강자’로 군림해온 미국 반도체 회사 인텔이 재도약을 위해 고군분투하고 있는 가운데 자사의 벤처 캐피털 부문인 ‘인텔 캐피털’을 분사한다. 인텔 로고(사진=로이터) 14일(현지시간) CNBC에 따르

인텔의 고군분투…벤처 캐피털 부문 분사키로

독립 법인으로 전환되는 인텔 캐피털은 외부 자금을 효과적으로 활용하며, 벤처 투자 부문에서 지속적으로 역할을 할 수 있을 것으로 보인다고 CNBC는 예상했다.

인텔 캐피털은 기업형 벤처 캐피털(CVC) 분야의 선구자로 평가된다. 구글과 마이크로소프트(MS), 세일스포스와 같은 주요 기술 기업들이 인텔을 따라 벤처 캐피털 부서를 설립했다. 미국 벤처 캐피털 협회에 따르면 CVC 투자 활동은 2021년에 약 1560억 달러(약 227조9000억원)를 조달하고 약 3800건의 거래에 참여하며 정점을 찍었으나 금리가 상승한 2022년 이후 급감했다.

https://n.news.naver.com/article/018/0005925326?sid=101

독립 법인으로 전환되는 인텔 캐피털은 외부 자금을 효과적으로 활용하며, 벤처 투자 부문에서 지속적으로 역할을 할 수 있을 것으로 보인다고 CNBC는 예상했다. 인텔 캐피털은 기업형 벤처 캐피털(CVC) 분야의 선구자로 평가된다. 구글과 마이크로소프트(MS), 세일스포스와 같은 주요 기술 기업들이 인텔을 따라 벤처 캐피털 부서를 설립했다. 미국 벤처 캐피털 협회에 따르면 CVC 투자 활동은 2021년에 약 1560억 달러(약 227조9000억원)를 조달하고 약 3800건의 거래에 참여하며 정점을 찍었으나 금리가 상승한 2022년 이후 급감했다. https://n.news.naver.com/article/018/0005925326?sid=101

인공지능(AI) 스타트업 ‘퍼플렉시티 AI’가 틱톡 미국 법인과의 합병을 제안했다. 18일(현지 시각) 미 경제 매체 CNBC 방송에 따르면 퍼플렉시티는 이날 틱톡 모회사인 바이트댄스에 자사와 틱톡 미국 법인, 투자

“퍼플렉시티, 美 서비스 중단되는 틱톡에 합병 제안”

CNBC 방송에 따르면 퍼플렉시티는 이날 틱톡 모회사인 바이트댄스에 자사와 틱톡 미국 법인, 투자사 뉴 캐피탈 파트너스와 합병을 통해 새로운 법인을 설립하겠다는 제안서를 제출했다.

제안서에는 새로운 구조를 통해 바이트댄스의 기존 투자자 대부분이 지분을 그대로 유지할 수 있고, 이 AI 스타트업은 더 많은 동영상 콘텐츠를 제공받을 수 있을 것이라는 내용이 담겼다.

https://n.news.naver.com/article/366/0001048185?sid=104

CNBC 방송에 따르면 퍼플렉시티는 이날 틱톡 모회사인 바이트댄스에 자사와 틱톡 미국 법인, 투자사 뉴 캐피탈 파트너스와 합병을 통해 새로운 법인을 설립하겠다는 제안서를 제출했다. 제안서에는 새로운 구조를 통해 바이트댄스의 기존 투자자 대부분이 지분을 그대로 유지할 수 있고, 이 AI 스타트업은 더 많은 동영상 콘텐츠를 제공받을 수 있을 것이라는 내용이 담겼다. https://n.news.naver.com/article/366/0001048185?sid=104

1. 많은 사람들이 피부로 느끼듯이, 최근 많은 스타트업들이 문을 닫고 있고, 매물로 나온 스타트업들도 부지기수입니다.

2. 이를 두고, 스타트업 혹한기라고 말하는 사람들이 있지만, 좀 더 냉정하게 현실을 바라볼 필요가 있습니다. 어쩌면 2010년 초반부터 시작된 스타트업 사이클이 이젠 거의 끝나가고 있다고요.

3. 하나씩 살펴볼까요? 이미 빅테크 기업들이 자신의 위치를 견고하게 다지고 있는 상황에서 새로운 소셜 미디어가 등장하는 것은 이젠 거의 불가능해졌습니다.

4. 잘 알듯이, 일반적으로 소셜 미디어는 어느 정도 유의미한 네트워크가 형성될 때까지는 돈을 거의 벌 수 없기 때문에, 이런 상황에서 새로운 소셜 미디어가 등장하려면 그 스타트업이 수억 명의 고객을 확보할 때까지 버틸 수 있는 충분한 자금이 지원되어야 합니다. 과연 그런 자금이 지금 시장에 남아 있을까요?

5. 한때 대규모 투자를 받으며 주목을 받았던 핀테크 서비스나 콘텐츠 기반의 유료 구독 서비스들도 요즘 대부분 문을 닫고 있습니다. 이들의 부진과 폐업에서 알 수 있는 슬프지만 명확한 사실은, 풍부한 유동성 속에서 이들이 실질적으로 유료 구독자를 확보하는 것보다 대규모 투자를 받는 것이 훨씬 더 쉬웠다는 점입니다.

6. 그래서 이들은 투자자들은 잘 확보했지만, 정작 정말 중요한 유료 고객은 생존할 수 있을 정도로 확보하지 못했죠. 그리고 후속 투자가 어려워지자, 어둠의 길로 사라지고 있고요.

7. 마찬가지로, 투자를 많이 받아 유니콘으로 불린 기업 중에 매각을 위해 움직이고 있는 회사들은 널려 있지만, 그조차도 여의치 않아 하나둘씩 문을 닫고 있는 실정입니다.

8. 물론 그렇다고 해서 모든 스타트업이 다 문을 닫고 그러진 않을 겁니다. 고객을 미치도록 만족시키고, 비용과 현금 관리를 철저히 하고, 제품과 경험의 퀄리티를 높이는 기업은 살아남을 겁니다. 하지만 그건 스타트업이라고 해서 살아남는 게 아니라, 기업을 잘 경영해서 살아남는 겁니다.

9. 다시 말해, 스타트업이란 이름으로 모든 게 용서되고 인정받고 대우받았던 스타트업 붐은 사실상 끝났고, 다음 사이클이 언제 시작될지는 누구도 장담할 수 없습니다.

10. 그렇기에 조금만 더 버티면 금방 다시 분위기가 좋아질 것이라는 환상은 버리고, 지금은 어쩌면 냉정하고 처절하게 현실을 마주해야 하는 순간일 수 있습니다.

1. 많은 사람들이 피부로 느끼듯이, 최근 많은 스타트업들이 문을 닫고 있고, 매물로 나온 스타트업들도 부지기수입니다. 2. 이를 두고, 스타트업 혹한기라고 말하는 사람들이 있지만, 좀 더 냉정하게 현실을 바라볼 필요가 있습니다. 어쩌면 2010년 초반부터 시작된 스타트업 사이클이 이젠 거의 끝나가고 있다고요. 3. 하나씩 살펴볼까요? 이미 빅테크 기업들이 자신의 위치를 견고하게 다지고 있는 상황에서 새로운 소셜 미디어가 등장하는 것은 이젠 거의 불가능해졌습니다. 4. 잘 알듯이, 일반적으로 소셜 미디어는 어느 정도 유의미한 네트워크가 형성될 때까지는 돈을 거의 벌 수 없기 때문에, 이런 상황에서 새로운 소셜 미디어가 등장하려면 그 스타트업이 수억 명의 고객을 확보할 때까지 버틸 수 있는 충분한 자금이 지원되어야 합니다. 과연 그런 자금이 지금 시장에 남아 있을까요? 5. 한때 대규모 투자를 받으며 주목을 받았던 핀테크 서비스나 콘텐츠 기반의 유료 구독 서비스들도 요즘 대부분 문을 닫고 있습니다. 이들의 부진과 폐업에서 알 수 있는 슬프지만 명확한 사실은, 풍부한 유동성 속에서 이들이 실질적으로 유료 구독자를 확보하는 것보다 대규모 투자를 받는 것이 훨씬 더 쉬웠다는 점입니다. 6. 그래서 이들은 투자자들은 잘 확보했지만, 정작 정말 중요한 유료 고객은 생존할 수 있을 정도로 확보하지 못했죠. 그리고 후속 투자가 어려워지자, 어둠의 길로 사라지고 있고요. 7. 마찬가지로, 투자를 많이 받아 유니콘으로 불린 기업 중에 매각을 위해 움직이고 있는 회사들은 널려 있지만, 그조차도 여의치 않아 하나둘씩 문을 닫고 있는 실정입니다. 8. 물론 그렇다고 해서 모든 스타트업이 다 문을 닫고 그러진 않을 겁니다. 고객을 미치도록 만족시키고, 비용과 현금 관리를 철저히 하고, 제품과 경험의 퀄리티를 높이는 기업은 살아남을 겁니다. 하지만 그건 스타트업이라고 해서 살아남는 게 아니라, 기업을 잘 경영해서 살아남는 겁니다. 9. 다시 말해, 스타트업이란 이름으로 모든 게 용서되고 인정받고 대우받았던 스타트업 붐은 사실상 끝났고, 다음 사이클이 언제 시작될지는 누구도 장담할 수 없습니다. 10. 그렇기에 조금만 더 버티면 금방 다시 분위기가 좋아질 것이라는 환상은 버리고, 지금은 어쩌면 냉정하고 처절하게 현실을 마주해야 하는 순간일 수 있습니다.

정말 죄송하지만, 이번 스타트업 사이클은 끝났습니다

흥미로운 제목이어서, 저도 짧게 생각을 남겨봅니다!

실제 시소와 퍼블리를 운영하는 입장에서,, 최근의 스타트업 사이클에 대해서 느껴지는 체감상황이 있어서 추가해보았습니다.

1. 빠르게 움직이고 있는 스타트업 대표님들은 이미 기존 기업가치를 줄이면서 기존 투자자와 신규투자자들을 통해 향후 몇년을 운영할 투자를 유치하고 있더라고요.

2. 현재 AI deep tech 쪽은 기존의 스타트업 사이클이 새로운 미래전망을 기반으로 동작하고 있는것 같습니다. 다만, 이쪽은 메가 트렌드가 AI로 나아가면서 국가 및 투자자들의 불안심리가 있어서, 기존 사이클이 동작하는 성향도 없지 않더라고요. 

3. 현업에서 많은 대표님들과 투자자들을 만나면서 스타트업에 씬에 들어온지 10년이 넘었지만, 최근처럼  '시장변화에 대한 정보와 전망' 차이가 심한적은 없었던것 같습니다. 특히 한국 스타트업이 나아갈수 있는 방향에 대해서, 스타트업 대표님들부터 VC까지  공감할수 있는 view가 잘 만들어지지 않는것 같습니다. 
 이런 측면에서 말씀하신 사이클이 끝났다는 표현에 많이 공감이 되더라고요, 다만 결국 그 view는 새로운 스타트업들의 새로운 성공방정식이 나와야 만들어지기에 결국 그 어려움을 타게해서 만드는 스타트업들이 새로운 사이클을 만들어내지 않을까 싶습니다. 


The Mom Test는 새로운 비즈니스를 시작하려는 사람들을 위한 고객 인터뷰/고객 개발(Customer Development) 방법론에 관한 짧은 책이다. 우리가 창업 등의 아이디어를 어머니께 말씀드리면, 어머니는 이해가 안되거나 좋은 아이디어가 아니라고 생각해도 "아이고 우리 아들/딸, 정말 좋은 생각이구나!"라고 할 가능성이 아주 높다. 하지만 이건 진정한 피드백이 아니다. Mom Test는 이런 상황을 피하고 진짜 인사이트를 얻을 수 있는 인터뷰 방법을 이야기한다. 개인적으로 이 책 소개를 블라인드의 공동창업자 김성겸님으로부터 소개받았는데 큰 도움이 되었으며 UX 리서치에 관심을 갖는 계기가 되었다.

Mom Test는 어머니조차도 거짓말할 수 없는 방식으로 질문하는 것에 대한 것이다. 즉, 상대방의 진짜 생각을 듣는 방법에 관한 것이다. The Mom Test의 핵심 내용을 몇 개의 요점으로 정리해봤다.

 1. 유도 질문을 피하기: 친구, 가족, 잠재 고객에게 당신의 아이디어가 좋은지 묻지 말자 (예: "이거 좋은 생각이라고 생각해?"). 사람들은 보통 감정을 상하지 않게 하려고 공손하지만 도움 안 되는 피드백을 주기 쉽다.
 2. 그들의 문제에 집중하기: 네 아이디어를 장황하게 홍보하지 말고, 그들의 실제 경험, 어려움, 일하는 방식에 대해 물어보자. 해결책을 제시하기 전에 그들의 문제를 깊이 이해해야 한다.
 3. 의견이 아닌 사실을 물어보기: 가상의 시나리오가 아닌 구체적인 과거 행동을 물어보면서 실행 가능한 인사이트를 모아보려 하자 ("이걸 쓸 것 같아?"가 아니라 "지난번엔 이 문제를 어떻게 해결했어?").
 4. 대화를 편하고 열린 분위기로 유지하기: 너무 준비하거나 형식적으로 만들지 말자. 고객 인터뷰를 친근한 대화처럼 다뤄서 사람들이 더 편하게 진솔한 피드백을 공유할 수 있게 하자.
 5. 실질적인 commitment 찾기: 진정한 검증은 막연한 관심이나 칭찬이 아니라, 선주문, 파일럿 프로그램 참여 동의, 또는 다른 사람 소개해주기 같은 구체적인 관심과 행동 (commitment)에서 발생한다.

특히 창업 초기 단계에서 "이 사업 아이템이 정말 고객의 문제를 해결하는가?"를 검증하는 데 관심이 있다면 이 책을 강력 추천한다.

The Mom Test는 새로운 비즈니스를 시작하려는 사람들을 위한 고객 인터뷰/고객 개발(Customer Development) 방법론에 관한 짧은 책이다. 우리가 창업 등의 아이디어를 어머니께 말씀드리면, 어머니는 이해가 안되거나 좋은 아이디어가 아니라고 생각해도 "아이고 우리 아들/딸, 정말 좋은 생각이구나!"라고 할 가능성이 아주 높다. 하지만 이건 진정한 피드백이 아니다. Mom Test는 이런 상황을 피하고 진짜 인사이트를 얻을 수 있는 인터뷰 방법을 이야기한다. 개인적으로 이 책 소개를 블라인드의 공동창업자 김성겸님으로부터 소개받았는데 큰 도움이 되었으며 UX 리서치에 관심을 갖는 계기가 되었다. Mom Test는 어머니조차도 거짓말할 수 없는 방식으로 질문하는 것에 대한 것이다. 즉, 상대방의 진짜 생각을 듣는 방법에 관한 것이다. The Mom Test의 핵심 내용을 몇 개의 요점으로 정리해봤다. <ol ><li>유도 질문을 피하기: 친구, 가족, 잠재 고객에게 당신의 아이디어가 좋은지 묻지 말자 (예: "이거 좋은 생각이라고 생각해?"). 사람들은 보통 감정을 상하지 않게 하려고 공손하지만 도움 안 되는 피드백을 주기 쉽다.</li><li>그들의 문제에 집중하기: 네 아이디어를 장황하게 홍보하지 말고, 그들의 실제 경험, 어려움, 일하는 방식에 대해 물어보자. 해결책을 제시하기 전에 그들의 문제를 깊이 이해해야 한다.</li><li>의견이 아닌 사실을 물어보기: 가상의 시나리오가 아닌 구체적인 과거 행동을 물어보면서 실행 가능한 인사이트를 모아보려 하자 ("이걸 쓸 것 같아?"가 아니라 "지난번엔 이 문제를 어떻게 해결했어?").</li><li>대화를 편하고 열린 분위기로 유지하기: 너무 준비하거나 형식적으로 만들지 말자. 고객 인터뷰를 친근한 대화처럼 다뤄서 사람들이 더 편하게 진솔한 피드백을 공유할 수 있게 하자.</li><li>실질적인 commitment 찾기: 진정한 검증은 막연한 관심이나 칭찬이 아니라, 선주문, 파일럿 프로그램 참여 동의, 또는 다른 사람 소개해주기 같은 구체적인 관심과 행동 (commitment)에서 발생한다.</li></ol> 특히 창업 초기 단계에서 "이 사업 아이템이 정말 고객의 문제를 해결하는가?"를 검증하는 데 관심이 있다면 이 책을 강력 추천한다.

책 The Mom Test 요약

한글판이 있는지 모르겠지만 영문판의 136 페이지다. 

https://www.amazon.com/Mom-Test-customers-business-everyone/dp/1492180742
https://www.momtestbook.com/

01 . 레프 톨스토이가 쓴 ⟪안나 카레니나⟫의 첫 문장은 세상에서 가장 유명한 소설 첫 문장으로 꼽힙니다.
'행복한 가정은 모두 비슷한 이유로 행복하지만 불행한 가정은 각기 저마다의 이유로 불행하다.'
그리고 만약 저에게 저 문장을 글쓰기에 비유할 수 있는 기회가 주어진다면 저는 이렇게 이야기할 것 같아요.
'좋은 글은 각기 저마다의 이유로 훌륭하지만 그렇지 않은 글은 모두 비슷한 이유로 별로다.'
맞습니다. 톨스토이가 선언한 가정의 행불행과는 180도 반대되는 개념이 되는 거죠.

02 . 마음에 드는 좋은 책이나 글을 만날 때면 우리는 다양한 반응으로 칭찬을 아끼지 않습니다. 내용과 메시지는 물론이고 표현과 화법, 구성과 양식, 작가의 철학과 페르소나에 이르기까지 나와 글이 교감한 그 지점을 어떻게든 끌어내서 기억하려고 하기 때문이죠.
하지만 별로인 글을 봤을 때는 대다수가 유사한 반응을 보입니다. '재미없다', '어렵다', '공감이 안 간다', '뻔하다', 심지어 작가가 말하는 게 '재수 없다(?)' 같은 류의 평가가 주를 이루니 말이죠. 그러니 좋은 글에는 저마다의 이유로 칭찬이 발산하지만 그렇지 않은 글은 비슷한 이유로 혹평에 수렴한다는 사실을 깨닫게 됩니다.

03 . 물론 글을 쓰는 사람이 작정하고 어렵게, 재미없게, 뻔하게 쓰려는 것은 아닐 겁니다. 글을 쓰다 보면 어느 순간 나도 모르게 내 글이 어디로 향하고 있는지 감을 못 잡게 되는 경우가 있으니까요. 누군가는 이미 할 말을 다 한 것 같은데 분량이 한참 남았다고 말하고, 또 누군가는 내가 내 생각을 설명하는 글인데 나조차도 이해하기가 어렵다고 말하는 걸 보면 글쓰기라는 게 참 별것 아닌 거 같아도 형언할 수 없는 어려움이 있는 대상임은 분명해 보입니다. (글을 꾸준히, 많이 쓰는 사람들 역시 같은 고민을 호소할 때가 많고요)

04 . 이유야 많겠지만 저는 글이 내 맘대로 쓰여지지 않는 것과 비교적 내가 바라는 방향으로 풀려가는 것은 어떤 글을 쓸 것인가에 대한 준비 단계에서부터 갈린다고 생각합니다. 이 주장에 대한 근거를 설명하기 전에 여러분께 질문을 하나 드려보겠습니다. 혹시 여러분은 뭔가 말로 설명하기 어려운 것이 있을 때 어떤 방법을 동원하시나요? 보통 상세하게 글을 써서 설명하거나, 그림을 그려 설명하거나, 그것도 모자라면 비유할 수 있는 대상을 동원해서 구연동화하듯 설명하거나, 여러분이 생각할 수 있는 갖은 옵션을 고려해 볼 확률이 높습니다. 영화감독이 원활한 촬영을 위해 시나리오를 만화 콘티로 옮기는 것도, 사진작가가 작품을 설명하기 위해 글로 된 설명이나 오디오 도슨트를 마련하는 것도 같은 개념이죠.

05 . 이렇듯 우리는 A라는 매체에 담긴 메시지를 더 정확히, 더 상세히 표현하고 설명하기 위해 B, C, D 등 다른 여러 매체를 사용합니다. 하지만 그 예외에 해당하는 순간이 있으니 그게 바로 글을 쓸 때죠. 글을 쓸 때만큼은 그 글이 어떤 글이 되었으면 하는지 다른 매체로 먼저 표현해 보는 법을 거치지 않는 경우가 많고 심지어 글의 구성이나 개요를 미리 짜보는 사람 역시 이를 글로써 해결하려는 경우가 있기 때문입니다. 정리하자면 글을 잘 쓰고 싶다면, 아니 적어도 뻔하지 않게, 지루하지 않게, 어렵지 않게 쓰기 위해서는 글을 글로 준비하는 단계를 넘어선 뭔가가 필요하다는 얘깁니다.

06 . 흔히 글쓰기에 관해 '말하듯이 쓰라'는 조언을 많이 하지만 저는 여기에 더해 '그리듯이 쓰는 것'도 꽤 좋은 방법이라고 생각합니다. 이건 누구보다 제가 가장 많이 활용하는 방법인데요, 일단 제가 전하고 싶은 이야기나 메시지가 선정되면 그와 관련한 이미지들을 찾아본 다음 PPT나 워드 파일에 4-5 장 정도 주우욱하고 붙여보는 과정을 거치거든요. 그런 다음 그 이미지들을 보며 떠오른 생각이나 느낌들을 주요 단어나 문장들로 정리해두고, 이 그림을 다른 사람의 머릿속에 집어넣어 준다는 생각으로 글을 써 내려가기 시작합니다. 그리고 글이 완성되면 이미지들만 다시 삭제해버리는 거죠.

07 . '어떻게 그게 가능한가요?'라는 반응을 보이시는 분도 있겠지만 이렇게 생각해 보면 간단합니다. 만약 여러분께서 짧게라도 시각 자료를 동원해 발표해 본 내용이 있다면 그 내용을 글로 옮기기가 한결 쉬워질 겁니다. 일단 말로써 내용을 한 번 풀어내 보았고, 거기에 적절한 이미지들을 첨부해 전달하고자 하는 메시지를 비주얼로 전환해 봤기 때문에 글이라는 매체로 옮겨내는 것도 비교적 체계적으로 할 수 있는 거죠. 그래서 특히 '저는 글을 쓰다 보면 제가 무슨 말을 하는 건지 잘 모르겠어요'라는 분들은 이 '그리듯이 쓰는 법'에 도전해 보면 기대 이상의 성과를 거둘 수도 있습니다.

08 . 만약 그마저도 어렵다고 느껴진다면 일단 글의 '커버'를 정해놓는 것만으로도 제법 도움이 됩니다. 아시다시피 요즘은 브런치나 블로그처럼 온라인으로 발행되는 글들에 커버 이미지를 제공하는 플랫폼이 많습니다. 그래서 글 한 편을 읽을 때도 마치 책 한 권과 마주하는 것처럼 시각화된 비주얼을 통해 글의 심상을 예측하며 읽어 내려가게 되죠. 때문에 내 글이 이런 느낌이었으면 좋겠다 싶은 그림이나 사진을 골라 일단 커버 이미지로 등록해놓고 글을 쓰는 것도 글에 대한 중심을 잡는데 효과적인 방법이 될 수 있습니다. 글을 쓰는 내내 그 느낌과 정서를 페이스메이커처럼 활용할 수 있으니 말이죠.

09 . 제가 아주 좋아하는 시인이자 수필가인 이병률 작가님께서 이런 말씀을 하신 적이 있습니다.
"사람들은 시인을 보고 글을 노래하는 사람들이라고 얘기하지만 실제로 시인은 글로 그림을 그리는 사람이기도 합니다."
저는 이 말이 우리가 어떻게 글을 써야 하는지에 대한 직접적인 힌트를 주고 있다고 생각해요. 우리가 쓴 글을 읽었다고 해서 그들이 우리가 쓴 모든 문장을 기억하고 입력하는 것은 아니거든요. 대부분은 그 내용과 메시지, 표현과 심상들을 버무려 자신만의 느낌으로 간직할 가능성이 큽니다. 그러니 오히려 그 느낌을 먼저 그려본 다음 이것을 글로 풀어내는 것이 순서상으로도 맞는 작업 일지 모르죠.

10 . 글을 쓰는 방식이야 셀 수 없을 만큼 다양하겠지만 좋은 글을 쓰기 위해 다양한 감각, 여러 매체를 동원해야 한다는 사실은 분명한 지론이라고 봅니다. 이 감각과 매체를 어떻게 활용하느냐에 따라 또 수많은 방식들이 나눠지는 것일 뿐 매력적인 글을 쓴다는 건 결국 타인을 우리 글 속으로 온전하게 몰입시키는 것일 테니 말이죠.
그리고 저는 그 몰입의 방법으로 그리듯이 쓰는 방법을 추천드려 봅니다. 내 글이 타인의 머릿속으로 들어가 멋진 그림 한 장으로 남을 수 있다면, 누군가의 마음속에 그득한 느낌으로 머물 수 있다면 이 또한 하나의 이유로 좋은 글이란 자격을 갖게 되는 것이니까요, 여러분도 그런 글쓰기에 한 번 도전해 보시길 바라봅니다.

01 . 레프 톨스토이가 쓴 ⟪안나 카레니나⟫의 첫 문장은 세상에서 가장 유명한 소설 첫 문장으로 꼽힙니다.'행복한 가정은 모두 비슷한 이유로 행복하지만 불행한 가정은 각기 저마다의 이유로 불행하다.'그리고 만약 저에게 저 문장을 글쓰기에 비유할 수 있는 기회가 주어진다면 저는 이렇게 이야기할 것 같아요.'좋은 글은 각기 저마다의 이유로 훌륭하지만 그렇지 않은 글은 모두 비슷한 이유로 별로다.'맞습니다. 톨스토이가 선언한 가정의 행불행과는 180도 반대되는 개념이 되는 거죠. 02 . 마음에 드는 좋은 책이나 글을 만날 때면 우리는 다양한 반응으로 칭찬을 아끼지 않습니다. 내용과 메시지는 물론이고 표현과 화법, 구성과 양식, 작가의 철학과 페르소나에 이르기까지 나와 글이 교감한 그 지점을 어떻게든 끌어내서 기억하려고 하기 때문이죠.하지만 별로인 글을 봤을 때는 대다수가 유사한 반응을 보입니다. '재미없다', '어렵다', '공감이 안 간다', '뻔하다', 심지어 작가가 말하는 게 '재수 없다(?)' 같은 류의 평가가 주를 이루니 말이죠. 그러니 좋은 글에는 저마다의 이유로 칭찬이 발산하지만 그렇지 않은 글은 비슷한 이유로 혹평에 수렴한다는 사실을 깨닫게 됩니다. 03 . 물론 글을 쓰는 사람이 작정하고 어렵게, 재미없게, 뻔하게 쓰려는 것은 아닐 겁니다. 글을 쓰다 보면 어느 순간 나도 모르게 내 글이 어디로 향하고 있는지 감을 못 잡게 되는 경우가 있으니까요. 누군가는 이미 할 말을 다 한 것 같은데 분량이 한참 남았다고 말하고, 또 누군가는 내가 내 생각을 설명하는 글인데 나조차도 이해하기가 어렵다고 말하는 걸 보면 글쓰기라는 게 참 별것 아닌 거 같아도 형언할 수 없는 어려움이 있는 대상임은 분명해 보입니다. (글을 꾸준히, 많이 쓰는 사람들 역시 같은 고민을 호소할 때가 많고요) 04 . 이유야 많겠지만 저는 글이 내 맘대로 쓰여지지 않는 것과 비교적 내가 바라는 방향으로 풀려가는 것은 어떤 글을 쓸 것인가에 대한 준비 단계에서부터 갈린다고 생각합니다. 이 주장에 대한 근거를 설명하기 전에 여러분께 질문을 하나 드려보겠습니다. 혹시 여러분은 뭔가 말로 설명하기 어려운 것이 있을 때 어떤 방법을 동원하시나요? 보통 상세하게 글을 써서 설명하거나, 그림을 그려 설명하거나, 그것도 모자라면 비유할 수 있는 대상을 동원해서 구연동화하듯 설명하거나, 여러분이 생각할 수 있는 갖은 옵션을 고려해 볼 확률이 높습니다. 영화감독이 원활한 촬영을 위해 시나리오를 만화 콘티로 옮기는 것도, 사진작가가 작품을 설명하기 위해 글로 된 설명이나 오디오 도슨트를 마련하는 것도 같은 개념이죠. 05 . 이렇듯 우리는 A라는 매체에 담긴 메시지를 더 정확히, 더 상세히 표현하고 설명하기 위해 B, C, D 등 다른 여러 매체를 사용합니다. 하지만 그 예외에 해당하는 순간이 있으니 그게 바로 글을 쓸 때죠. 글을 쓸 때만큼은 그 글이 어떤 글이 되었으면 하는지 다른 매체로 먼저 표현해 보는 법을 거치지 않는 경우가 많고 심지어 글의 구성이나 개요를 미리 짜보는 사람 역시 이를 글로써 해결하려는 경우가 있기 때문입니다. 정리하자면 글을 잘 쓰고 싶다면, 아니 적어도 뻔하지 않게, 지루하지 않게, 어렵지 않게 쓰기 위해서는 글을 글로 준비하는 단계를 넘어선 뭔가가 필요하다는 얘깁니다. 06 . 흔히 글쓰기에 관해 '말하듯이 쓰라'는 조언을 많이 하지만 저는 여기에 더해 '그리듯이 쓰는 것'도 꽤 좋은 방법이라고 생각합니다. 이건 누구보다 제가 가장 많이 활용하는 방법인데요, 일단 제가 전하고 싶은 이야기나 메시지가 선정되면 그와 관련한 이미지들을 찾아본 다음 PPT나 워드 파일에 4-5 장 정도 주우욱하고 붙여보는 과정을 거치거든요. 그런 다음 그 이미지들을 보며 떠오른 생각이나 느낌들을 주요 단어나 문장들로 정리해두고, 이 그림을 다른 사람의 머릿속에 집어넣어 준다는 생각으로 글을 써 내려가기 시작합니다. 그리고 글이 완성되면 이미지들만 다시 삭제해버리는 거죠. 07 . '어떻게 그게 가능한가요?'라는 반응을 보이시는 분도 있겠지만 이렇게 생각해 보면 간단합니다. 만약 여러분께서 짧게라도 시각 자료를 동원해 발표해 본 내용이 있다면 그 내용을 글로 옮기기가 한결 쉬워질 겁니다. 일단 말로써 내용을 한 번 풀어내 보았고, 거기에 적절한 이미지들을 첨부해 전달하고자 하는 메시지를 비주얼로 전환해 봤기 때문에 글이라는 매체로 옮겨내는 것도 비교적 체계적으로 할 수 있는 거죠. 그래서 특히 '저는 글을 쓰다 보면 제가 무슨 말을 하는 건지 잘 모르겠어요'라는 분들은 이 '그리듯이 쓰는 법'에 도전해 보면 기대 이상의 성과를 거둘 수도 있습니다. 08 . 만약 그마저도 어렵다고 느껴진다면 일단 글의 '커버'를 정해놓는 것만으로도 제법 도움이 됩니다. 아시다시피 요즘은 브런치나 블로그처럼 온라인으로 발행되는 글들에 커버 이미지를 제공하는 플랫폼이 많습니다. 그래서 글 한 편을 읽을 때도 마치 책 한 권과 마주하는 것처럼 시각화된 비주얼을 통해 글의 심상을 예측하며 읽어 내려가게 되죠. 때문에 내 글이 이런 느낌이었으면 좋겠다 싶은 그림이나 사진을 골라 일단 커버 이미지로 등록해놓고 글을 쓰는 것도 글에 대한 중심을 잡는데 효과적인 방법이 될 수 있습니다. 글을 쓰는 내내 그 느낌과 정서를 페이스메이커처럼 활용할 수 있으니 말이죠. 09 . 제가 아주 좋아하는 시인이자 수필가인 이병률 작가님께서 이런 말씀을 하신 적이 있습니다."사람들은 시인을 보고 글을 노래하는 사람들이라고 얘기하지만 실제로 시인은 글로 그림을 그리는 사람이기도 합니다."저는 이 말이 우리가 어떻게 글을 써야 하는지에 대한 직접적인 힌트를 주고 있다고 생각해요. 우리가 쓴 글을 읽었다고 해서 그들이 우리가 쓴 모든 문장을 기억하고 입력하는 것은 아니거든요. 대부분은 그 내용과 메시지, 표현과 심상들을 버무려 자신만의 느낌으로 간직할 가능성이 큽니다. 그러니 오히려 그 느낌을 먼저 그려본 다음 이것을 글로 풀어내는 것이 순서상으로도 맞는 작업 일지 모르죠. 10 . 글을 쓰는 방식이야 셀 수 없을 만큼 다양하겠지만 좋은 글을 쓰기 위해 다양한 감각, 여러 매체를 동원해야 한다는 사실은 분명한 지론이라고 봅니다. 이 감각과 매체를 어떻게 활용하느냐에 따라 또 수많은 방식들이 나눠지는 것일 뿐 매력적인 글을 쓴다는 건 결국 타인을 우리 글 속으로 온전하게 몰입시키는 것일 테니 말이죠. 그리고 저는 그 몰입의 방법으로 그리듯이 쓰는 방법을 추천드려 봅니다. 내 글이 타인의 머릿속으로 들어가 멋진 그림 한 장으로 남을 수 있다면, 누군가의 마음속에 그득한 느낌으로 머물 수 있다면 이 또한 하나의 이유로 좋은 글이란 자격을 갖게 되는 것이니까요, 여러분도 그런 글쓰기에 한 번 도전해 보시길 바라봅니다.

그림을 그리듯 글을 써보자


   
      
   
   
&nbsp;
오래전 TV에서 본 장면이다. 눈보라 치는 날 차가운 한강에 들어가서 교각의 안전을 점검하고 나와 가쁜 숨을 몰아쉬는 잠수사에게 리포터가 물었다. “강물이 이렇게 차고 거친데, 힘들지 않으세요?” 그러자 나이 지긋한 그분이 이렇게 답했다.
&nbsp;
“네에, 직업입니다.”
&nbsp;
그리고 다른 군더더기 말은 없었다.
&nbsp;
별것 아닌 그 한마디가 나에게는 많은 울림을 주었다. 그분이 “시민의 안전을 위한 사명감에서 하는 일이니 힘들지 않다”라든가 “제 한 몸의 고생으로 안전이 확보된다면 힘들어도 좋다”라고 얘기했다면, 그 또한 좋은 말이지만 그리 기억에 남지는 않았을 것이다.
&nbsp;
직업은 나와 내 가족이 살아가는 데 필요한 돈을 버는 일이다. 그러니 싫어도 해야 한다. 직업은 내가 다른 사람들과 상호관계를 맺으며 그들에게 도움을 줄 수 있는 일이다. 그러니 힘들어도 때론 보람이 있다. 직업으로 어떤 일을 계속하다 보면 그 일을 하지 않는 사람들보다 월등히 잘하게 된다. 그러니 자존감의 단단한 원천이 된다.
&nbsp;
결국 그 잠수사 분의 “직업입니다”라는 말에는 이런 요소들이 응축되어 있었을 것이다. “저 찬물에 들어가는 게 왜 안 힘들겠니? 그래도 돈을 벌기 위해 들어간다. 그런데 그게 묘한 뿌듯함도 있단다. 그리고 당신은 못 들어가지? 난 전문가니까 좀 쉬었다가 또 들어갈 거야.”
&nbsp;
직업인에 대한 신뢰는 우리의 일상생활을 지탱하는 버팀목이다

“직업입니다-감사합니다”

오래전 TV에서 본 장면이다. 눈보라 치는 날 차가운 한강에 들어가서 교각의 안전을 점검하고 나와 가쁜 숨을 몰아쉬는 잠수사에게 리포터가 물었다. “강물이 이렇게 차고 거친데, 힘들지 않으세요?”

그러자 나이 지긋하신 그 분은 이렇게 답했다. “네에, 직업입니다.” 그리고 다른 군더더기 말은 없었다.

별것 아닌 그 한마디가 필자에게 많은 울림을 주었다. 그 분이 “시민의 안전을 위한 사명감에서 하는 일이니 힘들지 않다”라든가 “제 한 몸 고생해서 안전이 확보된다면 힘들어도 좋다”라고 말했다면, 좋은 말이긴 하지만 그리 기억에 남지는 않았으리라.

직업은 나와 내 가족이 살아가는 데 필요한 돈을 버는 일이다. 그러니 싫어도 해야 한다. 직업은 내가 다른 사람들과 상호관계를 맺으며 그들에게 도움을 줄 수 있는 일이다. 그러니 힘들어도 때론 보람이 있다.

직업으로 어떤 일을 계속하다 보면 그 일을 하지 않는 사람들보다 월등히 잘하게 된다. 그러니 자존감의 단단한 원천이 된다. 결국 그 잠수사 분의 “직업입니다”라는 말에는 이런 요소들이 응축되어 있었을 것이다.

“저 찬물에 들어가는 게 왜 안 힘들겠니? 그래도 돈을 벌기 위해 들어간다. 그런데 그게 묘한 뿌듯함도 있단다. 그리고 당신은 못 들어가지? 난 전문가니까 좀 쉬었다가 또 들어갈 거야.”

직업인에 대한 신뢰는 우리의 일상을 지탱하는 버팀목이다. 우리가 생면부지의 버스 기사에게 매일매일 신체의 안전을 맡기고, 원천징수를 하는 거래처 직원에게 각종 개인정보를 내놓고, 식당 주인이 주는 음식을 넙죽넙죽 받아먹는 것은 다 그들이 직업인으로서 도리를 다할 것을 믿기 때문이다.

물론 운전자의 과실과 개인정보의 남용과 비위생적인 조리를 처벌하는 법규들이 있지만, 우리는 그런 법규의 존재 이전에 그 일을 하는 사람들의 직업윤리를 먼저 신뢰하고 살아가고 있는 것이다.

그렇다면 “직업입니다”라는 말에 대한 가장 적절한 대답은 무엇일까? “더 많이 일해서 부자 되세요”라든가 “어차피 돈도 안 되는데 쉬엄쉬엄하세요”와 같은 답은 이상하다.

역시 가장 적절한 답은 “감사합니다”일 것이다. “힘드시죠?” “직업입니다.” “감사합니다.” 이 얼마나 간결하고 아름다운 문답인가.

의대 정원 확대를 둘러싼 최근의 갈등 상황에서 국민 여론은 의사들에게 매우 부정적이다. 특히 환자를 내버려두고 대거 병원을 떠나버린 행태에 분노한다. 직업인에 대한 신뢰를 잃었다고 생각하는 것이다.

반면 의사들, 특히 전쟁 같은 의료현장에서 몸을 혹사하며 가성비로는 세계 최고인 한국의 의료서비스를 유지해 온 젊은 전공의들은, 자신들의 목소리가 무시되고 돈만 아는 족속으로 매도되는 것을 매우 억울해한다. 자존심에 상처를 입은 것이다.

감정의 골이 한없이 깊어져 가는 지금 우리에게 필요한 것은 “직업입니다-감사합니다”라는 선순환의 회복이 아닐까. 준비되지 않은 당국의 급격한 정원 확대에 우려가 크더라도, 그래서 그것은 그것대로 다투면서 대안을 찾아가더라도, 일단 환자의 곁을 지키는 직업인의 자세로 돌아오는 것.

그리고 정부와 국민들은 조롱 대신 ‘감사합니다’라는 태도로 환영하는 것. 너무 나이브한 말이라고 할 수도 있지만, 각자의 일터에서 직업인인 우리들은 어차피 나이브한 신뢰와 나이브한 자존심으로 살아간다. 그러니 그 신뢰와 자존심의 불씨가 아예 꺼져버리기 전에 다시 잘 살려보는 것이 중요하지 않을까.

오래전 TV에서 본 장면이다. 눈보라 치는 날 차가운 한강에 들어가서 교각의 안전을 점검하고 나와 가쁜 숨을 몰아쉬는 잠수사에게 리포터가 물었다. “강물이 이렇게 차고 거친데, 힘들지 않으세요?” 그러자 나이 지긋하신 그 분은 이렇게 답했다. “네에, 직업입니다.” 그리고 다른 군더더기 말은 없었다. 별것 아닌 그 한마디가 필자에게 많은 울림을 주었다. 그 분이 “시민의 안전을 위한 사명감에서 하는 일이니 힘들지 않다”라든가 “제 한 몸 고생해서 안전이 확보된다면 힘들어도 좋다”라고 말했다면, 좋은 말이긴 하지만 그리 기억에 남지는 않았으리라. 직업은 나와 내 가족이 살아가는 데 필요한 돈을 버는 일이다. 그러니 싫어도 해야 한다. 직업은 내가 다른 사람들과 상호관계를 맺으며 그들에게 도움을 줄 수 있는 일이다. 그러니 힘들어도 때론 보람이 있다. 직업으로 어떤 일을 계속하다 보면 그 일을 하지 않는 사람들보다 월등히 잘하게 된다. 그러니 자존감의 단단한 원천이 된다. 결국 그 잠수사 분의 “직업입니다”라는 말에는 이런 요소들이 응축되어 있었을 것이다. “저 찬물에 들어가는 게 왜 안 힘들겠니? 그래도 돈을 벌기 위해 들어간다. 그런데 그게 묘한 뿌듯함도 있단다. 그리고 당신은 못 들어가지? 난 전문가니까 좀 쉬었다가 또 들어갈 거야.” 직업인에 대한 신뢰는 우리의 일상을 지탱하는 버팀목이다. 우리가 생면부지의 버스 기사에게 매일매일 신체의 안전을 맡기고, 원천징수를 하는 거래처 직원에게 각종 개인정보를 내놓고, 식당 주인이 주는 음식을 넙죽넙죽 받아먹는 것은 다 그들이 직업인으로서 도리를 다할 것을 믿기 때문이다. 물론 운전자의 과실과 개인정보의 남용과 비위생적인 조리를 처벌하는 법규들이 있지만, 우리는 그런 법규의 존재 이전에 그 일을 하는 사람들의 직업윤리를 먼저 신뢰하고 살아가고 있는 것이다. 그렇다면 “직업입니다”라는 말에 대한 가장 적절한 대답은 무엇일까? “더 많이 일해서 부자 되세요”라든가 “어차피 돈도 안 되는데 쉬엄쉬엄하세요”와 같은 답은 이상하다. 역시 가장 적절한 답은 “감사합니다”일 것이다. “힘드시죠?” “직업입니다.” “감사합니다.” 이 얼마나 간결하고 아름다운 문답인가. 의대 정원 확대를 둘러싼 최근의 갈등 상황에서 국민 여론은 의사들에게 매우 부정적이다. 특히 환자를 내버려두고 대거 병원을 떠나버린 행태에 분노한다. 직업인에 대한 신뢰를 잃었다고 생각하는 것이다. 반면 의사들, 특히 전쟁 같은 의료현장에서 몸을 혹사하며 가성비로는 세계 최고인 한국의 의료서비스를 유지해 온 젊은 전공의들은, 자신들의 목소리가 무시되고 돈만 아는 족속으로 매도되는 것을 매우 억울해한다. 자존심에 상처를 입은 것이다. 감정의 골이 한없이 깊어져 가는 지금 우리에게 필요한 것은 “직업입니다-감사합니다”라는 선순환의 회복이 아닐까. 준비되지 않은 당국의 급격한 정원 확대에 우려가 크더라도, 그래서 그것은 그것대로 다투면서 대안을 찾아가더라도, 일단 환자의 곁을 지키는 직업인의 자세로 돌아오는 것. 그리고 정부와 국민들은 조롱 대신 ‘감사합니다’라는 태도로 환영하는 것. 너무 나이브한 말이라고 할 수도 있지만, 각자의 일터에서 직업인인 우리들은 어차피 나이브한 신뢰와 나이브한 자존심으로 살아간다. 그러니 그 신뢰와 자존심의 불씨가 아예 꺼져버리기 전에 다시 잘 살려보는 것이 중요하지 않을까.

www.lawtimes.co.kr

기능을 늘리기 위해서는 기술이 필요하지만,
기능을 줄이기 위해서는 철학이 필요하다.

#기분의디자인

기능을 늘리기 위해서는 기술이 필요하지만, 기능을 줄이기 위해서는 철학이 필요하다. #기분의디자인

< 늘리는 건 기술, 줄이는 건 철학이다 >

https://blog.naver.com/madaboutit/223729069906

사회관계망서비스(SNS) 페이스북과 인스타그램 등을 운영하는 메타플랫폼이 3천600명을 해고한다. 14일(현지시간) 미국 CNBC 방송에 따르면 마크 저커버그 메타 최고경영자(CEO)는 이날 “성과 낮은 직원을 중심

메타, 3600명 해고한다…"저성과자 5% 정리"

메타는 도널드 트럼프 미국 대통령 당선인과 더 가깝게 지내기 위해 경영 구조를 바꾸고 있다고 CNBC는 분석했다. 저커버그 CEO는 직원들에게 “올해는 격렬한 한 해가 될 것”이라고 강조했다.

https://n.news.naver.com/article/092/0002360051?sid=105

메타는 도널드 트럼프 미국 대통령 당선인과 더 가깝게 지내기 위해 경영 구조를 바꾸고 있다고 CNBC는 분석했다. 저커버그 CEO는 직원들에게 “올해는 격렬한 한 해가 될 것”이라고 강조했다. https://n.news.naver.com/article/092/0002360051?sid=105

한때 월간 이용자 수 120만명, 글로벌 다운로드 3500만건 이상을 기록하며 ‘국민 커플앱’으로 불렸던 메신저앱 ‘비트윈’의 주인이 바뀌었다. 크래프톤이 기존 비트윈 운영사인 자회사 띵스플로우를 정리하는 과정에서 관련 사업부문을 글로벌 알람앱 ‘알라미’ 운영사인 딜라이트룸 측에 매각한 것으로 확인됐다. 15일 정보통신(IT) 업계에 따르면 최근 비트윈 운

[단독] 국민 커플앱 ‘비트윈’ 팔렸다···크래프톤, ‘알라미’ 운영 딜라이트룸에 매각 - 매일경제

한때 월간 이용자 수 120만명, 글로벌 다운로드 3500만건 이상을 기록하며 ‘국민 커플앱’으로 불렸던 메신저앱 ‘비트윈’의 주인이 바뀌었다. 크래프톤이 기존 비트윈 운영사인 자회사 띵스플로우를 정리하는 과정에서 관련 사업부문을 글로벌 알람앱 ‘알라미’ 운영사인 딜라이트룸 측에 매각한 것으로 확인됐다.

https://m.mk.co.kr/news/it/11218567

한때 월간 이용자 수 120만명, 글로벌 다운로드 3500만건 이상을 기록하며 ‘국민 커플앱’으로 불렸던 메신저앱 ‘비트윈’의 주인이 바뀌었다. 크래프톤이 기존 비트윈 운영사인 자회사 띵스플로우를 정리하는 과정에서 관련 사업부문을 글로벌 알람앱 ‘알라미’ 운영사인 딜라이트룸 측에 매각한 것으로 확인됐다. https://m.mk.co.kr/news/it/11218567

매일경제

변경하기 쉬운 프론트엔드 코드를 위한 지침서

Frontend Fundamentals

토스에서 프론트엔드 코드를 위한 지침서를 공개했습니다.

https://frontend-fundamentals.com

GitHub를 통해 공개된 문서를 기반으로 하고 있는 웹사이트입니다. 아직 기여 가이드는 만들어지지 않았네요.

하지만 GitHub Discussions 페이지에서 의견을 교류할 수 있다고 합니다.

토스에서 프론트엔드 코드를 위한 지침서를 공개했습니다. https://frontend-fundamentals.com GitHub를 통해 공개된 문서를 기반으로 하고 있는 웹사이트입니다. 아직 기여 가이드는 만들어지지 않았네요. 하지만 GitHub Discussions 페이지에서 의견을 교류할 수 있다고 합니다.

frontend-fundamentals.com

[1] 해야 할일 리스트 만들기 > [2] 우선 순위 정하기 > [3] 정해진 시간 안에 수행하기 > [4] 피드백 과정 거치기

시간이 지날수록, 시간은 금이라는 말이 점점 실감이 납니다.
무엇을 제대로 한것도 없는데 벌써 2025년 1월의 중반을 지나고 있으니 말입니다.

올해 4월에 대학원 졸업과 취업 준비라는 큰 이벤트를 앞둔 저에게도 앞으로 해나가야 할 다양한 숙제들과 프로젝트를 생각하고 나면 벌써부터 마음이 무거워지고 한숨이 절로 납니다.

하지만, 이대로 그냥 한숨만 쉬면 포기하고 있을 수는 없죠. 우리의 앞길에 놓인 중요한 프로젝트들을 성공적으로 수행하기 위해 제가 작년부터 사용하고 있는 방법을 공유해보려 합니다.

저는 매일 약 4-5개의 투두 리스트(To-do List)를 만들고 그 리스트를 하루 동안 수행하고 있습니다. 그리고 작년까지 약 70개의 해야 할 업무 및 일정들을 큰 문제없이 잘 처리해왔습니다.

그럼 첫번째 단계인 [1] 해야 할일 정하기 부터 이야기해 볼까요?

[1] 해야 할일 정하기

매일 여러분들은 해야 할 일들 리스트를 의식적으로 만들고 수행하고 있나요?
해야 할일이 정해진 삶이란 단조롭고 기계적이라고 느낄수도 모르겠습니다.
하지만 실제로 투두 리스트를 만들고 나면, 마음이 생각보다 편해지는 걸 느낄 수 있습니다.

특히 저처럼 하고 싶은 것들이 많은 욕심쟁이들에게는
하루하루가 매일 다른 일들을 벌려놓고 흐지부지 끝나는 경우들이 많습니다.

이 때 우리가 그날 해야 하는 일들을 정하는 것이 도움이 될 수 있습니다.
이 때의 포인트는 리스트는 5개가 넘어가면 안된다는 점입니다.

여러분들이 5개 이상의 리스트를 만드는 순간,
그 때부터 여러분들의 하루는 롤러코스터가 될 가능성이 매우 높습니다.

하루 정도는 괜찮지만, 매일 그런 삶을 살고 싶지는 않으시겠죠? 해야 할일 리스트를 만들어보세요. 사소한 것이라도 좋습니다, 만들면서 여러분들은 깨닫게 될거에요.

우리가 하루 동안 정말 어떤 일들을 하고 있는지를 말이죠.

다음 편에서 [2] 우선 순위 정하기에 대해 이야기 해볼게요 :)

[1] 해야 할일 리스트 만들기 &gt; [2] 우선 순위 정하기 &gt; [3] 정해진 시간 안에 수행하기 &gt; [4] 피드백 과정 거치기 시간이 지날수록, 시간은 금이라는 말이 점점 실감이 납니다. 무엇을 제대로 한것도 없는데 벌써 2025년 1월의 중반을 지나고 있으니 말입니다. 올해 4월에 대학원 졸업과 취업 준비라는 큰 이벤트를 앞둔 저에게도 앞으로 해나가야 할 다양한 숙제들과 프로젝트를 생각하고 나면 벌써부터 마음이 무거워지고 한숨이 절로 납니다. 하지만, 이대로 그냥 한숨만 쉬면 포기하고 있을 수는 없죠. 우리의 앞길에 놓인 중요한 프로젝트들을 성공적으로 수행하기 위해 제가 작년부터 사용하고 있는 방법을 공유해보려 합니다. 저는 매일 약 4-5개의 투두 리스트(To-do List)를 만들고 그 리스트를 하루 동안 수행하고 있습니다. 그리고 작년까지 약 70개의 해야 할 업무 및 일정들을 큰 문제없이 잘 처리해왔습니다. 그럼 첫번째 단계인 [1] 해야 할일 정하기 부터 이야기해 볼까요? [1] 해야 할일 정하기 매일 여러분들은 해야 할 일들 리스트를 의식적으로 만들고 수행하고 있나요? 해야 할일이 정해진 삶이란 단조롭고 기계적이라고 느낄수도 모르겠습니다. 하지만 실제로 투두 리스트를 만들고 나면, 마음이 생각보다 편해지는 걸 느낄 수 있습니다. 특히 저처럼 하고 싶은 것들이 많은 욕심쟁이들에게는 하루하루가 매일 다른 일들을 벌려놓고 흐지부지 끝나는 경우들이 많습니다. 이 때 우리가 그날 해야 하는 일들을 정하는 것이 도움이 될 수 있습니다. 이 때의 포인트는 리스트는 5개가 넘어가면 안된다는 점입니다. 여러분들이 5개 이상의 리스트를 만드는 순간, 그 때부터 여러분들의 하루는 롤러코스터가 될 가능성이 매우 높습니다. 하루 정도는 괜찮지만, 매일 그런 삶을 살고 싶지는 않으시겠죠? 해야 할일 리스트를 만들어보세요. 사소한 것이라도 좋습니다, 만들면서 여러분들은 깨닫게 될거에요. 우리가 하루 동안 정말 어떤 일들을 하고 있는지를 말이죠. 다음 편에서 [2] 우선 순위 정하기에 대해 이야기 해볼게요 :)

성공적인 프로젝트 관리의 4단계 프로세스

스크리닝, 코딩, 시스템 디자인, Behavioral 인터뷰, 팀 매칭, 오퍼

Meta SWE 면접 합격 후기

요즘 채용이 조심스럽게 되살아나고 있고 메타도 채용을 많이 하고 있는거 같습니다. 

블라인드 앱 보면 주위 개발자 25%가 메타 면접을 보고 있는거 같다는 글도 보이는데요. 저도 메타 인터뷰 관련해서 DM을 많이 받았습니다. 특히 다른 회사에는 없는 '팀 매칭' 단계에 대해서 질문이 많았는데 이 부분 포함해서 좀 더 상세히 글로 정리했습니다.

https://www.nyprogrammer.com/p/meta-swe-interview

요즘 채용이 조심스럽게 되살아나고 있고 메타도 채용을 많이 하고 있는거 같습니다.&nbsp; 블라인드 앱 보면 주위 개발자 25%가 메타 면접을 보고 있는거 같다는 글도 보이는데요. 저도 메타 인터뷰 관련해서 DM을 많이 받았습니다. 특히 다른 회사에는 없는 '팀 매칭' 단계에 대해서 질문이 많았는데 이 부분 포함해서 좀 더 상세히 글로 정리했습니다. https://www.nyprogrammer.com/p/meta-swe-interview

www.nyprogrammer.com

“혼자서 앱을 개발해 나간다는 게 쉬운 작업이 아닌데, 혹시 스터디나 모임도 활용하셨는지 궁금합니다.”
“활용하지 않습니다.”

스터디그룹에 참여해 보지 않았던 것은 아닙니다.
20대에는 무슨 스터디만 한다 하면 어떻게든 시간을 내서 참여했습니다.

내가 발표할 시간이 되면 스트레스받아 가면서 시간에 쫓겨 자료를 만들고…
남들 발표 시간에는 편안한 마음으로 듣기도 하고…
스터디에 많이 참여하니 항상 바쁘게 쪼개서 시간을 썼는데, 그에 비해 배움은 크지 않은 것 같았습니다.
이상하다. 마치 헛공부만 하고 있는 느낌이랄까…?
이런 경험이 반복되면서 스터디에 참여하는 것을 점점 주저하게 됐습니다.

스터디 그룹에 참여하면 누가 떠먹여 주지 않을까 하는 생각이 그렇게 만들었던 건 아닐까?
어차피 공부는 누가 떠먹여 주는 것이 아니라 내가 해야 하는 것인데.

가만히 생각해 보면 제대로 학습했다는 느낌이 들었던 순간은 언제나 제 책상 앞이었습니다.
혼자 끙끙대면서 스스로에게 질문하고 답하는 시간을 더 많이 갖고 싶습니다.

“혼자서 앱을 개발해 나간다는 게 쉬운 작업이 아닌데, 혹시 스터디나 모임도 활용하셨는지 궁금합니다.”“활용하지 않습니다.” 스터디그룹에 참여해 보지 않았던 것은 아닙니다.20대에는 무슨 스터디만 한다 하면 어떻게든 시간을 내서 참여했습니다. 내가 발표할 시간이 되면 스트레스받아 가면서 시간에 쫓겨 자료를 만들고…남들 발표 시간에는 편안한 마음으로 듣기도 하고…스터디에 많이 참여하니 항상 바쁘게 쪼개서 시간을 썼는데, 그에 비해 배움은 크지 않은 것 같았습니다.이상하다. 마치 헛공부만 하고 있는 느낌이랄까…?이런 경험이 반복되면서 스터디에 참여하는 것을 점점 주저하게 됐습니다. 스터디 그룹에 참여하면 누가 떠먹여 주지 않을까 하는 생각이 그렇게 만들었던 건 아닐까?어차피 공부는 누가 떠먹여 주는 것이 아니라 내가 해야 하는 것인데. 가만히 생각해 보면 제대로 학습했다는 느낌이 들었던 순간은 언제나 제 책상 앞이었습니다.혼자 끙끙대면서 스스로에게 질문하고 답하는 시간을 더 많이 갖고 싶습니다.

스터디 그룹에 참여하지 않는 이유

우연히 보게 된 유투브(링크는 댓글 참고)인데 서울대내에서 어떤 학생들이 학점이 좋은지 그리고 공통적인 학습방법이 있는지 찾아보려는 연구에 관한 이야기이다. 뭔가 도움이되는 흥미로운 결과를 기대하고 시작한 이 연구는 기대와는 완전히 다르게 진행되었다.

학점을 좋게 받는 학생들의 공통점은 질문을 하거나 본인의 생각을 가지려고 하는게 아니라 주입식으로 교수님의 강의를 달달 외운 경우였다. 교수님의 의견에 동의하지 않는 경우 시험 문제에서 본인의 의견을 그래도 주장하겠냐는 질문에 다들 점수를 잘 받기 위해서 교수님의 생각을 적겠다고 답을 했다.

동일한 연구자가 미국 미시간 대학의 학생들을 대상으로 조사를 해보니 강의시간에 교수님의 이야기를 그대로 적는 사람들은 거의 없었고 대부분 흥미로운 부분이나 자기의 생각을 필기했다고 답했고 교수님 강의 필기와 학점 간에 별다른 상관관계가 없었다. 또한 인터뷰에 응한 모든 학생들이 교수님의 의견과 본인의 의견이 다른 경우 그래도 본인의 의견을 적겠다고 했다.
영상 중 아래 문장들이 참 슬프게 다가왔다.

"질문왕 승현이는 이제 더 이상 질문을 하지 않습니다"
"너는 어떠한 생각도 가져서는 안되고 네 생각이 아무리 좋아도 교수님과 다르면 버려야 되고 교수님의 말씀을 단 한마디도 빼놓지 않고 적어야 하고 이게 서울대학교의 교육이라고 과연 이야기할 수 있을까?"

두 학교 학생들은 모두 열심히 하지만 방향이 다르며 (수용적 vs. 비판적) 결국 학점이란 게임의 룰이 다르다보니 결국 학생들의 성향까지 변화시킨다. 정답을 찾으라는 교육과 아닌 교육의 차이점이다.

이 유튜브 비디오는 대학생으로 국한해서 연구를 했지만 개발자를 대상으로 해도 크게 다를지 않을 것 같다. 사람의 능력은 한국이나 미국이나 크게 다르다고 생각하지 않는다. 질문을 꺼리는 환경과 장려하는 환경, 순응하기를 원하는 환경과 비판을 허용하는 환경, 환경의 차이가 사람의 성장에 차이를 가져온다.

우연히 보게 된 유투브(링크는 댓글 참고)인데 서울대내에서 어떤 학생들이 학점이 좋은지 그리고 공통적인 학습방법이 있는지 찾아보려는 연구에 관한 이야기이다. 뭔가 도움이되는 흥미로운 결과를 기대하고 시작한 이 연구는 기대와는 완전히 다르게 진행되었다. 학점을 좋게 받는 학생들의 공통점은 질문을 하거나 본인의 생각을 가지려고 하는게 아니라 주입식으로 교수님의 강의를 달달 외운 경우였다. 교수님의 의견에 동의하지 않는 경우 시험 문제에서 본인의 의견을 그래도 주장하겠냐는 질문에 다들 점수를 잘 받기 위해서 교수님의 생각을 적겠다고 답을 했다. 동일한 연구자가 미국 미시간 대학의 학생들을 대상으로 조사를 해보니 강의시간에 교수님의 이야기를 그대로 적는 사람들은 거의 없었고 대부분 흥미로운 부분이나 자기의 생각을 필기했다고 답했고 교수님 강의 필기와 학점 간에 별다른 상관관계가 없었다. 또한 인터뷰에 응한 모든 학생들이 교수님의 의견과 본인의 의견이 다른 경우 그래도 본인의 의견을 적겠다고 했다.영상 중 아래 문장들이 참 슬프게 다가왔다. "질문왕 승현이는 이제 더 이상 질문을 하지 않습니다""너는 어떠한 생각도 가져서는 안되고 네 생각이 아무리 좋아도 교수님과 다르면 버려야 되고 교수님의 말씀을 단 한마디도 빼놓지 않고 적어야 하고 이게 서울대학교의 교육이라고 과연 이야기할 수 있을까?" 두 학교 학생들은 모두 열심히 하지만 방향이 다르며 (수용적 vs. 비판적) 결국 학점이란 게임의 룰이 다르다보니 결국 학생들의 성향까지 변화시킨다. 정답을 찾으라는 교육과 아닌 교육의 차이점이다. 이 유튜브 비디오는 대학생으로 국한해서 연구를 했지만 개발자를 대상으로 해도 크게 다를지 않을 것 같다. 사람의 능력은 한국이나 미국이나 크게 다르다고 생각하지 않는다. 질문을 꺼리는 환경과 장려하는 환경, 순응하기를 원하는 환경과 비판을 허용하는 환경, 환경의 차이가 사람의 성장에 차이를 가져온다.

서울대안에서는 누가 A+를 받을까?

원문: https://frontendatscale.com/issues/17

(번역) 프런트엔드 아키텍처 시각화하기

오늘은 12월 이진우님이 공유해주신 2024 프론트엔드 뉴스 한 방에 몰아 보기 글에서 알게 된 C4 모델을 활용해 아키텍처를 시각화하는 방법에 대한 글을 번역해 봤습니다. C4 모델은 소프트웨어 시스템을 다양한 추상화 수준(시스템 컨텍스트, 컨테이너, 컴포넌트, 코드)에서 시각화하는 방법론으로 다양한 분야에서 사용하고 있는데요. 이 글에서는 저자가 프런트엔드 계층을 추상화 수준에 맞춰 정리하고 시각화하는 방법에 대해 이야기하고 있습니다. 도움이 되셨으면 좋겠습니다. 😃

링크: https://bit.ly/3WdXidn

오늘은 12월 이진우님이 공유해주신 2024 프론트엔드 뉴스 한 방에 몰아 보기 글에서 알게 된 C4 모델을 활용해 아키텍처를 시각화하는 방법에 대한 글을 번역해 봤습니다. C4 모델은 소프트웨어 시스템을 다양한 추상화 수준(시스템 컨텍스트, 컨테이너, 컴포넌트, 코드)에서 시각화하는 방법론으로 다양한 분야에서 사용하고 있는데요. 이 글에서는 저자가 프런트엔드 계층을 추상화 수준에 맞춰 정리하고 시각화하는 방법에 대해 이야기하고 있습니다. 도움이 되셨으면 좋겠습니다. 😃 링크: https://bit.ly/3WdXidn

Google Docs

프런트엔드 아키텍처 시각화하기

Guidelines for easily modifiable frontend code

https://frontend-fundamentals.com/

"프론트엔드에서 '좋은 코드'란 '변경하기 쉬운 코드'"라는 기준점을 제시하면서, 가독성, 예측 가능성, 응집도, 결합도 4가지 기준을 바탕으로 좋은 코드를 작성하는 전략에 대해서 소개하는 문서입니다.

읽어보니 이론적인 내용 보다는 전반적으로 실무에서 사용할 법한 코드 예시를 중점으로 소개하고 있어서 이해하기가 쉬웠습니다.

코드 리뷰할 때 참고 문서로 활용하기도 좋을 것 같습니다.

https://frontend-fundamentals.com/ "프론트엔드에서 '좋은 코드'란 '변경하기 쉬운 코드'"라는 기준점을 제시하면서, 가독성, 예측 가능성, 응집도, 결합도 4가지 기준을 바탕으로 좋은 코드를 작성하는 전략에 대해서 소개하는 문서입니다. 읽어보니 이론적인 내용 보다는 전반적으로 실무에서 사용할 법한 코드 예시를 중점으로 소개하고 있어서 이해하기가 쉬웠습니다. 코드 리뷰할 때 참고 문서로 활용하기도 좋을 것 같습니다.

토스에서 만든 FE 코드 지침서

원고지 글자수를 쉽게 계산하세요. 원고지 매수 자동 계산, 글자수 세기, A4 용지 변환까지 한번에 해결하는 무료 원고지 계산기입니다.

원고지 계산기 - 글자수 세기, 원고지 매수 자동 변환

"마케터 -> 개발자"로 살다가,
24년 2월에 퇴사를 했습니다.

그 후 완전 새로운 일을 시작했는데요. 다음과 같습니다.

1. 고시원 2개 인수(1개는 24년 12월에 매도했습니다)
2. 파티룸 창업 후 운영중(네이버지도에 "건대 오아시" 검색!)
3. 일은 아니지만 "결혼"

-

비교적 시간이 많아져서(위 사업은 자동사냥이 되버림)
올해는 해보고 싶은 것(하고 있는 것)도 자연스레 많아졌습니다.
아래와 같이요!

1. 단편 소설 1개 쓰기(꾸준히 글 쓰는중)
2. 일본인과 대화하기(학원 다니고 있음)
3. 트레이딩 공부해서 10일 연속 수익 내보기(강의 듣고 있음)

-

무튼, 글을 쓰면서 문학상도 한번 넣어보고 싶어서 봤는데,
대부분 문학상이 원고지 200자 기준 N매 따위의 조건이 있더라고요..!

전(?)개발자긴 했지만 안 쓰니 까먹어서..
cursor의 도움으로 하루이틀만에 급하게 "원고지계산기"라는 앱을 만들었습니다.
다크모드는 대응 안됐는데, 이대로도 괜찮아서(?) 쓰려고 합니다.
무튼 cursor가 뚝딱해주는 거 보고 개발하기 쉬워졌다(?) 생각이 들었네요.

"마케터 -&gt; 개발자"로 살다가, 24년 2월에 퇴사를 했습니다. 그 후 완전 새로운 일을 시작했는데요. 다음과 같습니다. 1. 고시원 2개 인수(1개는 24년 12월에 매도했습니다) 2. 파티룸 창업 후 운영중(네이버지도에 "건대 오아시" 검색!) 3. 일은 아니지만 "결혼" - 비교적 시간이 많아져서(위 사업은 자동사냥이 되버림) 올해는 해보고 싶은 것(하고 있는 것)도 자연스레 많아졌습니다. 아래와 같이요! 1. 단편 소설 1개 쓰기(꾸준히 글 쓰는중) 2. 일본인과 대화하기(학원 다니고 있음) 3. 트레이딩 공부해서 10일 연속 수익 내보기(강의 듣고 있음) - 무튼, 글을 쓰면서 문학상도 한번 넣어보고 싶어서 봤는데, 대부분 문학상이 원고지 200자 기준 N매 따위의 조건이 있더라고요..! 전(?)개발자긴 했지만 안 쓰니 까먹어서.. cursor의 도움으로 하루이틀만에 급하게 "원고지계산기"라는 앱을 만들었습니다. 다크모드는 대응 안됐는데, 이대로도 괜찮아서(?) 쓰려고 합니다.무튼 cursor가 뚝딱해주는 거 보고 개발하기 쉬워졌다(?) 생각이 들었네요.

www.xn--989a2bt9ciz7b65g7qe.kr

💠 cursor로 하루이틀만에 간단한 앱 만든 이야기

React로 단일 페이지 애플리케이션(SPA)을 개발하고 Spring Boot를 통해 배포하는 과정에서, 사용자들이 특정 페이지로 이동한 후 새로고침을 하면 404 오류가 발생하는 경우가 있습니다. 이는 React와 Spring Boot가 라우팅을 처리하는 방식의 차이에서 비롯된 문제로, 많은 개발자가 마주하는 흔한 이슈입니다.
 
문제 상황: 새로고침 시 404 오류 발생
React 애플리케이션에서 BrowserRouter를 사용하여 클라이언트 사이드 라우팅(Client-Side Routing)을 처리할 때, 새로고침 시 다음과 같은 404 오류가 발생할 수 있습니다.
GET https://example.com/purchased-product 404 (Not Found)

이 상황은 브라우저가 /purchased-product 경로에 대한 요청을 서버로 보냈지만, Spring Boot 서버가 해당 경로를 처리하는 방법을 알지 못해 404 Not Found를 반환했기 때문에 발생합니다.
 
React는 클라이언트에서 모든 라우팅을 처리하도록 설계되었으나, 브라우저는 새로고침하거나 직접 URL을 입력했을 때 서버에 요청을 보내는 기본 동작을 따릅니다. 따라서 Spring Boot 서버가 이러한 요청을 적절히 처리하지 않으면 위와 같은 문제가 발생합니다.
 
문제 원인: React와 Spring Boot 라우팅 처리 방식의 차이
[React의 클라이언트 사이드 라우팅]
React에서 BrowserRouter는 브라우저의 주소(URL)를 변경하지만 실제로 서버에 요청을 보내지 않습니다. 대신, 클라이언트 측에서 라우팅이 이루어지며, 경로에 매핑된 React 컴포넌트를 렌더링합니다.
 * URL 변경은 브라우저 주소창에서만 이루어집니다.
 * React 내부에서 지정된 컴포넌트가 로드됩니다.
 
[브라우저의 기본 동작]
반면, 브라우저에서 새로고침하거나 URL을 직접 입력하면 해당 경로에 대한 요청을 서버로 보냅니다.
 * 서버는 경로에 대해 정의된 처리가 없는 경우, 404 Not Found를 반환합니다.
 * 이는 서버가 클라이언트 사이드 라우팅 경로에 대해 무지한 상태이기 때문입니다.
 
React와 브라우저의 동작 차이를 이해했으니, 이제 이를 해결하기 위한 Spring Boot 설정 방법을 살펴보겠습니다.
 
해결 방법: Spring Boot에서 React 경로 처리하기
Spring Boot 서버가 React 애플리케이션의 모든 경로를 처리하도록 설정하면, 브라우저가 서버로 보내는 모든 요청에 대해 React의 index.html 파일을 반환할 수 있습니다. 이렇게 하면 브라우저는 React 애플리케이션을 다시 로드하고, 클라이언트 측에서 올바른 경로를 렌더링할 수 있습니다.
 
[구현 방법]
Spring Boot에서 React 라우팅을 처리하기 위한 WebController를 다음과 같이 작성할 수 있습니다.
import org.springframework.boot.web.servlet.error.ErrorController;
import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.GetMapping;

@Controller
public class WebController implements ErrorController {

    @GetMapping({
        "/purchased-product"
    })
    public String index() {
        // Spring Boot가 React의 index.html 파일을 반환하도록 설정
        // index.html은 /resources/static 또는 /resources/public에 위치
        return "index.html";
    }
}

 위 코드는 React 애플리케이션의 경로를 명시적으로 나열하고, 해당 경로에 대한 요청이 들어오면 index.html을 반환하도록 설정합니다. 이렇게 하면 React의 라우터가 클라이언트 측에서 경로를 처리할 수 있는 환경을 제공하게 됩니다.
 
결론
Spring Boot와 React를 통합할 때, 클라이언트 사이드 라우팅으로 인해 발생하는 새로고침 404 오류는 React와 브라우저의 기본 동작 차이에서 발생합니다. 서버에서 React의 모든 경로를 처리하도록 설정함으로써 문제를 쉽게 해결할 수 있습니다.

React로 단일 페이지 애플리케이션(SPA)을 개발하고 Spring Boot를 통해 배포하는 과정에서, 사용자들이 특정 페이지로 이동한 후 새로고침을 하면 404 오류가 발생하는 경우가 있습니다. 이는 React와 Spring Boot가 라우팅을 처리하는 방식의 차이에서 비롯된 문제로, 많은 개발자가 마주하는 흔한 이슈입니다.&nbsp;문제 상황: 새로고침 시 404 오류 발생React 애플리케이션에서 BrowserRouter를 사용하여 클라이언트 사이드 라우팅(Client-Side Routing)을 처리할 때, 새로고침 시 다음과 같은 404 오류가 발생할 수 있습니다.<pre ><code class="language-bash">GET https://example.com/purchased-product 404 (Not Found)</code></pre>이 상황은 브라우저가 /purchased-product 경로에 대한 요청을 서버로 보냈지만, Spring Boot 서버가 해당 경로를 처리하는 방법을 알지 못해 404 Not Found를 반환했기 때문에 발생합니다.&nbsp;React는 클라이언트에서 모든 라우팅을 처리하도록 설계되었으나, 브라우저는 새로고침하거나 직접 URL을 입력했을 때 서버에 요청을 보내는 기본 동작을 따릅니다. 따라서 Spring Boot 서버가 이러한 요청을 적절히 처리하지 않으면 위와 같은 문제가 발생합니다.&nbsp;문제 원인: React와 Spring Boot 라우팅 처리 방식의 차이[React의 클라이언트 사이드 라우팅]React에서 BrowserRouter는 브라우저의 주소(URL)를 변경하지만 실제로 서버에 요청을 보내지 않습니다. 대신, 클라이언트 측에서 라우팅이 이루어지며, 경로에 매핑된 React 컴포넌트를 렌더링합니다.<ul ><li>URL 변경은 브라우저 주소창에서만 이루어집니다.</li><li>React 내부에서 지정된 컴포넌트가 로드됩니다.</li></ul>&nbsp;[브라우저의 기본 동작]반면, 브라우저에서 새로고침하거나 URL을 직접 입력하면 해당 경로에 대한 요청을 서버로 보냅니다.<ul ><li>서버는 경로에 대해 정의된 처리가 없는 경우, 404 Not Found를 반환합니다.</li><li>이는 서버가 클라이언트 사이드 라우팅 경로에 대해 무지한 상태이기 때문입니다.</li></ul>&nbsp;React와 브라우저의 동작 차이를 이해했으니, 이제 이를 해결하기 위한 Spring Boot 설정 방법을 살펴보겠습니다.&nbsp;해결 방법: Spring Boot에서 React 경로 처리하기Spring Boot 서버가 React 애플리케이션의 모든 경로를 처리하도록 설정하면, 브라우저가 서버로 보내는 모든 요청에 대해 React의 index.html 파일을 반환할 수 있습니다. 이렇게 하면 브라우저는 React 애플리케이션을 다시 로드하고, 클라이언트 측에서 올바른 경로를 렌더링할 수 있습니다.&nbsp;[구현 방법]Spring Boot에서 React 라우팅을 처리하기 위한 WebController를 다음과 같이 작성할 수 있습니다.<pre ><code class="language-java">import org.springframework.boot.web.servlet.error.ErrorController;
import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.GetMapping;

@Controller
public class WebController implements ErrorController {

 @GetMapping({
 "/purchased-product"
 })
 public String index() {
 // Spring Boot가 React의 index.html 파일을 반환하도록 설정
 // index.html은 /resources/static 또는 /resources/public에 위치
 return "index.html";
 }
}</code></pre>&nbsp;위 코드는 React 애플리케이션의 경로를 명시적으로 나열하고, 해당 경로에 대한 요청이 들어오면 index.html을 반환하도록 설정합니다. 이렇게 하면 React의 라우터가 클라이언트 측에서 경로를 처리할 수 있는 환경을 제공하게 됩니다.&nbsp;결론Spring Boot와 React를 통합할 때, 클라이언트 사이드 라우팅으로 인해 발생하는 새로고침 404 오류는 React와 브라우저의 기본 동작 차이에서 발생합니다. 서버에서 React의 모든 경로를 처리하도록 설정함으로써 문제를 쉽게 해결할 수 있습니다.

🕊️ Spring Boot&React에서 새로 고침 404 오류 

1
반대해야 하는 상황에 직면했을 때 대응 매뉴얼을 만들었다.

2
첫째, 상대 의견을 부정하지 않고 인정해 준다.

3
둘째, 공통점을 찾는다.

4
셋째, 내 의견을 피력하기 위한 자락을 만들어둔다. “이렇게 말씀드려 죄송합니다만”

5
넷째, 반대 의사를 표명한다. 이유와 근거, 대안을 포함해 말해야 한다.

#강원국의어른답게말합니다

1 반대해야 하는 상황에 직면했을 때 대응 매뉴얼을 만들었다. ​ ​2 첫째, 상대 의견을 부정하지 않고 인정해 준다. ​ ​3 둘째, 공통점을 찾는다. ​ ​4 셋째, 내 의견을 피력하기 위한 자락을 만들어둔다. “이렇게 말씀드려 죄송합니다만” ​ ​5 넷째, 반대 의사를 표명한다. 이유와 근거, 대안을 포함해 말해야 한다. #강원국의어른답게말합니다

< 매너 있게 반대하는 4단계 >

The Economist가 [테슬라, 인텔, 그리고 무책임한 기업 이사회] (Tesla, Intel and the fecklessness o...

‘이사회 무용론?’에 불을 지핀 [애플], [소니], [인텔] 사례

무책임한 이사회는 어떻게 회사를 망치는가?

https://m.blog.naver.com/designwoong/223717952453

무책임한 이사회는 어떻게 회사를 망치는가? https://m.blog.naver.com/designwoong/223717952453

네이버 블로그 | 드래곤라퓨타 애니메이션 블로그

SNEW 스타트업 뉴스

링크드인 채널

페이스북 채널

텔레그램 채널

스타트업과 벤처캐피탈 뉴스 및 인사이트
#벤처캐피탈 #창업 #스타트업 #스타트업경영 #비즈니스 #IP비즈니스 #마케팅

snew.insight@gmail.com

댓글 0

비슷한 게시물

주간 인기 TOP 10

추천 프로필