Sub's playground

서버 기능별 status 종류처리 성공 시: status(200)처리 실패 시: status(500)처리 실패 시(유저의 잘못으로 인해): status(400)서버 쪽 소스작성app 폴더 외부에 pages라는 폴더를 만들고 /pages/test.js 파일을 작성한다.예시 서버 소스는 다음과 같다.export default function handler(request, respond) { console.log(123); respond.status(200).json("Success");}handler는 두개의 instance를 받을 수 있는데, '응답'과 '결과'이다. 위 코드에서는 request와 respond로 받았음.만일 같은 서버 소스인데, GET으로 받은 것과 POST로 요청 받은 것을 구분하고..

useRouter에 대해서 알아보자Next.JS에는 페이지를 이동하는 방법이 두가지가 있다.Link 태그를 이용한 방식useRouter를 이용한 방식Link 태그를 이용한 방식의 예{a.title}1월 1일useRouter를 사용하는 방법일단 useRouter는 '클라이언트 컴포넌트'에서만 사용 가능하다.사용 예시'use client'import {useRouter} from 'next/navigation' # navigation에서 따오는 것.export default function DetailLink(){ let router = useRouter() return ( { router.push('/') }}>버튼 #router.push를 통해 페이지 이동 )}그럼 Link 태그가 있는데 굳이..

Tailwind CSS는 유틸리티 기반의 CSS 프레임워크로, 사용자 정의 클래스를 사용하여빠르고 효율적으로 스타일을 적용할 수 있도록 설계되었다.  Tailwind CSS는 미리 정의된 클래스를 제공하여, CSS를 작성하지 않고도 다양한 스타일을 적용할 수 있다. Next.JS에서의 사용 예시export default function LoginBtn() { return ( { signIn(); }} > Login );}위에 있는 className 안에 들어있는 값이 Tailwind CSS이다. class자체로 고유한 디자인 값을 갖고 있는 것이기 때문에 별도의 css파일 작성이 필요하지 않은 장점이 있지만, 코드의 가독성이 복잡해지는 단점이 있다.

최근들어 정말 몇년만에 블로그에 나의 공부 일지들을 정리해서 올리고 있다.Next.JS부터 시작해서 코딩테스트 준비를 위한 '프로그래머스', '구름', 'LeetCode'등 여러 사이트들의 문제를 풀고풀이 전략을 정리해서 올리고 있다. 지난달에 다니던 회사를 퇴사하고 혼자 보내는 시간이 많아진 덕도 있지만 내가 최근들어 다시 열심히 블로그 활동을 하게 된 계기는'국모다'라는 스터디 커뮤니티를 알고나서부터다. 국모다란?국모다는 '국비 부트 캠프의 모든 것이다!'를 슬로건으로 국내 국비 부트 캠프에 대한 교육 정보와 후기 등을 공유하는 스터디 커뮤니티이다.뭔가 이름에 '국비 부트 캠프'라는 용어가 들어가 부트 캠프에 관심있는 사람들만 받는 것 아닌가? 싶은 생각이 들을 수 있지만 부트 캠프에는 설령 관심이 ..

이상한 문자 만들기문제문자열 s는 한 개 이상의 단어로 구성되어 있습니다. 각 단어는 하나 이상의 공백문자로 구분되어 있습니다. 각 단어의 짝수번째 알파벳은 대문자로, 홀수번째 알파벳은 소문자로 바꾼 문자열을 리턴하는 함수, solution을 완성하세요.제한 사항문자열 전체의 짝/홀수 인덱스가 아니라, 단어(공백을 기준)별로 짝/홀수 인덱스를 판단해야합니다.첫 번째 글자는 0번째 인덱스로 보아 짝수번째 알파벳으로 처리해야 합니다.입출력s: "try hello world"return : "TrY HeLIO WoRID"입출력 예 설명"try hello world"는 세 단어 "try", "hello", "world"로 구성되어 있습니다. 각 단어의 짝수번째 문자를 대문자로, 홀수번째 문자를 소문자로 바꾸면 ..

시저암호문제어떤 문장의 각 알파벳을 일정한 거리만큼 밀어서 다른 알파벳으로 바꾸는 암호화 방식을 시저 암호라고 합니다. 예를 들어 "AB"는 1만큼 밀면 "BC"가 되고, 3만큼 밀면 "DE"가 됩니다. "z"는 1만큼 밀면 "a"가 됩니다. 문자열 s와 거리 n을 입력받아 s를 n만큼 민 암호문을 만드는 함수, solution을 완성해 보세요.제한 조건공백은 아무리 밀어도 공백입니다.s는 알파벳 소문자, 대문자, 공백으로만 이루어져 있습니다.s의 길이는 8000이하입니다.n은 1 이상, 25이하인 자연수입니다.입출력s: "AB"n: "1"result: "BC"나의 문제 접근 법입력값들을 리스트에 담아서 반복문을 돌린다.반복문을 돌릴 때 해당 문자가 대문자인지, 소문자인지 확인한다. (isupper, i..

나의 접근 법"in" 이 들어오면 total_value를 +=1을 해주고, "out"이 들어오면 -=1을 해준다.다만, 그 반복문을 도는 중에 현재 갖고 있는 금액보다 금액이 더 적어지면 반복문을 종료하고 "fail"을 출력하도록 해주었다.나의 코드import sysuser_input = input()total_value = 0aaa = int(user_input)for _ in range(aaa): value = input() new_value = str(value) new_value2 = new_value.split() if new_value2[0] == "out": total_value -= int(new_value2[1]) else: total_value += int(new_value2[1]..

구명보트문제 설명무인도에 갇힌 사람들을 구명보트를 이용하여 구출하려고 합니다. 구명보트는 작아서 한 번에 최대 2명씩 밖에 탈 수 없고, 무게 제한도 있습니다.예를 들어, 사람들의 몸무게가 [70kg, 50kg, 80kg, 50kg]이고 구명보트의 무게 제한이 100kg이라면 2번째 사람과 4번째 사람은 같이 탈 수 있지만 1번째 사람과 3번째 사람의 무게의 합은 150kg이므로 구명보트의 무게 제한을 초과하여 같이 탈 수 없습니다.구명보트를 최대한 적게 사용하여 모든 사람을 구출하려고 합니다.사람들의 몸무게를 담은 배열 people과 구명보트의 무게 제한 limit가 매개변수로 주어질 때, 모든 사람을 구출하기 위해 필요한 구명보트 개수의 최솟값을 return 하도록 solution 함수를 작성해주세요..

조이 스틱문제 설명조이스틱으로 알파벳 이름을 완성하세요. 맨 처음엔 A로만 이루어져 있습니다.ex) 완성해야 하는 이름이 세 글자면 AAA, 네 글자면 AAAA조이스틱을 각 방향으로 움직이면 아래와 같습니다.▲ - 다음 알파벳▼ - 이전 알파벳 (A에서 아래쪽으로 이동하면 Z로)◀ - 커서를 왼쪽으로 이동 (첫 번째 위치에서 왼쪽으로 이동하면 마지막 문자에 커서)▶ - 커서를 오른쪽으로 이동 (마지막 위치에서 오른쪽으로 이동하면 첫 번째 문자에 커서)예를 들어 아래의 방법으로 "JAZ"를 만들 수 있습니다.첫 번째 위치에서 조이스틱을 위로 9번 조작하여 J를 완성합니다.조이스틱을 왼쪽으로 1번 조작하여 커서를 마지막 문자 위치로 이동시킵니다.마지막 위치에서 조이스틱을 아래로 1번 조작하여 Z를 완성합니다..

타겟 넘버문제 설명n개의 음이 아닌 정수들이 있습니다. 이 정수들을 순서를 바꾸지 않고 적절히 더하거나 빼서 타겟 넘버를 만들려고 합니다. 예를 들어 [1, 1, 1, 1, 1]로 숫자 3을 만들려면 다음 다섯 방법을 쓸 수 있습니다.-1+1+1+1+1 = 3+1-1+1+1+1 = 3+1+1-1+1+1 = 3+1+1+1-1+1 = 3+1+1+1+1-1 = 3사용할 수 있는 숫자가 담긴 배열 numbers, 타겟 넘버 target이 매개변수로 주어질 때 숫자를 적절히 더하고 빼서 타겟 넘버를 만드는 방법의 수를 return 하도록 solution 함수를 작성해주세요.제한사항주어지는 숫자의 개수는 2개 이상 20개 이하입니다.각 숫자는 1 이상 50 이하인 자연수입니다.타겟 넘버는 1 이상 1000 이하인 ..