📚 1. 사전 지식 React 렌더링 성능 최적화 방법 참고 : 렌더링 성능 최적화하는 7가지 방법, React.memo()로 최적화 1. useMemo : 함수에서 리턴되는 값을 메모이제이션 const average = useMemo(() => { console.log("calculate average. It takes long time !!"); return users.reduce((acc, cur) => { return acc + cur.score / users.length; }, 0); }, [users]); 2. React.memo : 컴포넌트 메모이제이션 순수 함수 컴포넌트와 렌더링 성능을 향상하는 기능. React.memo로 감싸진 함수의 결괏값은 메모리에 저장되는데, 같은 인풋값으로 해당 ..
💭 1. 이번 주엔 어떤 일들이 있었고, 그 속에서 나는 어떤 것을 느꼈을까 4월 23일(일) : 시험공부 4월 24일(월) : 스마트기기 시스템, 현대인의 식생활과 건강 시험 4월 25일(화) : 빅데이터분석개론 시험 4월 26일(수) : 디지털콘텐츠 기획 시험 📜 PWA 시험이 끝나고, 시험기간 동안 공부하지 못했던 것들을 공부하고, 글을 읽고, 정리를 했다. 다시 주식 공부도 시작했다. 앞으로 꾸준히 업로드할 예정이다. 이제 시험도 끝났겠다, 내가 하고 싶던 개발 공부 다시 시작해야지. 4월 26일(목) : 오늘은 OFF 4월 27일(금) : 지난 프로젝트 리팩토링 - 최적화 요즘, 지난겨울방학에 진행한 프로젝트를 리팩토링 중이다. 오늘은 프로젝트 최적화를 진행했다. 이에 대한 글을 작성 중이다. ..
📙 1. 문제 Link : https://school.programmers.co.kr/learn/courses/30/lessons/92342 문제 설명 카카오배 양궁대회가 열렸습니다. 라이언은 저번 카카오배 양궁대회 우승자이고 이번 대회에도 결승전까지 올라왔습니다. 결승전 상대는 어피치입니다. 카카오배 양궁대회 운영위원회는 한 선수의 연속 우승보다는 다양한 선수들이 양궁대회에서 우승하기를 원합니다. 따라서, 양궁대회 운영위원회는 결승전 규칙을 전 대회 우승자인 라이언에게 불리하게 다음과 같이 정했습니다. 어피치가 화살 n발을 다 쏜 후에 라이언이 화살 n발을 쏩니다. 점수를 계산합니다. 과녁판은 아래 사진처럼 생겼으며 가장 작은 원의 과녁 점수는 10점이고 가장 큰 원의 바깥쪽은 과녁 점수가 0점입니다...
본 글은 스타트업 인턴 프로그램 코딩테스트 치르고 작성한 후기입니다. https://career.programmers.co.kr/competitions/3287/2023-summer-coding 2023 Summer Coding - 스타트업 인턴 프로그램 주니어/예비 개발자를 위한 Summer CODING 🏖 22개 기업이 함께 참여하고 있습니다. #스타트업#개발인턴십#정직원 전환시 사이닝 보너스 50만원#코딩테스트 Summer Coding은 학생 개발자, 졸업 후 고민이 career.programmers.co.kr 처음으로 코딩테스트를 치렀다. 평소에 프로그래머스, 백준 등에서 코딩테스트들을 치러봤지만, 시간을 두고 하는 공식적인 코딩테스트는 처음이었다. 결과부터 말하자면 총 4문제 중에 2 솔을 했다..
📙 1. 문제 Link : https://school.programmers.co.kr/learn/courses/30/lessons/1844 문제 설명 문제 설명 ROR 게임은 두 팀으로 나누어서 진행하며, 상대 팀 진영을 먼저 파괴하면 이기는 게임입니다. 따라서, 각 팀은 상대 팀 진영에 최대한 빨리 도착하는 것이 유리합니다. 지금부터 당신은 한 팀의 팀원이 되어 게임을 진행하려고 합니다. 다음은 5 x 5 크기의 맵에, 당신의 캐릭터가 (행: 1, 열: 1) 위치에 있고, 상대 팀 진영은 (행: 5, 열: 5) 위치에 있는 경우의 예시입니다. 위 그림에서 검은색 부분은 벽으로 막혀있어 갈 수 없는 길이며, 흰색 부분은 갈 수 있는 길입니다. 캐릭터가 움직일 때는 동, 서, 남, 북 방향으로 한 칸씩 이..
📙 1. 문제 Link : https://school.programmers.co.kr/learn/courses/30/lessons/150368 문제 설명 카카오톡에서는 이모티콘을 무제한으로 사용할 수 있는 이모티콘 플러스 서비스 가입자 수를 늘리려고 합니다. 이를 위해 카카오톡에서는 이모티콘 할인 행사를 하는데, 목표는 다음과 같습니다. 이모티콘 플러스 서비스 가입자를 최대한 늘리는 것. 이모티콘 판매액을 최대한 늘리는 것. 1번 목표가 우선이며, 2번 목표가 그 다음입니다. 이모티콘 할인 행사는 다음과 같은 방식으로 진행됩니다. n명의 카카오톡 사용자들에게 이모티콘 m개를 할인하여 판매합니다. 이모티콘마다 할인율은 다를 수 있으며, 할인율은 10%, 20%, 30%, 40% 중 하나로 설정됩니다. 카카..
📚 1. 사전 지식 참고 : 웹 접근성이란?, 웹 접근성 개선하는 법, Next.js의 _document와 _app에 대하여 웹 접근성 : 장애인이나 고령자분들이 웹 사이트에서 제공하는 정보를 비장애인과 동등하게 접근하고 이용 할 수 있도록 보장하는 것으로 웹 접근성 준수는 법적의무사항 웹 접근성 개선하는 법 1. 대체 텍스트 포함하기 이미지, 로고, 그림 등의 그래픽에 대체 텍스트를 사용하세요. 2. 높은 색상 대비 선택 3. 정보가 있는 링크 텍스트 사용 4. 텍스트 크기 및 정렬 확인 5. 서식 지원 텍스트 사용 6. 번호 매기기 및 글머리기호 목록 사용 _app : 서버로 요청이 들어왔을 때 가장 먼저 실행되는 컴포넌트로, 페이지에 적용할 공통 레이아웃 역할 Component 속성값은 서버에 요청..
📙 1. 문제 Link : https://school.programmers.co.kr/learn/courses/30/lessons/150369 문제 설명 당신은 일렬로 나열된 n개의 집에 택배를 배달하려 합니다. 배달할 물건은 모두 크기가 같은 재활용 택배 상자에 담아 배달하며, 배달을 다니면서 빈 재활용 택배 상자들을 수거하려 합니다. 배달할 택배들은 모두 재활용 택배 상자에 담겨서 물류창고에 보관되어 있고, i번째 집은 물류창고에서 거리 i만큼 떨어져 있습니다. 또한 i번째 집은 j번째 집과 거리 j - i만큼 떨어져 있습니다. (1 ≤ i ≤ j ≤ n) 트럭에는 재활용 택배 상자를 최대 cap개 실을 수 있습니다. 트럭은 배달할 재활용 택배 상자들을 실어 물류창고에서 출발해 각 집에 배달하면서, ..
