tanstack query(react) 의 개요를 찾아보다가, 이 tanstack-query 가 리액트 애플리케이션에서 서버 상태 가져오기, 캐싱, 동기화 및 업데이트를 쉽게 다룰 수 있도록 도와주는 라이브러리이며 클라이언트 상태과 서버 상태를 명확히 구분하기 위해서 만들어졌다는 내용의 글을 읽었습니다. 클라이언트 상태는 평소에 React에서 관리하고 사용하는 ‘state’ 의 개념으로 이해하면 될 것 같은데, 서버 상태는 정확히 무엇을 의미하는 것인지 궁금해졌습니다.이번 글에서는 클라이언트 상태와 서버 상태를 비교하며 차이에 대해 다루어볼게요. 개인적으로는 ‘서버 상태’ 라는 단어가 익숙하지 않았을 뿐이지, 새로운 개념은 아니었어요.다만, 클라이언트 상태와 서버 상태는 완전히 다른 개념이므로 정확히 이..
들어가며웹 애플리케이션을 개발하다 보면 종종 새 창(window)을 열어 작업해야 하는 경우를 마주하게 됩니다.특히 관리자 페이지나 기업용 웹 애플리케이션에서는 여러 창을 동시에 띄워놓고 작업하는 것이 사용자 경험 측면에서 더 효율적인 경우가 많습니다.예를 들어 사용자 목록을 보면서 특정 사용자의 정보를 수정하거나, 주문 목록을 확인하면서 개별 주문의 상세 내용을 수정하는 등의 작업이 있죠. 이런 상황에서 중요하게 고려될만한 것은 창 간의 안정적인 데이터 통신입니다.사용자가 새 창에서 데이터를 수정하고 나면, 그 변경사항이 원래 창에도 자연스럽게 반영되어야 하니까요.이를 위한 구현 방식으로는 크게 window.opener를 이용하는 방식과 URL 파라미터를 이용하는 방식이 있습니다.기술 스택이 글의 예제..
안녕하세요. dawonny 입니다. 오늘은 [헬로 Bun] 도서를 리뷰해보려고합니다.월 방문자 10만명의 기술블로그를 자랑하는 Dale Seo 달레(서대영) 님의 책이네요! 주요 내용자바스크립트 생태계는 나날이 복잡해지고 있습니다.수많은 라이브러리와 개발 도구들 사이에서 선택의 고민도 깊어지고 있고, 빌드 시간은 또한 점점 길어지고 있죠.이런 상황에서 Bun은 새로운 바람을 일으키고 있어요.이 책은 Node.js를 대체할 수 있는 차세대 자바스크립트 런타임인 Bun을 상세히 다루고 있습니다.책의 구성은 크게 세 부분으로 나뉘는데요. 첫 번째 파트에서는 Bun의 설치부터 프로젝트 생성, 패키지 관리, 모듈 시스템 등 기초를 다지는 데 집중하고 있어요.다음으로 두 번째 파트는 CLI 도구 개발, HTTP 서..
웹 개발에 있어 네이티브 앱과 같은 기능을 구현하는 것은 항상 고민이 되고, 도전적인 부분이라고 생각합니다. 특히 기기의 카메라에 접근해야하는 기능이라면 더욱 그렇습니다. 이번 글에서는 저희 스파키 Frontend팀에서 스냅피 프로젝트에서의 카메라 사진 촬영 기능을 구현한 경험을 공유드리려합니다.웹에서의 카메라 구현스냅피 프로젝트는 사람들이 쉽게 사진을 찍고, 업로드 할 수 있는 모임 사진 서비스입니다. 때문에 설치를 하지 않아도 링크를 통해 쉽게 접속할 수 있어야한다는 점을 고려하여 Next.js를 활용한 웹 서비스로 개발되었습니다. 하지만 앱을 다운로드 받거나 바로가기를 만들 수 있다는 점에서 PWA(Progressive Web App) 형태로 개발하기로 결정했습니다.프로젝트 초반에 가장 먼저 부딪힌..
안녕하세요, dawonny입니다. 오늘 소개드릴 책은 [전혀 다른 생성형 AI(심영환 지음)]입니다.생성형 ai, 인문학적 시각으로 바라보다오늘날 생성형 ai 가 우리의 삶에 정말 많은 영향을 미친다고 생각해요. 이에 따라서 단순히 기술적 관점으로 생성형 ai 를 바라보는 것보다 인문학적 시각으로도 바라보는 것이 중요해졌죠. [전혀 다른 생성형 ai]는 IT 전문가이면서도 문과적 소양을 갖춘 저자가 인문학, 기술의 접점에서 생성형 ai를 바라보면서 쓴 독특한 관점의 책이었어요. 요즈음 생성형 ai 관련 도서가 정말 많이 쏟아지고 있는데요. 그 중에서도 특이한 구성을 가진 것 같아 관심이 가더라구요. 목차추천의 글 8여는 글 15이 책에 대하여 20도시 I 생성형 AI 톺아보기 25마을 1 해리가 샐리를 ..
들어가며JavaScript로 개발을 하는 대부분의 프론트엔드 개발자 분들은 setTimeout 함수를 사용해본 경험이 있으실 거라고 생각합니다. 주로 일정 시간 후에 코드를 실행하거나, 애니메이션 효과를 구현하는데에도 종종 사용하는 함수이죠. 이 setTimeout 함수를 setTimeout(fn, 0)과 같이 사용하면 함수가 즉시 실행될까요? 직관적으로 생각해보면 즉시 실행될 것 같지만, 실제로는 그렇지 않기 때문에 많은 입문 개발자들에게 혼란스럽게 다가올 수 있을 것 같습니다. 이 현상을 이해하려면 JavaScript의 이벤트 루프와 비동기 처리 메커니즘을 살펴볼 필요가 있습니다. 이 개념들은 JavaScript에서 작업들이 어떻게 처리되고, 실행 순서를 어떻게 결정하는지 설명해주는 원리인데요. 이 ..
안녕하세요.오늘 소개드릴 도서는 [소프트웨어 개발에 ChatGPT 사용하기(오노 사토시 지음)] 입니다! 이제는 누구나 사용하는 ChatGPT오늘날 ChatGPT는 개발자들뿐만 아니라 다양한 분야의 사람들 사이들도 많이 사용하죠! 개발자들은 보통 ChatGPT로 코드 작성, 디버깅, 리팩터링 등 다양한 작업을 효율적으로 수행하곤하는데요. 저 역시 필요할 때에는 AI를 적극적으로 활용하여 개발하는 편입니다. IDE 자체에도 코파일럿이 적용되어있어서 반복되는 코드 같은 경우에는 생산성있게 작업할 수 있고, 어떤 방법이 좋을지 고민이 될 때 근거있는 추천을 주는 경우가 많아서요. 특히 이 책은 AI 시대에서 ChatGPT를 얼마나 더 효과적으로 활용할 수 있는지에 대한 '구체적인’ 방법들을 담고 있어 더욱 흥..
git commit 후 git push 를 하려고 하는데 아래와 같은 에러가 뜨면서 실패하는 상황을 마주했다. error: RPC failed; HTTP 400 curl 22 The requested URL returned error: 400 send-pack: unexpected disconnect while reading sideband packet fatal: the remote end hung up unexpectedly 이런저런 시도들을 해봤지만, 결론적으로 해결할 수 있었던 방법은 버퍼의 용량을 늘리는 것이었다. https://git-scm.com/docs/git-config#Documentation/git-config.txt-httppostBuffer Git - git-config Docum..
안녕하세요, dawonny 입니다.오늘은 제가 두 달동안 흠뻑 빠져서 활동했던 DND 에 대해서 후기를 남겨볼까합니다. DND 란?공식 홈페이지: https://dnd.ac/dnd/about DND는 '프로젝트에 즐거움을, 모두에게 기회를'이라는 슬로건으로 8주간 개발자와 디자이너가 협업하여 사이드 프로젝트를 진행하는 IT 연합동아리입니다.아래 이미지에서 볼 수 있듯이, 벌써 총 참가자 수가 500명을 넘을 정도로 꾸준히 성장해왔습니다.제가 활동한 기수는 11기였어요! 매주 운영진분들이 모니터링을 하며 가이드라인 및 미션을 제공해주시는데, 이를 바탕으로 매칭된 팀원들과 함께 프로젝트를 완성해나가는 방식으로 진행됩니다. 8주 간 진행 방식활동은 총 8주 동안 진행되며, 첫 주는 팀빌딩과 프로젝트 시작에 할..
안녕하세요 dawonny 입니다! 오늘은 제가 2년간 몸 담았던 GDSC 라는 커뮤니티에 대해 포스팅해보려고합니다.마침 지금 저희 한국외대 챕터의 GDSC 멤버 모집기간으로 알고 있어서, 2년간 어떤 활동을 해왔는지 포스팅하면 지원할 때 도움이 되실까 하여 이렇게 작성해봅니다. 물론 한국외대 챕터가 아니더라도 참고할 만한 부분들이 있도록 작성해보겠습니다! (현재는 GDSC에서 GDG on Campus 로 명칭이 바뀌었다고 들었습니다. 명칭만 달라졌을 뿐이고, 제가 활동한 GDSC 와 GDG on Campus 는 동일하다고 생각해주시면 됩니다!)GDSC 란?https://developers.google.com/community/gdsc?hl=ko Google Developer Student Clubs |..
안녕하세요.오늘 소개드릴 도서는 [실무로 통하는 클린코드(막시밀리아노 콘티에리 지음)] 입니다.이 책은 개발자들이 실무에서 '클린 코드'를 어떻게 적용하면 좋을지, 작성법에 대해서 자세히 알려주는 책입니다.클린 코드는 많은 개발자들이 중요성을 인식하고 있지만, 실제로 어떻게 적용해야 할지 막막해하는 경우가 많습니다.이 책은 그런 고민을 해결해주는 실용적인 가이드라인을 제공해요. ==========CHAPTER 1 클린 코드_1.1 코드 스멜이란 무엇인가요?_1.2 리팩터링은 무엇인가요?_1.3 레시피는 무엇인가요?_1.4 왜 클린 코드인가요?_1.5 가독성, 성능 혹은 둘 다_1.6 소프트웨어 유형_1.7 기계 생성 코드_1.8 이 책에서 사용하는 표현_1.9 디자인 패턴_1.10 프로그래밍 언어 패러다..
안녕하세요 dawonny 입니다. 얼마 전 [24.08.09-08.11] 3일동안 진행된 JUNCTION ASIA 2024 에 다녀왔어요!제가 지금까지 나가봤던 해커톤 중에 규모가 가장 큰 대회였고, 경주의 HICO 에서 진행되었어요. 지원저는 지인들을 모아서 5명으로 이루어진 팀을 만들고 팀으로 지원했어요.개인으로 지원하게 된다면, 해커톤 참가자 선정이후 디스코드 내에서 개인적으로 팀빌딩을 이루어야해요. 해커톤 지원 시 간단한 자기소개서를 작성해야하는데요.저는 다음과 같이 작성했어요. 실제 제출한 내용은 아니고 어떤 내용을 넣었는지에 대해 작성한 것이니 참고해주세요! 1. 본인에 대한 간단한 소개를 해주세요.관심있는 프론트엔드 개발 스택개발/IT 커뮤니티에 속했던 경험어떤 자세와 능력을 가지고 있는 개..
안녕하세요 dawonny 입니다. 얼마전 코엑스에서 2024 인프콘이 열렸습니다!작년에는 신청했다가 떨어졌었는데, 올해는 운이 좋게 당첨되어 다녀오게 되었어요. 내년에도 갈 수 있을지는 모르겠지만, 짤막하게나마 후기를 남겨보려 포스팅합니다! 데스크에서 기념백이랑 생수, 스티커, 이름표를 받고 안으로 입장했어요.참가자들이 정말 많았습니다! 여기어때, 무신사, 점핏, 데이터독 등의 다양한 기업에서 부스를 운영하고 있었고,윗층인 2층에서는 네트워킹 행사와 동아리 부스도 운영되고 있었어요.이벤트에 열심히 참여하면서 굿즈들을 받아왔습니다! 세션은 4개 정도 들었는데요. 세션을 들으면서 기록했던 내용을 기반으로간략하게 기억에 남는 키워드를 정리해보려합니다.11:25 - 12:05 103호인프런 아키텍처 2024 ..
안녕하세요.오늘 소개드릴 도서는 [업무에 활용하는 node.js(이토 고타 지음)] 입니다. 이 책은 Node.js에 대해 체계적으로 배우고 싶어하는 분들에게 필독서라고 할 수 있는데요, 기초부터 실무 활용을 위한 고급 기술까지 두루 다루고 있어서 마치 정석 같은 책입니다. 우선, 이 책이 다루고 있는 내용을 간략히 살펴보겠습니다.Node.js의 기초 지식부터 시작해 익스프레스를 활용한 웹 애플리케이션 개발, REST API 설계, 리액트와 익스프레스를 결합한 풀스택 개발, CLI 도구 개발, 성능 튜닝, 비동기 처리, 그리고 테스트와 배포에 이르기까지 매우 폭넓은 주제를 커버하고 있습니다.이처럼 방대한 내용을 다루면서도 각 주제마다 깊이 있게 설명되어 있어, 개발자들이 실무에서 바로 활용할 수 있도록 ..
웹페이지를 개발하고 배포했는데, 큰 용량의 SVG 파일이 많이 들어가는 페이지어서 그런지 렌더링이 오래걸리는 문제가 있었다.따라서 조금이라도 SVG 파일을 최적화해보고자했다. PageSpeed Insights객관적으로 점수 측정을 먼저 해보는 것이 좋겠다.아래의 사이트에 배포된 사이트의 링크를 입력하면 결과를 알 수 있다.https://pagespeed.web.dev/ PageSpeed Insights올바른 URL을 입력하세요.pagespeed.web.dev 먼저 휴대전화의 경우를 살펴보자. 데스크톱의 경우도 확인해보자. SVGOSVG 파일의 렌더링 시간을 줄이기 위해 SVG 최적화를 해보자.SVGO를 설치하고 사용하여 파일 크기를 줄이는 방법을 사용할 것이다. 1. SVGO를 설치한다.npm inst..
이 포스팅에서는 React.js로 개발하고 Vercel을 통해 배포한 프로젝트에 대해사이트맵을 생성하여 구글 서치 콘솔에 제출하는 방법에 대해 다룬다.이 과정에서 발생한 문제와 그 해결 방법도 함께 다루고자한다. 사이트맵이 로컬에서는 보여지는데, 배포를 하면 보여지지 않는 문제,배포해서 사이트맵이 보여지는데는 성공했는데, robots.txt 가 차단해서 URL 검사를 해도 크롤링을 하지 못하는 문제 등 다양한 문제를 마주했다 🥲결과적으로 아래와 같이 했을 때 사이트맵 인식에 성공할 수 있었다.과정google search console 에 먼저 해당 사이트를 등록한다. sitemap.xml 만들기https://www.xml-sitemaps.com/위 사이트에 들어가 사이트맵 파일을 만들어 다운로드 받는다..
최근에 서비스 홍보를 위한 온보딩 페이지를 개발하면서, 디자이너가 만들어주신 이미지들을 많이 페이지에 추가할 일이 있었다.이 과정에서 SVG 이미지 화질 깨짐 문제가 있었는데, 해결 과정을 공유하려한다.React.js, JavaScript, Tailwindcss 환경에서 진행함문제SVG 이미지를 사용하던 중, 특히 모바일 크롬 브라우저에서만 뿌옇게 이미지 화질이 떨어지는 문제를 발견했다.원래 SVG 파일의 장점이 고품질 벡터 그래픽이기에 SVG로 추가한 것인데, PC 브라우저에서는 깨지지 않게 보이고 모바일로 확인했을 때 깨지는 현상이 나타났다. 기존 코드해결 과정문제의 해결책을 찾으면서, SVG를 처리하는 방식을 변경하는게 화질 깨짐 현상을 해결할 수 있음을 알게되었다. 태그 대신에 수정된 코드 변경..
안녕하세요! 오늘 소개드릴 도서는 [프런트엔드 개발을 위한 테스트입문(요시이 다케후미 지음)] 입니다. 얼마전 면접을 보면서 ‘개발을 하면서 테스트 코드를 작성해본적이 없느냐’ 는 질문을 받았는데요.본격적으로 프로젝트에 적용해본 적은 없다고 대답했었어요.그래서 끝난 후에 테스트코드를 작성하는 법에 대해서 잘 알아두어야겠다-라는 다짐을 했었습니다. 테스트 관련된 유료 강의나 유튜브 영상들이 뭐가 있나 찾아보던 와중에, 좋은 기회로 이 도서를 접하게 되었어요. 🌱 목차CHAPTER 1 테스트 목적과 장애물CHAPTER 2 테스트 방법과 테스트 전략CHAPTER 3 처음 시작하는 단위 테스트CHAPTER 4 목 객체CHAPTER 5 UI 컴포넌트 테스트CHAPTER 6 커버리지 리포트 읽기CHAPTER ..
안녕하세요 dawonny 입니다.한창 Google I/O Extended 의 시즌인데요. 한국에서는 크게 판교와 인천에서 열리는 것 같더라구요!그래서 지난 7월 4일, 친구들과 함께 판교에서 열리는 Google I/O Extended 에 다녀왔습니다.장소는 '판교 테크노벨리 마음AI 라운지' 였구요. 새 건물이라 그런지 쾌적했어요!하지만 판교역에서 좀 거리가 떨어져있어서 택시를 타고 갔습니다. 세션 정보가 오픈되기 전에 블라인드 티켓을 구매해서 좀 더 저렴하게 티켓을 구매할 수 있었어요. 타임테이블은 아래와 같았습니다.Timetable18:30 ~ 19:00 체크인 & 네트워킹19:00 ~ 19:20 Keynote - I/O 2024 Overview by 조희주 / GDG Pangyo19:20 ~ 1..
안녕하세요, dawonny 입니다.오늘 리뷰 할 도서는 [에러가 무섭지 않게 되는 책(사쿠라바 히로유키, 모치즈키 고타로 지음)] 입니다. 개발을 하다보면 다양한 에러를 마주하게되는데요.신입생 때 에러들을 마주하면 많은 양의 에러메세지와 영문을 모르겠는 문제들 때문에 참 막막하고 어렵게 느껴졌던 때가 생각이 납니다.에러를 자주 마주하면서, 웬만한 에러는 구글링을 통해서 해결이 가능하다는 것을 알게된 이후로는 그정도로 두렵지는 않게 되었지만요!특히 요즘은 GPT 와 같은 AI 가 에러해결에 큰 도움을 주기 때문에 디버깅도 빠르게 할 수 있는 것 같습니다. 하지만 그럼에도 불구하고, 에러 메시지를 보면서 무엇을 틀렸는지, 무엇을 고쳐야 하는지에 대해 이해할 수 있다면 디버깅은 더더욱 빠르게 진행될 수 있다..
안녕하세요, dawonny 입니다!오늘은 브렌트 래스터의 [러닝 깃허브 액션]이라는 책에 대한 리뷰를 작성해보려고 합니다.깃허브 액션에 대해 깊이 있는 공부를 하고 싶어 하시는 분들께 아주 유용한 책이 될 것 같아 소개해드릴게요.🔖 흥미를 끌었던 이유사실 이전에 깃허브 액션에 대해서 자세히 공부하고 개념을 알아본 적은 없었어요.하지만 최근에 제 포스팅을 보신 분들은 아시겠지만 개발 블로그의 글을 정해진 시간마다 확인하고, 깃허브 프로필(README) 파일에 자동으로 반영되게 하려고 깃허브 액션 기능을 경험해보면서 흥미가 생겼습니다.자동화 작업을 하다 보면 깃허브 액션처럼 유용한 도구가 정말 많다는 걸 느꼈거든요. 우리가 작업할 때 자동화가 중요한 만큼, 더 알아보고 싶다는 생각이 들었어요.🔖 책의 내..
안녕하세요, dawonny 입니다. 저는 현재 졸업유예생 신분이기도하고, 주변에 휴학생 친구들이 많은편인데요.그래서 이 참에 정보처리기사 자격증 취득에 도전해보기로했습니다! 얼마전에 필기시험을 응시하고 왔고, 합격 점수를 다행히 넘겨서 곧 실기시험 준비를 해야할 것 같습니다.직접 시험을 한번 보니까 어떤 식으로 준비하면 좋을지 알겠더라구요! 그래서 이렇게 리뷰를 작성해봅니다.필기 전형 응시 계획있으신 분들께 도움이 되었으면 좋겠네요. 참고들어가기에 앞서, 저는 시험 응시날 3주 전쯤에 문제집을 구입했고 대략 2주정도 시간 내서 조금씩 다 풀었어요!마지막 4, 5 과목은 시험 얼마 안남았을 때 (2-3일) 조금 급하게 풀었구요. 특히 5과목은 전날에야 다 정리하고 갈 수 있었습니다.그래서인지 점수는 1,2..
오픈소스 기여를 한번도 해본 경험이 없는데 번역하는 것으로 시작해보고 싶어졌다.무엇을 할까 고민하다가 평소에 자주 들어가는 MDN Web Docs 를 목표로 잡았다.파파고와 GPT 그리고 구글링과 함께라면 번역은 두렵지 않으니까..!당장 도전! 참고) 기초적인 Git 을 다룰 줄 안다는 가정하에 작성했다.방법일단 두 개의 레포지터리를 다룰 것이다.https://github.com/mdn/translated-content https://github.com/mdn/content 1. 두 개의 레포지터리를 fork 해온다. Fork 버튼을 누르면 된다. 2. [본인 깃허브 ID]/translated-content 레포지터리와 [본인 깃허브 ID]/content 레포지터리를 둘 다 로컬에 clone 한다.초록..
블로그에 글을 쓰면 자동으로 커밋되는 걸 설정해보고 싶어서 도전하는 포스팅!이러면 좀 더 쓰고 싶은 마음이 들지 않을까 하는.. ;) 사실 원래 쓰던 tistory-readme-stats 서비스 가 있었는데 이제 티스토리에서 open api 서비스를 종료해서 사라져버렸다.아무튼 GitAction 을 활용하는 방법이 있길래 이걸로 해볼까 한다. 차근차근 해보자! RSS 설정먼저 티스토리 블로그 관리 > 블로그로 들어간다 위 처럼 설정해주고 변경사항을 저장한다그리고 [본인 블로그 주소]/rss 주소로 접속해서 잘 나오는지 한번 확인해보기ex: https://dawonny.tistory.com/rss GitAction최신 글 목록 5개를 보여주는 부분을 README에 추가하려고 한다.깃허브에 처음 들어가면 보..
안녕하세요 dawonny 입니다.오늘 리뷰 할 도서는 [개발자를 위한 커리어 관리 핸드북(마이클 롭 지음)] 입니다. 개발자로서의 커리어를 쌓다 보면 개발 자체보다 더 다양한 문제에 직면할 수 있습니다. 직장 내 인간관계부터 이직 방법까지 정말 다양하죠. 이 책을 읽으면서 느낀 점은, 제가 생각했던 것보다 커리어 관리는 훨씬 더 넓은 범위를 포함한다는 것입니다.저자는 46가지의 이야기를 통해 넷스케이프, 볼랜드, 슬랙, 핀터레스트, 애플 등 실리콘 밸리의 유명 회사들에서 얻은 경험과 노하우를 풀어냅니다. 딱딱하지 않고 친근한 문체와 대화 예제들이 포함되어 있어 읽기에 편하고 좋았습니다.인상깊었던 부분📖 p.36좋은 방법이 있습니다. 관리자는 여러분의 직무에 대한 책임을 지고, 여러분은 스스로의 커리어를..
안녕하세요, dawonny 입니다. 오랜만에 데보션의 테크세미나를 신청해서 듣게되었는데요. 데보션영으로서 미션을 수행했던 작년이 생각나서 즐거웠네요!이번 테크세미나는 '기술 블로그'를 주제로, 글또 커뮤니티 운영자이신 변성윤님이 세미나 스피커로 참여해주셨습니다.세미나의 제목은 [실용주의 기술 블로그 글쓰기] 였어요.세미나를 듣게 된 계기는사실 이번 세미나를 듣게 된 가장 큰 이유는 제 고민을 해결할 수 있을까하는 기대 때문이었어요.그리고 그 고민은 기술 블로그의 방향성에 대한것이었습니다. 처음에 티스토리 블로그를 시작한 목적은 수강한 강의를 정리하는 것이었어요. 하지만 시간이 지나면서 추가로 궁금한 것들을 정리하거나 트러블슈팅을 기록하는 용도로도 사용하게 되었죠. 그러다 보니 방문자 수가 늘어나면서 어..
안녕하세요. dawonny 입니다. 오늘 리뷰할 도서는 [읽기 쉬운 코드(마크 시먼 지음)] 입니다. 1.코드를 작성해서 프로그램이 동작하게 하는 것. 이렇게 단순히 프로그램이 ‘실행’이 되게 하는 것도 개발자로서 중요한 임무이고 가장 기본이 되는 것이지만, 더 나아가서 고려해볼 것이 있다면 무엇 일까요? 개발에 대해 잘 모르는 분야에 있는 사람있는 사람이라면 서비스 자체가 잘 실행되는 것이 더 중요할 수 있겠지 만요. 코드를 깔끔하게 짜는 것, 다양한 패턴을 적용하고 구조를 잘 설계하는 것… 등등 모두 답이 될 수 있을 것 같습니다.하지만 저는 이 책을 읽고 이 모든 것이 결국에는 이 목표를 향해야 하겠구나-라는 생각이 들었어요. 바로 사람이 읽기 쉬운 코드를 짜야한다는 것입니다. 2.개인 프로젝트가..
안녕하세요 dawonny 입니다.오늘 리뷰 할 도서는 [실전 스벨트 & 스벨트킷 입문] 입니다. 저는 웹 프론트엔드 분야 공부를 하며, 주로 리액트라는 라이브러리를 학습하고 있는데요.하지만 이번 도서를 좋은 기회로 제공받아 스벨트에 대해서 처음 접해보게 되었습니다! 아무래도 당장 대중적으로 쓰이고 취업시장에서 수요가 많은 것은 리액트이겠지만, 자바스크립트 현황 2022 보고서를 보면 꾸준히 스벨트의 인기도가 우상향하고 있는 것을 알 수 있어요.그만큼 계속 사람들이 관심을 가지고 있는 스벨트에 대해서 저 또한 흥미가 생겼는데요. 무엇보다 저는 동일한 기능을 구현하는 스벨트 코드와 리액트 코드를 비교한 것을 보면서, 스벨트가 정말 궁금해졌어요. 스벨트의 구문이나 템플릿 언어 자체가 쉽게 느껴졌거든요. ..
요즘 프로젝트를 개발하면서 api 호출하는 부분에 대해서 최적화할 수 있는 부분이 있다면 조금씩 리팩토링해보는 중이다.그 중에서도 똑같은 내용으로 api 를 호출했을 때, 다시 응답을 새롭게 기다려야하는 부분을 개선해보고 싶었다. 캐싱 이란?캐싱이란 어떤 데이터를 한번 응답으로 받으면, 임시로 데이터를 다른 곳에 저장해서 필요시에 더 빠르게 불러와서 사용할 수 있는 프로세스를 말한다. 즉, 똑같은 요청을 또 하는 불필요한 요청을 줄일 수 있다. 캐싱을 어디에하지?localStorage, sessionStorage 등 다양한 곳에 저장할 수 있다.나는 브라우저가 닫히면 캐시 데이터 또한 깔끔하게 삭제되길 원했기에 sessionStorage에 저장하는 방법을 택했다. * 영구적으로 저장하고 싶으면 local..
안녕하세요 dawonny 입니다. 오늘 리뷰 할 도서는 입니다. 마침 면접을 준비해야하는 상황에 놓인 저의 막막함을 조금이나마 달래준, 그리고 앞으로의 지원에도 방향성을 알려준 고마운 책이었어요.이 책에서는 현직 카카오 면접관이 IT 기업 취업과 이직 전략을 상세하게 다룹니다. 면접관의 입장에서 지원자에게 바라는 모든 내용들, 예를들어 기본CS지식, 포트폴리오, 코딩테스트, 면접 팁 등 정말 알차게 담겨있어요.그 중에서 개인적으로 기억에 남는 내용은 다음과 같아요. 📖 p.50 신입을 뽑을 때 중요하게 보는 것회사 규모가 클 수록 신입사원 공채 때 특정 언어 구사 능력을 보는 경우는 드물다. 특정 언어를 구사하면 우대 사항은 있을지라도 그보다는 개발에 흥미가 높아서 빠르게 배울 수 있는지, CS 전..
