sohyeon kim

💡 Next.js 에 폰트 설정을 해보자. layout.tsx import { Inter } from 'next/font/google'; const inter = Inter({ subsets: ['latin'] }); export const metadata: Metadata = { title: 'Create Next App', description: 'Generated by create next app', }; export default function RootLayout({ children, }: Readonly) { return ( // ... 기본 설정은 inter 폰트로 되어 있다. 🌀layout 과 같은 위치에 styles/fonts.ts 추가 import { Inter, Roboto_Mono ..

📝 문제 정수 배열 date1과 date2가 주어집니다. 두 배열은 각각 날짜를 나타내며 [year, month, day] 꼴로 주어집니다. 각 배열에서 year는 연도를, month는 월을, day는 날짜를 나타냅니다. 만약 date1이 date2보다 앞서는 날짜라면 1을, 아니면 0을 return 하는 solution 함수를 완성해 주세요. 🫠 나의 풀이 def solution(date1, date2): for i in range(len(date1)): if date1[i] date2[i]: return 0 return 0 🧞‍♂️ 다른 사람의 풀이 def solution(date1, date2): return int(date1 < d..

💡 Next.js 를 배워봅시다 🥹 : 웹 개발을 위한 React 프레임워크! 개발에 필요한 다양한 기능과 구조를 제공한다.다양한 렌더링 기법 : CSR, SSR, SSG(Next.js 기본), ISR라우팅 : 파일(폴더) 기반 라우팅Route Handler : 백엔드 가능스타일링 : CSS, Sass, CSS-in-JS최적화, 번들링 : 코드 스플리팅, 이미지 최적화(img 태그가 아닌 Image 컴포넌트), 웹팩 설정 등 👀 라이브러리? 프레임워크?라이브러리: 개발자가 필요할 때 마다 설치, 혹은 호출함으로써 개발자가 능동적으로 사용하게 됨프레임워크: 프로그램이 필요한것을 개발자에게 알려줌으로써 제어권을 역전 😲 코드 스플리팅 ? 코드 분할!번들링된 파일을 잘라내 웹페이지 로딩 시간을 줄이는 ..

📝 문제 문자열 my_string과 두 정수 m, c가 주어집니다. my_string을 한 줄에 m 글자씩 가로로 적었을 때 왼쪽부터 세로로 c번째 열에 적힌 글자들을 문자열로 return 하는 solution 함수를 작성해 주세요. 🫠 나의 풀이 def solution(my_string, m, c): answer = '' for i in range(c-1, len(my_string), m): answer += my_string[i] return answer c-1 로 시작해 my_string 의 길이까지 m 간격으로 반복문을 돈다. answer 에 i 번째 글자만 추가! 🧞‍♂️ 다른 사람의 풀이 def solution(s, m, c): return s[c-1::m] s 를 c-1 부터 m 간격으로 자..

📝 문제 머쓱이는 친구들과 369게임을 하고 있습니다. 369게임은 1부터 숫자를 하나씩 대며 3, 6, 9가 들어가는 숫자는 숫자 대신 3, 6, 9의 개수만큼 박수를 치는 게임입니다. 머쓱이가 말해야하는 숫자 order가 매개변수로 주어질 때, 머쓱이가 쳐야할 박수 횟수를 return 하도록 solution 함수를 완성해보세요. 🫠 나의 풀이 def solution(order): count = 0 for i in str(order): if i == "3" or i == "6" or i == "9": count += 1 return count 🧞‍♂️ 다른 사람의 풀이 def solution(order): answer = 0 order = str(order) return order.count('3') ..

📝 문제 1부터 6까지 숫자가 적힌 주사위가 세 개 있습니다. 세 주사위를 굴렸을 때 나온 숫자를 각각 a, b, c라고 했을 때 얻는 점수는 다음과 같습니다. 세 숫자가 모두 다르다면 a + b + c 점을 얻습니다. 세 숫자 중 어느 두 숫자는 같고 나머지 다른 숫자는 다르다면 (a + b + c) × (a2 + b2 + c2 )점을 얻습니다. 세 숫자가 모두 같다면 (a + b + c) × (a2 + b2 + c2 ) × (a3 + b3 + c3 )점을 얻습니다. 세 정수 a, b, c가 매개변수로 주어질 때, 얻는 점수를 return 하는 solution 함수를 작성해 주세요. 🫠 나의 풀이 def solution(a, b, c): if a != b and b != c and a != c: ret..

📝 문제 0과 1로 이루어진 어떤 문자열 x에 대한 이진 변환을 다음과 같이 정의합니다. x의 모든 0을 제거합니다. x의 길이를 c라고 하면, x를 "c를 2진법으로 표현한 문자열"로 바꿉니다. 예를 들어, x = "0111010"이라면, x에 이진 변환을 가하면 x = "0111010" -> "1111" -> "100" 이 됩니다. 0과 1로 이루어진 문자열 s가 매개변수로 주어집니다. s가 "1"이 될 때까지 계속해서 s에 이진 변환을 가했을 때, 이진 변환의 횟수와 변환 과정에서 제거된 모든 0의 개수를 각각 배열에 담아 return 하도록 solution 함수를 완성해주세요. 🫠 나의 풀이 function solution(s) { let count = 0; // 총 변환한 횟수 let zero ..

📝 문제 정수 num과 k가 매개변수로 주어질 때, num을 이루는 숫자 중에 k가 있으면 num의 그 숫자가 있는 자리 수를 return하고 없으면 -1을 return 하도록 solution 함수를 완성해보세요. 🫠 나의 풀이 def solution(num, k): return -1 if str(k) not in str(num) else str(num).find(str(k)) + 1 find 는 문자열에서 쓸 수 있다 ~~~ 🧞‍♂️ 다른 사람의 풀이 def solution(num, k): for i, n in enumerate(str(num)): # index, value 같이 가져오기 if str(k) == n: return i + 1 return -1 🔗 https://school.programm..

📝 문제 문자열 myString이 주어집니다. "x"를 기준으로 해당 문자열을 잘라내 배열을 만든 후 사전순으로 정렬한 배열을 return 하는 solution 함수를 완성해 주세요. 단, 빈 문자열은 반환할 배열에 넣지 않습니다. 🫠 나의 풀이 def solution(myString): answer = myString.split("x") return sorted(answer) 공백 요소를 걸러내지 못하고 있다. 🧞‍♂️ 다른 사람의 풀이 def solution(myString): return sorted(i for i in myString.split("x") if i) for 문을 돌면서 요소를 만드는데 조건을 걸어서 공백 요소를 걸렀다. 🔗 https://school.programmers.co.kr/..

💡 타입 할당이 안된다는 error.. 해결.. deleteMutation.mutate(todo.id)} > delete 왜 그런가 보니.. id 타입을 옵셔널로 주고 있어서였다. const newTodo = { title, content, isDone: false, }; json 서버를 쓰고 있어서 투두를 생성할 때 id 값을 안써도 되니까 요렇게 썼었는데..! 🫠 그래서 id: string; 으로 바꿔주고, newTodo 에 id 값도 넣어줬다! npm install react-uuid yarn add react-uuid const newTodo = { id: uuid(), title, content, isDone: false, }; 🥲 메소드 타입 에러 TodoList.tsx const ongoin..