'분류 전체보기' 카테고리의 글 목록 (13 Page)
본문 바로가기

분류 전체보기744

[프로그래머스] 문자열 안에 문자 문제 설명 문자열 str1, str2가 매개변수로 주어집니다. str1 안에 str2가 있다면 1을 없다면 2를 return하도록 solution 함수를 완성해주세요. 제한사항 1 ≤ str1의 길이 ≤ 100 1 ≤ str2의 길이 ≤ 100 문자열은 알파벳 대문자, 소문자, 숫자로 구성되어 있습니다. 입출력 예 "ab6CDE443fgh22iJKlmn1o" "6CD" 1 "ppprrrogrammers" "pppp" 2 "AbcAbcA" "AAA" 2 입출력 예 설명 입출력 예 #1 "ab6CDE443fgh22iJKlmn1o" str1에 str2가 존재하므로 1을 return합니다. 입출력 예 #2 "ppprrrogrammers" str1에 str2가 없으므로 2를 return합니다. 입출력 예 #3 ".. 2023. 7. 11.
[프로그래머스] 편지 문제 설명 머쓱이는 할머니께 생신 축하 편지를 쓰려고 합니다. 할머니가 보시기 편하도록 글자 한 자 한 자를 가로 2cm 크기로 적으려고 하며, 편지를 가로로만 적을 때, 축하 문구 message를 적기 위해 필요한 편지지의 최소 가로길이를 return 하도록 solution 함수를 완성해주세요. 제한사항 공백도 하나의 문자로 취급합니다. 1 ≤ message의 길이 ≤ 50 편지지의 여백은 생각하지 않습니다. message는 영문 알파벳 대소문자, ‘!’, ‘~’ 또는 공백으로만 이루어져 있습니다. 입출력 예 babbling result "happy birthday!" 30 "I love you~" 22 입출력 예 설명 입출력 예 #1 message의 글자 수가 15개로 최소 가로 30cm의 편지지가 .. 2023. 7. 11.
[프로그래머스] 옹알이 (1) 문제 설명 머쓱이는 태어난 지 6개월 된 조카를 돌보고 있습니다. 조카는 아직 "aya", "ye", "woo", "ma" 네 가지 발음을 최대 한 번씩 사용해 조합한(이어 붙인) 발음밖에 하지 못합니다. 문자열 배열 babbling이 매개변수로 주어질 때, 머쓱히 의 조카가 발음할 수 있는 단어의 개수를 return 하도록 solution 함수를 완성해 주세요. 제한사항 1 ≤ babbling의 길이 ≤ 100 1 ≤ babbling[i]의 길이 ≤ 15 babbling의 각 문자열에서 "aya", "ye", "woo", "ma"는 각각 최대 한 번씩만 등장합니다. 즉, 각 문자열의 가능한 모든 부분 문자열 중에서 "aya", "ye", "woo", "ma"가 한 번씩만 등장합니다. 문자열은 알파벳 소.. 2023. 7. 10.
프로그래머스를 시작하며 주말에 토스에서 진행한 프런트엔드 부분 코딩 테스트를 동기부여 겸 봤는 데 복잡한 문제를 풀면서 머리 아픈 기분을 오랜만에 느껴서인 지 재미있고 동기부여가 되는 것 같아서 하루에 1개씩 풀어보는 걸 시작으로 점차 늘려가볼 계획이고 이 글은 추후 내가 다시 안일해졌을 때 동기부여를 얻었으면 좋겠어서 적어보았다. 코딩테스트 연습 | 프로그래머스 스쿨 개발자 취업의 필수 관문 코딩테스트를 철저하게 연습하고 대비할 수 있는 문제를 총망라! 프로그래머스에서 선발한 문제로 유형을 파악하고 실력을 업그레이드해 보세요! school.programmers.co.kr 2023. 7. 10.
[React-query] Pagination에 Prefetching 사용하기 현재 진행 중인 프로젝트에 페이지네이션 기능을 구현했는 데 페이지를 넘길 때마다 데이터를 불러오는 속도보다 화면 전환 속도가 더 빨라서(데이터 불러오는 속도 < 화면 전환 속도) 페이지가 넘어가지 않은 듯한 상황이 벌어졌다. 첫 번째 시도 에서는 "QueryClient 설정 중에 keepPreviousData가 true여서 화면이 전환되는 느낌이 안 드는 걸까?"라는 생각으로 false로 바꿨다가 페이지를 바꿀 때마다 loading이 생겨서 바로 true로 바꿔버렸다. keepPreviousData는 fetch된 데이터를 받아오기 전에 loading 대신 이전 데이터를 유지해 주는 소중한 속성이다. // 주로 공통적으로 사용할 옵션을 입력해둘 수 있다. const client = new QueryClie.. 2023. 6. 27.
[CSS] transform: translte(x, y) + transition을 사용한 우측 고정 미니 배너 구현하기 앞서 테스트 구현한 다락에서 추가로 구현해보고 싶은 UI가 있어서 window.outerHeight / window.innerHeight / window.scrollY를 활용하여 구현하였다. 예제 사이트 화면 아래 화면에서 우측에 있는 "신규 지점 오픈특가 알림" 팝업창이 스크롤을 내려도 스무스하게 이동하면서 고정되는 UI가 마음에 들어서 구현해 보았다. 나에게 딱 맞는 보관공간 찾아보기 '미니창고 다락' 1인가구 원룸부터 4인가구이상의 아파트까지, 레고나 피규어 수집가에게 딱 맞는 크기부터 캠핑, 골프 등의 취미생활에도 딱 맞는 맞춤형 사이즈를 제안해드려요. 이용 시작시 다락이 대신 짐을 www.dalock.kr 구현 코드 및 실행 화면 스크롤 내렸을 때 화면 우측에 팝업창을 고정하려면 transfor.. 2023. 6. 8.
[CSS] animation : running로 컨텐츠 반복 애니메이션 구현하기 현생에 치여 살다가 흥미로운 css 개념을 알게 되어서 기능 테스트 해보고 복습할 겸 블로그를 작성해 본다. 예제를 찾다가 다락 공홈 하단에 다락 이용 후기가 생각하던 기능이어서 바로 구현해 보았는 데 animation / animation-play-state / @keyframe을 다뤄볼 수 있어서 좋았다. 예제 사이트 화면 서두에서도 언급했듯이 다락 메인 화면에 다락 이용 후기 UI 코드를 참고하여 애니메이션 기능을 테스트해 보았다. 나에게 딱 맞는 보관공간 찾아보기 '미니창고 다락' 1인가구 원룸부터 4인가구이상의 아파트까지, 레고나 피규어 수집가에게 딱 맞는 크기부터 캠핑, 골프 등의 취미생활에도 딱 맞는 맞춤형 사이즈를 제안해드려요. 이용 시작시 다락이 대신 짐을 www.dalock.kr 구현 .. 2023. 6. 8.
[일기] 20230421 루피 귀여워 루피가 짱이야 어제 배송와서 회사 오자마자 붙였는 데 너무 귀여운 거 같아서 사진 투척 2023. 4. 21.
[Error] AWS S3 CORS error 발생 Access to XMLHttpRequest at '해당 이미지' from origin '해당 사이트' has been blocked by CORS policy: Response to preflight request doesn't pass access control check: No 'Access-Control-Allow-Origin' header is present on the requested resource. local에서는 AWS S3에 이미지가 잘 업로드 되다가 실서버에서 위와 같은 오류가 발생한다면 아래와 같이 해결할 수 있습니다. AWS S3 접속 > 해당 버킷으로 이동 > 하단 스크롤 > CORS(Cross-origin 리소스 공유) > 편집 > "AllowedPOrigins" value에.. 2023. 4. 11.
728x90