본문 바로가기

전체 글21

리팩터링 2판 1장 최근 개발을 진행하면서 어떻게하면 더 효율적인 코드를 만들 수 있을까 생각해봤어요. 그러던중 이 분야에서는 리팩터링 책이 유명하다는 것을 듣고 읽어보며 따로 정리도 해보려고 해요. 그럼 이제 시작할까요? 오늘은 1장 리팩터링: 첫 번째 예시 파트를 시작해볼게요. 1장 리팩터링: 첫 번째 예시 이번 장은 첫 번째 장이라서 그런지 예시를 통해 설명하는 경향이 있어요. 전반적으로 이 책의 뒷부분에서 사용되는 여러 기법들을 전체적인 관점에서 설명해주고 있어요. 그래서 전체적으로 어떤 방식으로 리팩터링을 진행해야하는지 알아보는데 주의를 집중하는게 좋다고 판단했어요. 그럼 이제 시작해볼까요? 먼저 리팩터링이란 '프로그램이 새로운 기능을 추가하기에 편한 구조가 되게끔 먼저 기능을 추가하기 쉬운 형태로 변경하는.. 2023. 6. 1.
MobX에서 비동기를 시도해보자 안녕하세요 오늘은 MobX에서 비동기 처리하는 방법에 대해 알아보도록 할게요. 그럼 시작해볼까요? Q. MobX는 action 함수 내부에서 promise 작업을 한 이후 다시 action 함수를 호출해야 정상적으로 observable 값을 바꿀 수 있으나 runInAction을 사용하면, 함수 내부에서 observable값을 바꿀 수 있습니다. 라는데, 너무 말이 장황합니다. 이 문장을 한 번 다시 알아볼까요? MobX는 자바스크립트 상태 관리 라이브러리에요. 애플리케이션 상태를 간편하게 관리할 수 있게 도와주는 것이에요. 'runInAction'은 MobX에서 제공하는 유틸리티 함수로, action 내부에서 비동기 작업을 수행한 후에도 observable값을 바꿀 수 있게 해줘요. 먼저.. 2023. 5. 11.
REST API 란 무엇일까? 안녕하세요 오늘은 REST API 에 대해서 알아보겠습니다. 얼마전 면접을 봤는데, 이 때 REST API가 무엇인지에 대한 질문에 대해 제대로된 답변을 하지 못해 찾아봤어요. 그럼 이제 시작해볼까요? REST API란 'Representational State Transfer' 의 약자로 웹 서비스를 구축하기 위한 규칙의 집합이에요. World Wide Web의 기반이 되는 HTTP 프로토콜을 기반으로하며, GET, POST, PUT, DELETE 및 PATCH와 같은 HTTP 메서드와 함께 작동하도록 설계되었어요. REST API는 개발자가 접근하고 상호작용할 수 있는 endpoint의 집합 또는 URLs 를 정의해요. 각 endpoint 는 일반적으로 사용자 또는 사용자 목록과 같은 특정 리소스 또.. 2023. 1. 13.
React 상에서 컨디션 렌더링을 위해 사용하는 "&&" 에 대한건 안녕하세요. 오늘은 React에서 조건에 따라 렌더링을 다르게하고 싶을 때 사용하는 "&&" 연산자를 알아보고 올바른 조건 렌더링(conditional rendering) 작성법을 알아보겠습니다. 우리는 React 애플리케이션을 보면서 props와 state에 따라 component를 조건부 렌더링하는 방법에 대해서 알고 있습니다. 보통 "&&" 연산자를 많이 사용하실 겁니다. 하지만 아시는 분은 아시겠지만 "&&" 연산자를 사용하면 원치않는 UI 버그를 발견할 수 있습니다. 이제 아래에서 좀 더 자세히 살펴보겠습니다. 전통적으로 "&&" 연산자를 사용하는 방법에 대해 먼저 알아볼까용? function ExampleComponent({ condition }) { return ( Example {condi.. 2022. 12. 19.
반응형

티스토리툴바