modori@

오랜만에 서비스중인 프로젝트의 코드를 보고있었는데, 정말 코드가 심각하게 더러워서 리팩토링을 진행하게 되었다.분명 예전에 보았을 때는 괜찮다고 생각했는데, 오랜만에 코드를 확인해서 그런지 예전엔 생각하지 못했던 부분들이 보였다.이번 글에서는 개발자들에게 필수적으로 필요한 리팩토링에 대해서 이야기해볼려한다.refactoring오늘 이야기할려는 리팩토링 (refactoring) 이라는 단어는 영어사전에는 존재하지않는 단어다.그럼 언제부터 이 단어가 생기게 되었을까?이 refactoring 이라는 단어는 사실 언제 생겨났는지 명확하지 않다. 하지만 널리 퍼지기 시작한 계기중 하나를 이 사람이라고 이야기 할 수 있다.1990년 마틴 파울러라는 사람이 Refactoring: Improving the Design ..

이 글은 Why React Context is Not a "State Management" Tool 를 읽고 정리한 글 입니다. 소개모두 상태관리 라이브러리를 사용해 보셨나요?모두 프로젝트를 생성할 때 Context API와 Redux중에 어떤 상태관리 라이브러리를 선택해서 사용할지 고민했던 기억이 있으실겁니다.( 저도 예전에 상태관리 라이브러리를 선택하기위해 여러 라이브러리들 중에서 고민했던 기억이 있네요.😉 )아실수도 있으시겠지만 Context vs Redux라는 전에 리엑트 커뮤니티에서 가장 많이 논의되어온 주제 중 하나입니다.하지만 안타깝게도 이 논쟁은 도구의 목적과 사용 사례에 대한 혼동에서 생겨나게 됩니다. 오늘 이 글을 통해 Context 와 Redux가 명확하게 어떻게 다른지 이야기해보도..

웹 분야를 공부하다보면 "클로저"라는 단어를 들어보셨을 겁니다. 오늘은 이 한번쯤은 들어본 closure에 대해 정리 해보겠습니다. 클로저(Closure)JavaScript에서 클로저(Closure)는 이렇게 정의할 수 있습니다.함수와 그 함수가 선언될 당시의 렉시컬 환경(Lexical Environment)과의 조합 이렇게 정의만 보아선 이해하기 어려울 수 있습니다.조금더 간단히 설명해 보도록 하겠습니다.내부함수가 외부함수의 context에 접근할 수 있는 함수 조금 더 이해하기 쉬우신가요?이 개념을 기억하면서 클로저에 대해 차근차근 알아보도록 합시다.실행 컨텍스트먼저 클로저를 이해하기 전 함수의 실행 컨텍스트에 대해 간단히 알아야합니다.함수는 호출 될 때 함수의 실행 컨텍스트를 생성했다가, 실행이 끝..

안녕하세요! 프론트엔드 개발자 이아론입니다. 평소에 Next의 ssr을 통해 SEO를 향상시킨다~ 만 알고있다가정말로 Next의 ssr이 SEO에 엄청나게 큰 영향을 끼칠까? 라는 생각을 가지게 되어 SEO에 대해 알아보게 되었습니다.자, 한번 SEO에 대해 알아보도록 합시다! 🔎SEO가 멀까?네이버와 구글같은 검색엔진의 상위에 컨텐츠를 노출시킬 수 있는 방법은 2가지가 있습니다.바로 광고를 통해 컨텐츠를 상단에 위치시키는 것과 검색엔진에 친화적인 사이트를 구축하여 자연검색결과의 상단에 위치시키는 것입니다.SEO란 Search Engine Optimization의 약자로 구글이나 네이버같은 검색엔진에 광고가 아닌 무료 검색 방식을 통해 상위에 노출될 수 있도록 최적화하는 것을 말합니다. ..