sohyeon kim

💡 fullcalendar 캘린더를 꾸며보자! 거의 비슷하긴 한데 ^^.. 노력했다. fullcalendar css 변경은 클래스명으로 접근해서 css 파일에 원하는 대로 적거나 fullcalendar 에서 정해둔 root 변수값을 바꿔야 한다. Calendar.tsx import "../style/calendar.css"; Calendar.css .fc-day-sun a { /* 일요일 컬러 */ color: var(--mainColor1); } .fc-day-sat a { /* 토요일 컬러 */ color: var(--subColor1); } .fc .fc-toolbar.fc-header-toolbar { padding: 10px 20px; font-size: 12px; font-weight: 500..

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

💡 fullcalendar 사용 방법 yarn add npm install @fullcalendar/react @fullcalendar/core @fullcalendar/daygrid @fullcalendar/interaction 우선 처음엔 이렇게 받고 더 필요한 건 나중에 설치! @fullcalendar/react : React 컴포넌트 제공 @fullcalendar/core : calendar class 제공 @fullcalendar/interaction : dateClick 등 액션 감지하는데 필요 @fullcalendar/daygrid : 월별 및 daygrid 뷰 제공 calendar/page.tsx 'use client'; import FullCalendar from '@fullcalenda..

📝 문제 "명예의 전당"이라는 TV 프로그램에서는 매일 1명의 가수가 노래를 부르고, 시청자들의 문자 투표수로 가수에게 점수를 부여합니다. 매일 출연한 가수의 점수가 지금까지 출연 가수들의 점수 중 상위 k번째 이내이면 해당 가수의 점수를 명예의 전당이라는 목록에 올려 기념합니다. 즉 프로그램 시작 이후 초기에 k일까지는 모든 출연 가수의 점수가 명예의 전당에 오르게 됩니다. k일 다음부터는 출연 가수의 점수가 기존의 명예의 전당 목록의 k번째 순위의 가수 점수보다 더 높으면, 출연 가수의 점수가 명예의 전당에 오르게 되고 기존의 k번째 순위의 점수는 명예의 전당에서 내려오게 됩니다. 이 프로그램에서는 매일 "명예의 전당"의 최하위 점수를 발표합니다. 예를 들어, k= 3이고, 7일 동안 진행된 가수의 ..

😦 Next.js 투두리스트 과제를 하다 생긴 에러.. 고쳐보자! 삭제 버튼 이벤트를 수정하다 타입 에러가 떴다. 똑같이 타입을 준 토글 이벤트는 잘 되는데 대체 왜?! 하다가 블로그를 찾아보니 어딘가에서 타입을 잘못 주었을 것이라고.. 해서 다시 코드를 보니! useMutation 에 타입을 안줘서였다.. 그럼 안 준 곳에 에러 표시해주지 😔 const deleteTodoMutation = useMutation({ mutationFn: async (id: string) => { 뮤테이션에도 타입을 지정해주니 에러가 사라졌다! 🔗 https://velog.io/@qhflrnfl4324/string-%ED%98%95%EC%8B%9D%EC%9D%98-%EC%9D%B8%EC%88%98%EB%8A%94-...-..

💡 체크박스 에러 발견.. toggleTodohandler(todo.id, todo.isDone)} /> 체크박스에 이벤트를 onClick 으로 주었더니 에러가 떴다. onChange 를 쓰거나 readOnly 를 붙여주라고..! toggleTodohandler(todo.id, todo.isDone)} /> 바꿔주니 에러 없이 잘 동작한다. 🫠

📝 문제 문자열 myString과 pat이 주어집니다. myString에서 pat이 등장하는 횟수를 return 하는 solution 함수를 완성해 주세요. 🫠 나의 풀이 def solution(myString, pat): count = 0 for i in range(len(myString)): if myString[i:].startswith(pat): # myStirng 을 i 부터 slice 한게 pat 으로 시작한다면 +1 count += 1 return count 🧞‍♂️ 다른 사람의 풀이 def solution(myString, pat): return sum(myString[i:i + len(pat)] == pat for i in range(len(myString))) 🔗 https://left..

📝 문제 문자열 myString과 pat가 주어집니다. myString의 부분 문자열중 pat로 끝나는 가장 긴 부분 문자열을 찾아서 return 하는 solution 함수를 완성해 주세요. 🫠 나의 풀이 def solution(myString, pat): if len(pat) > 1: num = myString.rindex(pat) + len(pat) return myString[:num] else: num = myString.rindex(pat) + 1 return myString[:num] 🧞‍♂️ 다른 사람의 풀이 solution=lambda x,y:x[:x.rindex(y)+len(y)] # x, y 를 받아서 x[:num] # num = x.rindex(y) + len(y) 🔗 https://..

💡 jsx 에서 테이블을 만들어보자! title contents {todos.map((todo: Todo) => { return ( {todo.title} {todo.contents} ); })} 화면엔 잘 나오는데 에러가 떠서 🥲 찾아보니 HTML 에서의 table 은 tbody, thead 를 생략해도 tr/td, th 를 쓸 수 있지만 JSX 에선 반드시 tbody & thead 를 써줘야된다고 한다! DOM tree 가 잘 렌더되도록 더 안전하게 구분을 해 두는 것 같다. title contents {todos.map((todo: Todo) => { return ( {todo.title} {todo.contents} ); })} 🤤 🔗 https://velog.io/@dongdong98/React..

💡 Image 컴포넌트에서 만난 오류.. db.json "companyInfo": { "name": "aotoyae's todo-list", "desctiption": "Next-todo-list Project Copyright 2024. aotoyae all rights reserved.", "image": "https://i.namu.wiki/i/d1A_wD4kuLHmOOFqJdVlOXVt1TWA9NfNt_HA0CS0Y_N0zayUAX8olMuv7odG2FiDLDQZIRBqbPQwBSArXfEJlQ.webp" }, AboutPage.json import Image from 'next/image'; const AboutPage = async () => { const response = await fet..