분류 전체보기

[면접] 개발 방법론이란?

이번에는 제가 면접때 답변하지 못한 질문들을 정리하는 시간을 가지려고 합니다. 개발 방법론은 이전에도 처음 정처리기사 필기시험 당시에 들었던 내용입니다. 개발 밥범론을 정의하고 적는일이야 간단하지만 개념을 보면서도 이해가 되지 않고 이런 생각이 들었습니다. 개발 방법론이라는게 도대체 왜 생긴거고 정확히 무엇일까? 개발 방법론을 알기 이전에 먼저 소프트웨어 개발이 무엇인지 정확히 알고 넘어갈 필요가 있습니다. 말그대로 '소프트웨어(software)를 개발한다'라는 내용입니다. 풀어서 예기해보면 "소프트웨어 개발(software development)은 시장 목표나 사용자의 요구를 소프트웨어 제품으로 만드는 과정을 말합니다." 여기서 소프트웨어를 개발하려면 어떻게 해야할까요? 개발자만 많다고, 실력 있는 개..

[프론트엔드] 리덕스 미들웨어를 통한 비동기 작업 관리[1]

1. 작업 환경 준비 리덕스를 적용한 프로젝트를 준비 하겠습니다. 먼저 CRA(create-react-app)를 사용하여 새로운 리엑트 프로젝트를 생성합니다. yarn create react-app learn-redux-middleware 리덕스를 사용한 카운터를 구현합니다. 필요한 라이브러리들을 프로젝트에 설치합니다. yarn add redux react-redux redux-actions 먼저 리덕스 counter 모듈을 아래와 같이 추가합니다. - modules/counter.js import { createAction, hanldeAction } from 'redux-actions'; const INCREASE = 'counter/INCREASE'; const DECREASE = 'counter/..

[프론트엔드] 리덕스를 사용하여 리액트 어플리케이션 상태 관리하기[9]

1. Hooks를 사용하여 컨테이너 컴포넌트 만들기 리덕스 스토어와 연동된 컨테이너 컴포넌트를 만들 떄 connect 함수 대신 react-redux에서 제공하는 Hooks를 사용할 수도 있습니다. 1.1 useSelector로 상태 조회 useSelector Hook를 사용할 경우 connect 함수를 사용하지 않고 리덕스의 상태를 조회할 수 있습니다. useSelector 사용법은 아래와 같습니다. const result = useSelector(상태 선택 함수); 여기서 싱태 선택함수란 mapStateToProps와 형태가 동일합니다. 이번에는 CounterContainer에 connect를 들여내고 useSelector Hooks를 사용하여 counter.number 값을 조회하도록 변경해 보겠습..

[프론트엔드] 리덕스를 사용하여 리액트 어플리케이션 상태 관리하기[8]

1. 리덕스를 더 편하게 사용하는 방법 액션 생성 함수,리듀서 작성 시에 사용한 react-actions 라이브러리와 Immer 라이브러리 이렇게 3가지를 사용하면 리덕스를 훨신 편하게 사용할 수 있습니다. 1.1 redux-actions redux-actions 라는 라이브러리를 사용하면 액션 생성 함수를 더 짧은 코드로 작성할 수 있습니다. 그리고 리듀서를 작성할 떄 switch/case 문이 아닌 handleActions 라는 함수를 사용하여 각 액션을 업데이트 하도록 함수를 작성할 수 있습니다. yarn add redux-actions 먼저 위의 명령어로 라이브러리를 추가 설치합니다. 1.2 counter 모듈 적용하기 counter 모듈에 작성했던 액션 생성함수를 createAction이란 함수..