Jieunny의 블로그

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

📌 문제 햄버거 가게에서 일을 하는 상수는 햄버거를 포장하는 일을 합니다. 함께 일을 하는 다른 직원들이 햄버거에 들어갈 재료를 조리해 주면 조리된 순서대로 상수의 앞에 아래서부터 위로 쌓이게 되고, 상수는 순서에 맞게 쌓여서 완성된 햄버거를 따로 옮겨 포장을 하게 됩니다. 상수가 일하는 가게는 정해진 순서(아래서부터, 빵 – 야채 – 고기 - 빵)로 쌓인 햄버거만 포장을 합니다. 상수는 손이 굉장히 빠르기 때문에 상수가 포장하는 동안 속 재료가 추가적으로 들어오는 일은 없으며, 재료의 높이는 무시하여 재료가 높이 쌓여서 일이 힘들어지는 경우는 없습니다. 예를 들어, 상수의 앞에 쌓이는 재료의 순서가 [야채, 빵, 빵, 야채, 고기, 빵, 야채, 고기, 빵]일 때, 상수는 여섯 번째 재료가 쌓였을 때, ..

📌 문제 나만의 카카오 성격 유형 검사지를 만들려고 합니다. 성격 유형 검사는 다음과 같은 4개 지표로 성격 유형을 구분합니다. 성격은 각 지표에서 두 유형 중 하나로 결정됩니다. 지표 번호성격 유형 1번 지표 라이언형(R), 튜브형(T) 2번 지표 콘형(C), 프로도형(F) 3번 지표 제이지형(J), 무지형(M) 4번 지표 어피치형(A), 네오형(N) 4개의 지표가 있으므로 성격 유형은 총 16(=2 x 2 x 2 x 2)가지가 나올 수 있습니다. 예를 들어, "RFMN"이나 "TCMA"와 같은 성격 유형이 있습니다. 검사지에는 총 n개의 질문이 있고, 각 질문에는 아래와 같은 7개의 선택지가 있습니다. 매우 비동의 비동의 약간 비동의 모르겠음 약간 동의 동의 매우 동의 각 질문은 1가지 지표로 성격 ..

📣 Side Effect(부수 효과) ✔️ 함수 내에서 어떤 구현이 함수 외부에 영향을 끼치는 경우 해당 함수는 Side Effect가 있다고 말한다. ✔️ 리액트에서는 컴포넌트 내에서 fetch를 사용해 API 정보를 가져오거나 이벤트를 활용해 DOM을 직접 조작할 때 Side Effect가 발생했다고 말한다. 📣 Pure Function(순수 함수) ✔️ 오직 함수의 입력만이 함수의 결과에 영향을 주는 함수 ✔️ 함수의 입력이 아닌 다른 값이 함수의 결과에 영향을 미치는 경우 순수 함수라고 부를 수 없다. ✔️ 입력으로 전달된 값을 수정하지 않아야 한다. function upper(str) { return str.toUpperCase(); // toUpperCase 메소드는 원본을 수정하지 않습니다 ..

📣 배열 이해하기 ✔️ 배열은 Array 클래스의 인스턴스 ✔️ 배열에 담긴 각각의 값을 아이템 또는 원소 라고 부른다. ✔️ 배열은 Array 클래스의 인스턴스이며, 인스턴스는 객체이므로 배열은 '객체' 이다. let array = new Array(2) 📍 [] 단축 구문 let numbers = [1, 2, 3] let strings = ['hello', 'world'] ➰ [] 라는 단축 구문을 사용해서 배열을 생성할 수 있다. 📍 배열의 타입 ➰ 타입스크립트에서 배열의 타입은 '아이템 타입[]' 이다. let numArray: number[] = [1, 2, 3] let strArray: string[] = ['hello', 'world'] type IPerson = {name: string, ..

📣 React 데이터 흐름 ✔️ 컴포넌트는 컴포넌트 바깥에서 props를 이용해 데이터를 마치 전달인자(arguments) 혹은 속성(arributes)처럼 전달받을 수 있다. ➰ 데이터를 전달하는 주체는 부모 컴포넌트 -> 데이터 흐름이 하향식이다. ➰ React는 단방향 데이터 흐름이고, 컴포넌트는 props를 통해 전달받은 데이터가 어디서 왔는지 알지 못한다. ➰ 부모 컴포넌트에서의 상태가 하위 컴포넌트에 의해 변하는 것이 역방향 데이터 흐름처럼 보일 수 있다. ➰ 이를 위해서 Stste 끌어올리기(Lifting state up) 을 이용한다. 📣 State 끌어올리기(Lifting state up) ➰ 상위 컴포넌트의 '상태를 변경하는 함수' 그 자체를 하위 컴포넌트로 전달하고, 이 함수를 하위 ..