프론트엔드 (6) 썸네일형 리스트형 [Next] Next 살펴보기 저는 얼마 전까지 React로만 개발하다가 최근에 이직을 하며 Next를 처음 제대로 사용해 보게 되었어요. Vue를 사용하다가 React로 넘어왔을 때 만큼의 변화는 아니지만, Next가 버전이 올라가면서 큼직한 변화들이 많이 있었고 그 과정에서 버전별 히스토리가 남아있는 것 같더라구요. 특히 Next13 버전을 기점으로 App Router이 도입되면서 패러다임이 크게 변했기 때문에 이를 특히 주의해야 했습니다. 이러한 변화들을 인지하고 있어야 올바른 개발이 가능할 것 같아서 간략하게 Next의 히스토리와 개발할 때 주의해야할 점에 대해 정리해 보았습니다! Next는 왜 만들어졌을까?React만 사용할 때 겪는 몇 가지 문제점을 해결하기 위해 2016년 Vercel(당시 ZEIT)에서 Next를 만들.. 5년차 프론트엔드 개발자, 두 번째 이직 결심 | 즐겁게 일한다는 것 한 달 전, 2년 10개월 동안 다닌 삼쩜삼을 떠났습니다.지금은 다시 새로운 곳에서 열심히 적응하느라 바쁜 날들을 보내고 있지만,문득 삼쩜삼에서의 시간들이 떠올라 회고를 작성하게 되었어요! 왜 나는 그렇게 즐겁게 일할 수 있었을까?삼쩜삼에서의 생활을 돌이켜보니 저는 정말 즐겁게 다녔다는 생각이 들어요. 물론 종합소득세 시즌이 다가올때면 정말 바빠서 지치기도 했지만,그조차도 가끔은 희열(?)을 느끼며 즐겁게 일했던 순간들이 기억나요.이유가 뭘까 생각해보면, 가장 먼저 생각나는 건 단연 좋은 동료들 덕분이었어요. 평소에는 장난도 치고, 술도 마시고, 함께 여행도 다니면서 많이 친밀해졌어요.그렇게 재밌게 놀던 동료와 다음날 회사에서 프로페셔널하게 협업을 하다 보면 묘한(positive) 감정이 들며"아,.. 개발자는 AI시대에서 어떻게 살아남아야 할까? 새로운 도구 AI어떠한 문제를 마주했을 때 빠르게 원인을 찾고내 상황에 맞는 해결 방법을 찾는 것은 개발자의 중요한 능력 중 하나이다. 몇 년 전 까지만해도 스택오버플로우, 각종 블로그와 문서를 탐색하며나에게 맞는 해결법을 찾기 위해 열심히 구글링 하며 많은 시간을 할애했다.그런데 ChatGPT의 등장 이후로 구글링을 하는 시간이 눈에 띄게 줄어들었다. 어떤 기능을 원하는지 그 기능을 구현할 수 있는 코드를 알려주고,어떤 에러를 해결하고 싶은지 물어보면 해답을 알려주기도 한다.종종 ChatGPT에게 코드 리뷰를 해달라고 요청했을 때내가 생각하지 못한 좋은 리팩토링 결과물을 던져주어서 감탄한 경험도 있다. AI는 개발뿐만 아니라 다양한 곳에서 활약을 하고 있다.특히 이미지와 영상을 만드는 분야는 엄청난 속.. 3년차 프론트엔드 개발자, 어떻게 성장할 것인가 | 삼쩜삼 FE 개발자 벌써 일 년 😮저는 종합소득세 신고 서비스 삼쩜삼(자비스앤빌런즈)에서 프론트엔드 개발자로 활동하고 있습니다. 이직을 한지 벌써 1년이 다 되어가기도 하고,2023년이 얼마 남지 않았기 때문에 지난 1년을 돌아보며 글을 써보고자 합니다! 2022년 12월에 [프론트엔드 주니어 개발자, 이직하다!]라는 제목으로첫 이직 대한 글을 작성했었는데 그로부터 벌써 1년이 흘렀네요! 그 글에는 이직을 결심한 계기와 어떤 회사로 이직할지에 대한 고민, 그리고 이직 후의 적응 과정이 담겨있어요.그중에서 가장 좋아하는 내용은 새로운 환경에 적응하는 과정에서 겪은 스트레스에 대한 이야기예요. 너무나 많은 것이 바뀐 환경에서 빠르게 적응하고 싶었던 저의 욕심으로 인해 조금씩 지쳐가고 있었어요.그런데, 그때 저를 위로해 준 .. React useEffect 제대로 사용해보자! 이 글은 React 공식 문서 중 You Might Not Need an Effect 내용을 바탕으로 작성된 글입니다. You Might Not Need an Effect – ReactThe library for web and native user interfacesreact.dev 불필요한 Effect를 제거하자A1. 랜더링 되는 동안 모든 것을 계산하기상황props로 전달받은 문자열 리스트를 보여주는 컴포넌트가 있다. 그 문자열 중 'filter'라는 문자열은 화면에 보여주고 싶지 않다. 불필요한 Effects 예시아래의 코드에서는 화면에 보여줄 리스트(filteredItems)를 따로 관리하고있다. useEffect가 initialList가 변경되었음을 감지하면 내부 state를 변경한다. 이는.. 프론트엔드 주니어 개발자, 이직하다! 이직을 결심하기까지 정---말 많은 시간이 걸렸어요. 취업 시장을 한번 겪었으니 잘 할 수 있을 것이라는 자신감도 있었지만,한편으로는 여러 불안과 걱정이 뒤섞이며 마음이 혼란했어요. 제 삶에 새로운 이정표를 세우는 일인데, 기왕 세울 거면 잘 세우고 싶다는 욕심은 가득하면서도막상 어떤 길이 좋은 길인지 몰라서 선뜻 결정하기 어려웠죠. 최선의 선택을 하기 위해 조언을 얻고자 자기 계발 서적을 읽기 시작했습니다. "원하는 미래를 구체적으로 생각하고, 그 미래에 다가가기 위해 지금 내가 해야 할 것을 종이에 적어라."라는 말을 여러 책에서 반복적으로 보았어요. 그래서 그 조언에 따라 뒤죽박죽 섞여 있던 생각을 종이에 옮겨내며 정리했습니다. 막상 글로 적어 보니 생각보다 답은 간결했고,그 이후엔 빠르게 이직이 .. 이전 1 다음
