📌 전체 게시글 목록

둘째 날은'아이스 아메리카노'라는 문제를 풀어보았습니다.이 글에서는 해당 문제를 어떻게 해결했는지, 겪었던 어려움, 그리고 배운 점을 회고하기 위해서 작성해 보겠습니다 😊문제 설명주어진 돈으로 아이스 아메리카노를 최대 몇 잔 살 수 있고, 남는 돈은 얼마인지 배열로 반환하는 문제입니다.(입출력의 예) arrayheightresult입력[149, 180, 192, 170]1673출력[180, 120, 140]1900 문제 해결 접근이번 문제는 입문용 코테라 그런지 상당히 쉬웠다.단순히 몇 잔을 살 수 있을지는 내가 가진 money에서 아메리카노 값을 나누어주면 되고,거스름 돈은 내가 가진 money에서 아메리카노 값에 나머지를 구하면 된다!내가 푼 방법function solution(money) { v..

둘째 날은'중앙값 구하기'라는 문제를 풀어보았습니다.이 글에서는 해당 문제를 어떻게 해결했는지, 겪었던 어려움, 그리고 배운 점을 회고하기 위해서 작성해 보았습니다 😊문제 설명주어진 정수 배열을 정렬한 후, 중앙에 위치한 값을 반환하는 문제입니다.(입출력의 예)arrayresult[1, 2, 7, 10, 11]7[9, -1, 0]0 문제 해결 접근일단 배열을 정렬하고 배열의 길이에서 나누기 2를 하여 그 몫을 배열의 index로 넣어서 찾아야겠다고 생각했다정렬 메서드 sort!!반올림 메서드 Math.floor!! 를 활용해야겠다는 느낌 🤔생각했던 대로 푸니까 정답이 나왔다!내가 푼 방법function solution(array) { array.sort((a, b) => a - b); // 배열 정..

코딩테스트를 매일매일 2문제씩 풀어보는 코딩스터디를 시작하였습니다.오늘부터 차근차근 풀어 가보자!!첫날은 '머쓱이보다 키 큰 사람'이라는 문제를 풀어보았습니다.이 글에서는 해당 문제를 어떻게 해결했는지, 겪었던 어려움, 그리고 배운 점을 회고하기 위해서 작성해 보겠습니다 😊 문제 설명문제는 간단하다. 머쓱이라는 친구의 키보다 더 큰 사람의 수를 구하는 것이다 ㅎㅎ주어진 배열에는 사람들의 키가 들어 있고, 머쓱이의 키는 따로 주어진다. 우리는 이 배열에서 머쓱이보다 더 큰 사람의 수를 반환하면 끝(입출력의 예) arrayheightresult입력[149, 180, 192, 170]1673출력[180, 120, 140]1900 문제 해결 접근처음에는 배열을 for로 순회하며 머쓱이의 키와 비교해야겠다고 생..

interface인터페이스는 객체가 가져야 할 속성과 메서드를 정의하는 구조입니다. 객체의 구조를 정의하거나, 상속을 통해 코드의 재사용성을 높이는 데 주로 사용합니다.type alias특정 타입을 정의하는 데 사용됩니다.객체를 포함한 다양한 형태의 타입을 정의하는 데 사용되며, 더 유연한 정의가 가능합니다.🚨 interface는 '객체용이다.','상속하기 위한 용이다.'라고 말하는데 ❌ 아니다 !! type alias 방식도 객체, 상속 모두 가능하다 !! 1️⃣ 유연성 / 유니온 타입의 혼란 발생type aliastype Dog = | { eat(): string; woof(): string; } | {};const jindo: Dog = { constructor(pri..

🚪 들어가며Next.js에서는 서버사이드 렌더링(SSR)을 통해 사용자가 페이지에 접근하기 전에 서버에서 데이터를 미리 가져와 페이지를 렌더링할 수 있습니다. 이 과정에는 두 가지 중요한 요소가 작동합니다API 핸들러 (@api/article.ts)페이지 컴포넌트 (@pages/community/index.tsx)이 두 요소가 어떻게 상호작용하여 동적 콘텐츠를 효율적으로 제공하는지 살펴보자 ⭐️1. @api/article.ts역할: API 핸들러기능: 클라이언트의 GET, POST, DELETE 요청을 처리하고, 외부 API나 데이터베이스와 상호작용하여 필요한 데이터를 가져오거나 수정합니다.이는 백엔드에서 데이터 처리를 담당합니다.예시: getArticles() 함수는 게시글 목록을 가져와 JSON 형..

Tailwind CSS에서 유틸리티 클래스에 대괄호 []를 사용하면 맞춤 또는 동적 값을 적용할 수 있는 반면,대괄호를 사용하지 않으면 사전 정의된 표준 유틸리티 값을 사용할 수 있습니다. 대괄호 []를 사용하지 않는 예시 (사전 정의된 클래스 사용)이 경우, Tailwind의 사전 정의된 값을 사용하여 너비, 배경색, 패딩 등을 설정합니다. 사전 정의된 유틸리티 클래스 w-32: 너비를 8rem(128px)으로 설정합니다.bg-blue-500: 사전 정의된 파란색을 배경색으로 적용합니다.p-4: 1rem(16px)의 패딩을 추가합니다. 대괄호 []를 사용하는 예시 (맞춤 값 사용)여기서는 []를 사용하여 Tailwind가 기본적으로 정의하지 않은 맞춤 값을 적용합니다. 맞춤 유틸리티 클래스 w-[200..