티스토리

게코 개발일지

검색하기

블로그 홈

게코 개발일지

gecko0012.tistory.com/m

콩쥐땃쥐 님의 블로그입니다.

구독자: 0

방명록 방문하기

주요 글 목록

[2차시] 이미지 컴포넌트 만들기 버튼 컴포넌트를 다 만들고 나서 이미지 컴포넌트를 만들 차례가 됐다.이전에 버튼을 만들던 경험으로 size만 있을 것 같아서 size만 붙여넣었다. 코드더보기import { cva, type VariantProps } from 'class-variance-authority';import { cn } from '@/app/utils/cn';import { ButtonHTMLAttributes, FC } from 'react';import React from 'react';type Size = 'sm' | 'md' | 'lg';interface AvatarProps { size: Size;}const AvatarVariants = cva('rounded-[0.625rem] hover:brightness-9.. 공감수 0 댓글수 0 2025. 1. 22.
[1차시] 버튼 컴포넌트 만들기 버튼 컴포넌트는 버튼을 만들 때 속성들을 매번 입력하기 귀찮고 코드가 길어져서 재사용을 하기 위해 만든 것이다.1차적으로[리팩토링] 재사용 가능한 버튼 컴포넌트 만들기이 블로그의 글을 참고해서 버튼 컴포넌트를 제작하였다.코드더보기import React from 'react';import { cva, VariantProps } from 'class-variance-authority';import { ReactNode } from 'react';type Color = 'blue' | 'white' | 'gray';type Size = 'sm' | 'md' | 'lg';interface ButtonProps { type?: 'submit' | undefined; // type이 undefined인 경우에는 .. 공감수 0 댓글수 0 2025. 1. 14.
주사위 게임 2 function solution(a, b, c) { if ((a + b + c) / 3 === a) { return Math.pow(a,6) * Math.pow(3,3) } if ((a === c && a !== b) || (a === b && a !== c) || (b === c && a !== c)) { return (a + b + c) * (a*a + b*b + c*c) } if (a !== b !== c) { return a + b + c }}깡으로 조건을 다 넣었다.다른 방법이 없진 않을까 내일 더 고민해보고 다른 사람의 답을 보는 게 좋을 것 같다. 2번째 식만 잘 해보자 ++ 새로 알게 된 문법은Math.pow로, Math.. 공감수 1 댓글수 0 2025. 1. 8.
등차수열의 특정한 항만 더하기 function solution(a, d, included) { var answer = a; for(let i = 0; i 다른 사람들의 코드를 보다가 더 줄일 수 있을 것 같다는 생각에 삼항연산자를 사용 function solution(a, d, included) { var answer = 0; for(let i = 0; i 오예~줄어든 시간들이 보이나? 아름답구만 function solution(a, d, included) { return included.reduce((acc, flag, i) => { return flag ? acc + a + d * i : acc }, 0)}function solution(a, d, included) { var an.. 공감수 0 댓글수 0 2025. 1. 8.
코드 처리하기 1차시도function solution(code) { let a = ''; let mode = 0; for (let i = 0; i마지막에 오답이 발견돼서 질문에 가보니 EMPTY 예외처리를 해주지 않아서 발생한 문제였다. 2차시도function solution(code) { let a = ''; let mode = 0; for (let i = 0; i이렇게 수정해주니 통과는 했지만 아래처럼 시간이 너무 길어진다는 문제가 생겼다. else가 많아서 생긴 문제일까 3차시도function solution(code) { let a = ''; let mode = 0; for (let i = 0; i더 느려졌다... 4차시도?function solution(cod.. 공감수 0 댓글수 0 2025. 1. 8.
flag에 따라 다른 값 반환하기 function solution(a, b, flag) { return flag === true ? a + b : a - b;}음하하 한 줄이다function solution(a, b, flag) { return flag ? a + b : a - b;}근데 다른 사람의 풀이를 보니 애초에 삼항 연산자는 true와 false를 판단하기 때문에 === true를 넣을 필요가 없다는 것을 깨닫아버렸다. 공감수 0 댓글수 0 2025. 1. 8.
조건 문자열 function solution(ineq, eq, n, m) { if(ineq + eq === '>='){ return n >= m === true ? 1 : 0; } else if (ineq + eq === '!'){ return n > m === true ? 1 : 0; } else if (ineq + eq === '코드를 더 간편하게 하는 방법으론 eval 이 있었지만, 되도록이면 사용을 지양해야한다고 해서 뭐가 있을까 고민하다 아무리 생각해봐도 모르겠어서 if문을 사용하게 되었다... 여튼 제출하고 다른 사람의 코드를 보니function solution(ineq, eq, n, m) { if (eq === '=' && n === m) retu.. 공감수 0 댓글수 0 2025. 1. 8.
홀짝에 따라 다른 값 반환하기 1차시도function solution(n) { var answer = 0; if (n % 2 === 0){ for (let i = 0; i 통과는 했는데, 코드가 길어서 무슨 좋은 방법이 없을까 고민function solution(n) { if(n%2===1) return (n+1)/2*((n + 1)/2) ; else return n*(n+1)*(n+2)/6;} n이 짝수일 때는 등차수열의 합 공식을 적용하였고, n이 홀수일 때는 자연수 거듭 제곱의 합을 구하는 공식을 적용한 것으로 보입니다. 반복문과 조건문을 활용하지 않는 멋진 풀이네요. 등차수열...? 코테를 풂에 있어서 수학을 뗄 수가 없나보다... 공감수 0 댓글수 0 2025. 1. 7.
에그 코치 정리 보호되어 있는 글입니다. 공감수 0 댓글수 0 2024. 12. 24.
관리전략 blog Access Token & Refresh TokenAccess Token?Access Token은 사용자나 컴퓨터 프로그램이 접근할 권리를 증명하는데 사용되는 문자열이며, 일반적으로 인터넷에서 사용자 인증 및 권한 부여를 위해 주로 사용된다. 예들 들어, 소셜 미디어 플랫폼이나 웹 애플리케이션에서 사용자가 로그인할 때, 서버는 사용자의 인증 정보를 확인한 후 엑세스 토큰을 발급한다. 그리고 사용자가 이후 서비스를 이용할 때마다 이 토큰을 사용하여 자신의 인증 상태를 증명하게 된다. 즉 Access Token은 사용자가 인중 과정을 성공적으로 마친 후, 리소스에 접근할 수 있는 권한을 부여받기 위해 사용되는 Token값이다.Refresh Token은 왜 필요할까?Acess Token만을 통한 인증 방식의.. 공감수 2 댓글수 0 2024. 12. 9.
공배수 function solution(number, n, m) { return number%n === 0 && number%m === 0 ? 1 : 0;}and연산자 말고 다른 방법이 있을까 고민을 해봤는데 없는 것 같다......사실 n과 m을 곱해서 했는데 예외가 생겨서 (곱한 수보다 안쪽에 있는 수가 둘의 배수일 경우 오류가 나버림) 그냥 and로 처리했다... 공감수 0 댓글수 0 2024. 11. 30.
n의 배수 function solution(num, n) { return num%n === 0 ? 1 : 0;}배수라는 건 나눴을 때 0이 되기 때문에 삼항 연산자로 나머지에 따라 0과 1이 출력되도록 했다. 공감수 0 댓글수 0 2024. 11. 29.
Math.max Number repeat Math.max Number repeat 공감수 0 댓글수 0 2024. 11. 29.
두 수의 연산값 비교하기 function solution(a, b) { return Number(`${a}${b}`) === (a*b*2) ? Number(`${a}${b}`) : Math.max(Number(`${a}${b}`), (a*b*2))} 코드를 다 적고 제출까지 한 뒤에 "근데 둘 다 같은 거면 어떤 것을 반환해도 상관 없는 거 아냐?" 라는 말을 듣고 처음에는 그래도 조건에 있으니까 넣는 게 좋지 않나? 하는 생각이 들었다.그런데 다른 사람들의 코드를 보니 예외 처리를 한 사람이 없었고, 아 필요없는 거구나... 하는 생각이 들어서 코드를 아래와 같이 수정했다.......function solution(a, b) { return Math.max(Number(`${a}${b}`), (a*b*2))}만약 코.. 공감수 0 댓글수 0 2024. 11. 29.
더 크게 합치기 function solution(a, b) { let ab = Math.floor((a.toString()+b.toString())); let ba = Math.floor((b.toString()+a.toString())); return ab > ba ? ab : ba;}원래 한 줄로 했으나... 코드가 너무 더러워서 변수로 간략하게 줄였다.toString()으로 문자열로 변환 후 합친 뒤 Math.floor로 다시 정수로 만들었다.다른 분들의 코드를 보니 Math.max와 Number을 많이 사용하던데function solution(a, b) { return Math.max(Number(`${a}${b}`), Number(`${b}${a}`))}Math.max()는 매개변수로 주어.. 공감수 0 댓글수 0 2024. 11. 29.
문자열 곱하기 str.repeat(count);function solution(my_string, k) { let answer = '' for(let i=0; ifor문 말고 어떻게 하면 코드를 간결하게 할 수 있을까 고민해봤는데, 아무리 생각해봐도 생각이 나질 않아 일단 for문을로 돌려서 제출하고 다른 사람의 코드를 봤다. function solution(my_string, k) { return my_string.repeat(k)}맙소사....... repeat는 처음 보는 것이었다. repeatrepeat는 문자열 반복 함수로, 문자열을 주어진 횟수만큼 반복해 붙인 새로운 문자열을 반환한다.str.repeat(count);위와 같이 쓰이며 예제는 아래와 같다."abc".repeat(-1); // .. 공감수 0 댓글수 0 2024. 11. 29.
문자 리스트를 문자열로 변환하기 function solution(arr) { return arr.join("");}방금 배운 join을 통해 한 번에 해결했다. 야호~혹시 모르니까 한 번 더 설명을 넣겠다. (잊으면 안 됨)join은 배열 안의 모든 요소를 쉼표나 지정된 구분 문자열로 구분하여 연결한 새 문자열을 만들어 반환하는 것이다.배열에 항목이 하나만 있는 경우, 해당 항목은 구분 기호를 사용하지 않고 반환된다예제 코드더보기const elements = ['Fire', 'Air', 'Water'];console.log(elements.join());// Expected output: "Fire,Air,Water"console.log(elements.join(''));// Expected output: "FireAirWater.. 공감수 0 댓글수 0 2024. 11. 29.
문자열 섞기 function solution(str1, str2) { let answer = '' for(let i = 0; i문자열을 for문으로 저렇게 배열을 통해서 돌리면 한 글자씩 나오고 두 글자를 합쳐서 answer에 넣어주었다. 두 글자를 합쳐서 넣어주기 때문에 for문은 str1의 길이만큼 돌렸다. 다만 코드가 길어보인다는 단점이 있다. function solution(str1, str2) { return [...str1].map((x, idx)=> x+str2[idx]).join("");}캬.... 어떻게 이런 생각을 할 수 있는건지...str1을 구조분해할당해서 map으로 돌린다.x안에는 str1[]을 넣고 idx에는 번호?를 넣어줌으로써 map으로 반복문을 돌린 것... 근데 joi.. 공감수 0 댓글수 0 2024. 11. 29.
문자열 겹쳐쓰기 def solution(my_string, overwrite_string, s): return (my_string.replace(my_string[s:s+len(overwrite_string)],overwrite_string,1))내 실패한 코드......우선 테스트까진 잘 됐으나, 반례가 생겼다.바로 aaaaaa를 3번째부터 bbb로 바꾸는 것. 애초에 replace는 같은 문자열을 뒤에 있는 문자열로 변환하는 것이기 때문에 중복되는 문자열인 aaa가 전부 bbb로 바뀌는 것.처음에 이를 해결해보기 위해 1번만 변환하도록 뒤에 1을 넣었으나, 제일 중요한 첫 번째 aaa가 변환된다는 것을 막을 수는 없었다. 한 30분동안 고민해보다가 전에 30분에서 1시간 정도 고민했으면 해답을 찾아보라는 말이 .. 공감수 0 댓글수 0 2024. 11. 28.
홀짝 구분하기 처음 봤을 때 if문으로 홀짝 구분해서 출력하면 되겠구나 하는 생각이 들어서 아래와 같이 작성하였다.a = int(input())if a%2 == 0: print(f'{a} is even')else: print(f'{a} is odd') 그리고 다른 사람의 풀이를 봤다.N = int(input())print(f"{N} is {'even' if N % 2 == 0 else 'odd'}")이런 식으로도 사용할 수 있다는 것이 신기하다,,,, 근데 왜 이렇게 사용했을까a = 1 result = "일치" if a == 1 else "불일치" print(result) # 일치 형식: 변수 = A if {조건} else B여기서 A는 조건에 부합(if)할 시의 결과, B는 조건에 부합하지 않을(else.. 공감수 0 댓글수 0 2024. 11. 28.
문자열 돌리기 str = input()for i in str: print(i)원래print(input().replace('',"\n"))위의 코드를 이용해서 풀어보려고 했는데... a앞에 줄바꿈이 생겨서 문제가 정답 처리 되지 않는 불상사가 생겼다...눈물을 머금고 일반인의 코드로 일단은 문제를 풀고 다른 고수분들의 코드를 봤다...역시 나와 비슷한 생각을 한 분이 있었고 코드를 보니print(input().replace('',"\n")[1:]) 뒤에 [1:]이 적혀있었다. 이게 뭔가 검색을 해보니 java로 따지면 slice와 같은 것 같았다.input을 받고 그걸 replace를 하는데 문자열의 1번째 부분부터 replace를 진행하도록 설정해주는 것...근데 이게 문제가 end부분을 설정을 하지 않으니 제일.. 공감수 0 댓글수 0 2024. 11. 28.
문자열 붙여서 출력하기 str1, str2 = input().strip().split(' ')print(str1 + str2)우선 이건 내 첫 코드이다. 당연히 실행이랑 통과는 됐다. 그리고 나서 다른 사람의 코드를 보는데 print(input().strip().replace(' ', ''))이런 코드가 있었다.늘 코드를 어떻게 하면 더 줄일 수 있을까를 갈망하는 나는 위의 코드를 잘라서 분석했다. 처음에 봤을 때는 그냥 replace없이 split만 있으면 되는 거 아닌가 해서print(input().strip().split(' '))위와 같이 돌렸더니 아래와 같은 결과가 나왔다. 어떤 문법이 이 입력값을 문자열로 바꿨나 해서 뒤에서부터 하나씩 지워봤다.strip만 사용하니 그냥 Hello World가 나왔다. 그럼 spl.. 공감수 0 댓글수 0 2024. 11. 28.
덧셈식 출력하기 a, b = map(int, input().strip().split(' '))print(a,'+',b,'=',a + b)나는 이렇게 따옴표 많이 넣어서 풀었는데, 파이썬에도 백틱같은 것이 있었나보다.a, b = map(int, input().strip().split(' '))print(f"{a} + {b} = {a + b}")앞에 f를 붙이고 변수에는 중괄호를 붙이면 된다. 공감수 1 댓글수 0 2024. 11. 28.
특수문자 출력하기 특수 문자를 출력해야하는데 그냥 복사해서 붙여넣기 하면 되는 거 아닌가? 하고 생각했다.그래서 그대로 복사해서 붙여넣었더니 역슬래쉬(\)가 출력되지 않았다.그래서 검색해보니 역슬래쉬는 앞에 역슬래쉬를 2개 더 붙여야 출력이 된다고 한다...만약 역슬래쉬가 많은 경우에는 그냥 앞에 r을 붙이면 된다고 한다. 공감수 0 댓글수 0 2024. 11. 28.
대소문자 바꿔서 출력하기 우선 이것도 뭔지 몰라서 검색하면서 시작했다.검색을 해보니 첫 번째로 isupper, islower, lower, upper이 떴다.isupper, islower 는 각각 대문자인지 소문자인지 확인하고 True, False를 반환하는 문법이었다.lower, upper는 각각 소문자를 대문자로, 대문자를 소문자로 바꿔주는 문법이었다. 그럼 isupper, islower, lower, upper를 사용해주고... for문에 대해 더 찾아보니for x in 'abe': print(x)# 출력값 : a / b / c이렇게 단어가 들어가면 출력값이 a / b / c이렇게 나온다고 해서 이것과 위의 문법들을 이용해주었다. 그리하여 아래와 같은 문법이 나왔다.a = input()for i in a: if i.i.. 공감수 0 댓글수 0 2024. 11. 28.
문자열 반복해서 출력하기 a, b = input().strip().split(' ')b = int(b)for i in range(b): print(a, end = "")여차저차 검색해서 했는데... 이것보다 더 쉬운 방법이 있었다.여기서 end = " "는 파이썬은 기본적으로 print를 할 때 뒤에 end = "\n" 이 붙는다. 이를 공백으로 바꿔서 줄바꿈이 일어나지 않게 하는 것이다.a, b = input().strip().split(' ')b = int(b)print(a*b)파이썬이란,,,, 쉽구나 공감수 0 댓글수 0 2024. 11. 27.
a와 b 출력하기 a, b = map(int, input().strip().split(' '))print('a =',a,'\n''b =',b) 이것도 마찬가지로... java는 복잡해서 python을 사용하였다.여기서 .strip은 문자열 밑 공백제거이다. 공감수 0 댓글수 0 2024. 11. 27.
문자열 출력하기 문자열을 출력했다...근데 생각해보니 javascript로는 문자열을 출력해본 기억이 없어서... 파이썬으로 해버리고 말았다..역시 파이썬... 쉽고 간단하달까나.... java로 출력하는 방법은 const readline = require('readline');const rl = readline.createInterface({ input: process.stdin, output: process.stdout}).on('line', console.log)그만 알아보겠다. 공감수 0 댓글수 0 2024. 11. 27.
프레임워크란? 사용할 줄 아는 프레임워크나 언어에 대해 적던 도중 프레임워크가 무엇인지 궁금해 자세하게 찾아보게 되었다. 프레임워크. 개발하는 사람이라면 당연히 한 번씩은 꼭 들어봤을 용어다.근데 프레임워크가 도대체 무엇인가? 여러분이 빵가게를 창업한다고 생각 해 보세요. 가장 먼저는 '빵' 이 있어야 되겠죠. 그래서 우유와 밀가루와 설탕을 구매합니다. 창업을 위해 배운대로 열심히 빵을 만듭니다. 그런데, 막상 먹어보니 맛이 없습니다. 그럼 어떡하죠. 네 '버립니다.' 새롭게 몇번이고 만들다 보니 제법 맛있는 빵이 만들어 집니다. 한 숨 돌리고 나니, 가게를 임대해야 하고, 이름도 지어야 하고, 홍보도 필요합니다. 메뉴판부터, 접객용 테이블과 의자, 포스 설치, 거기에 트렌디하게 주문용 키호스크까지 세팅한다면? 여.. 공감수 4 댓글수 2 2024. 11. 25.
[ 내일배움캠프 수료 후기 ] 내일의 내가 더 나아갈 수 있도록 이걸 적으면서 내게 가이드 라인이 생기길 바란다.1. 내일배움캠프 이전의 삶우선 나는 개발 관련 전공자였다. 물론? 전공 공부는 했지만 개발 공부는 안 하는... 덕분에 가장 기초적인 java나 react... 그 외의 문법에 관해선 잘 모르는 상태였다.html과 css는 잘 다룰 수 있었지만, java는... 글쎄다... 이제 막 걸음마를 뗀 수준이었다.그냥 변수랑 포인터같이 진짜 기본적인 지식만 알고 있었다. 왜냐하면 java를 배웠지만 그걸 응용해서 프로젝트를 만들지 못했기 때문에 관련된 지식들이 다 증발했기 때문이다. 여튼 졸업은 점점 다가오는데 지식도 없고, 뭐 하나 잘 해놓은 게 없어서 뭘 해야 할지 잘 몰랐던 시기였다.그렇게 방황하던 시기에 방학이 다가왔고 주변인이 한 번 내배캠에 신청해 보.. 공감수 3 댓글수 0 2024. 11. 22.

문의안내

티스토리
로그인
고객센터

티스토리는 카카오에서 사랑을 담아 만듭니다.