문제 설명 신입사원 무지는 게시판 불량 이용자를 신고하고 처리 결과를 메일로 발송하는 시스템을 개발하려 합니다. 무지가 개발하려는 시스템은 다음과 같습니다. 각 유저는 한 번에 한 명의 유저를 신고할 수 있습니다. 신고 횟수에 제한은 없습니다. 서로 다른 유저를 계속해서 신고할 수 있습니다. 한 유저를 여러 번 신고할 수도 있지만, 동일한 유저에 대한 신고 횟수는 1회로 처리됩니다. k번 이상 신고된 유저는 게시판 이용이 정지되며, 해당 유저를 신고한 모든 유저에게 정지 사실을 메일로 발송합니다. 유저가 신고한 모든 내용을 취합하여 마지막에 한꺼번에 게시판 이용 정지를 시키면서 정지 메일을 발송합니다. 다음은 전체 유저 목록이 ["muzi", "frodo", "apeach", "neo"]이고, k = 2..

문제 설명 카카오에 입사한 신입 개발자 네오는 "카카오계정개발팀"에 배치되어, 카카오 서비스에 가입하는 유저들의 아이디를 생성하는 업무를 담당하게 되었습니다. "네오"에게 주어진 첫 업무는 새로 가입하는 유저들이 카카오 아이디 규칙에 맞지 않는 아이디를 입력했을 때, 입력된 아이디와 유사하면서 규칙에 맞는 아이디를 추천해주는 프로그램을 개발하는 것입니다. 다음은 카카오 아이디의 규칙입니다. 아이디의 길이는 3자 이상 15자 이하여야 합니다. 아이디는 알파벳 소문자, 숫자, 빼기( - ), 밑줄( _ ), 마침표( . ) 문자만 사용할 수 있습니다. 단, 마침표(.)는 처음과 끝에 사용할 수 없으며 또한 연속으로 사용할 수 없습니다. "네오"는 다음과 같이 7단계의 순차적인 처리 과정을 통해 신규 유저가 ..

Singleton 싱글톤 패턴은 면접 때 "알고있는 디자인 패턴 있어요?" 라고 하면 잘 모르는 사람이라도 머리속에 "음.. 싱글톤패턴..?" 이라고 한번쯤 생각해보지 않았을까? 싶을 정도로 제일 유명한 패턴 중 하나라고 생각한다. 하지만 막상 설명해보려고 하면 "인스턴스가 하나임을 보장 받을 수 있는 패턴입니다"를 제외하고 제대로 설명하기 위해 내용을 정리해보고자 한다. 의도 클래스에서 만들 수 있는 인스턴스가 오직 하나일 경우에 이에 대한 접근은 어디에서든지 하나로만 통일하여 제공할 수 있도록 한다. 동기 어떤 클래스의 경우, 정확히 하나의 인스턴스만을 갖도록 하는 것이 중요하다. 예를 들어 시스템에 많은 프린터가 있더라도, 프린터 스풀은 오직 하나여야 하는 것처럼 말이다. 어떻게 하면 우리는 클래스..

HooksHook은 리액트 v16.8에 새로 도입된 기능으로 함수형 컴포넌트에서도 상태 관리를 할 수 있는 useState, 렌더링 직후 작업을 설정하는 useEffect 등의 기능을 제공하여 기존에 함수형 컴포넌트에서 할 수 없었던 다양한 작업을 할 수 있게 해준다. 또한 기존 라이플사이클 메서드 기반이 아닌 로직 기반으로 나눌 수 있기 때문에 컴포넌트를 함수 단위로 잘게 쪼갤 수 있는 이점이 있다. Hook의 사용규칙최상위에서만 Hook을 호출해야 한다. 좀 더 풀어서 이야기 하자면 반복문, 조건문, 중첩된 함수 내에서 Hook을 실행하면 안된다는 뜻이다. 컴포넌트가 렌더링 될 때마다 항상 동일한 순서로 호출되는 것을 보장받기 위해서이다.React의 함수형 컴포넌트에서만 Hook을 호출해야하하고, 일..

라이프사이클 (Lifecycle) 리액트 컴포넌트에는 라이프사이클(생명 주기)이 존재한다. 컴포넌트의 수명은 페이지에 렌더링 되기 전부터 시작하여 페이지에서 사라질 때 끝이 난다. 리액트 프로젝트를 진행하다 보면 가끔 컴포넌트를 처음으로 렌더링 할 때 어떤 작업을 처리해야 하거나, 컴포넌트를 업데이트하기 전/후로 어떤 작업을 처리해야 할 수도 있고, 불필요한 업데이트를 방지해야 할 수도 있다. 위와 같은 상황에서 컴포넌트 라이프사이클 메서드를 사용한다. 참고로 라이프사이클 메서드는 클래스형 컴포넌트에서만 사용할 수 있으며, 함수형 컴포넌트에서는 사용할 수 없다. 대신 함수형 컴포넌트에는 Hooks 기능을 사용하여 비슷한 작업을 처리할 수 있다. 라이프사이클 메서드의 종류 라이플 사이클 메서드의 종류는 총..