https://school.programmers.co.kr/learn/courses/30/lessons/160586 프로그래머스SW개발자를 위한 평가, 교육, 채용까지 Total Solution을 제공하는 개발자 성장을 위한 베이스캠프programmers.co.kr 문제 설명휴대폰의 자판은 컴퓨터 키보드 자판과는 다르게 하나의 키에 여러 개의 문자가 할당될 수 있습니다. 키 하나에 여러 문자가 할당된 경우, 동일한 키를 연속해서 빠르게 누르면 할당된 순서대로 문자가 바뀝니다.예를 들어, 1번 키에 "A", "B", "C" 순서대로 문자가 할당되어 있다면 1번 키를 한 번 누르면 "A", 두 번 누르면 "B", 세 번 누르면 "C"가 되는 식입니다.같은 규칙을 적용해 아무렇게나 만든 휴대폰 자판이 있습니다..

보호되어 있는 글입니다.

👉 네브바에 해당 기능을 넣은 이유일단 네브바가 기본적으로 계속 따라오는 것도 좋지만 아래로 내릴때 화면의 일정 부분을 차지하는게 '포트폴리오' 사이트라는 점에서 시야를 방해하는 요소로 작용할 수도 있다고 생각했다. 🛠 적용 방법 및 코드일단 나는 리액트 + Nextjs + tailwind를 사용하여 프로젝트를 진행 중이고  useState와 useRef, useEffect를 활용해서 구현했다.스크롤 위치를 감지 (window.scrollY)아래로 스크롤하면 Navbar를 숨기고, 위로 스크롤하면 다시 보이게 설정useEffect를 이용해서 scroll 이벤트 핸들러 등록'use client';import { useState, useEffect, useRef } from 'react';export d..

https://school.programmers.co.kr/learn/courses/30/lessons/140108 프로그래머스SW개발자를 위한 평가, 교육, 채용까지 Total Solution을 제공하는 개발자 성장을 위한 베이스캠프programmers.co.kr 문제 설명문자열 s가 입력되었을 때 다음 규칙을 따라서 이 문자열을 여러 문자열로 분해하려고 합니다.먼저 첫 글자를 읽습니다. 이 글자를 x라고 합시다.이제 이 문자열을 왼쪽에서 오른쪽으로 읽어나가면서, x와 x가 아닌 다른 글자들이 나온 횟수를 각각 셉니다. 처음으로 두 횟수가 같아지는 순간 멈추고, 지금까지 읽은 문자열을 분리합니다.s에서 분리한 문자열을 빼고 남은 부분에 대해서 이 과정을 반복합니다. 남은 부분이 없다면 종료합니다.만약 ..

계획 변경 이유포트폴리오 사이트 페이지를 만들며 든 생각은 '정말 이 디자인이 최선일까?'였다. 흔히들 프론트엔드 개발자의 필수 역량을 얘기할때 기술적인 면과 그 외적인 면을 공통적으로 아우르는 '역량'이 필요하다고 한다. 근데 나를 가장 잘 보여줘야하는 포트폴리오에서 간단하고 무미건조한 디자인과 애니메이션으로 누군가에게 흥미를 끌 수 있을까? 일단 나는 아니라고 생각했다. 그래서 디자인을 갈아 엎어보자라는 마음으로 현재 구조를 변경 중이며 아마 차근히 완료한 내용을 업로드해야지 싶다.  그럼 나는 어떤 디자인을 하고 싶은가?이건 나도 아직 잘 모르겠다. 다만 굉장히 많은 분들의 포트폴리오 사이트를 보고 다양한 영감을 받았다. 결론적으로 내가 선택한 방향은 '컨셉'과 '적당함'이다. 디자인의 컨셉을 정확..

https://school.programmers.co.kr/learn/courses/30/lessons/161989 프로그래머스SW개발자를 위한 평가, 교육, 채용까지 Total Solution을 제공하는 개발자 성장을 위한 베이스캠프programmers.co.kr 어느 학교에 페인트가 칠해진 길이가 n미터인 벽이 있습니다. 벽에 동아리 · 학회 홍보나 회사 채용 공고 포스터 등을 게시하기 위해 테이프로 붙였다가 철거할 때 떼는 일이 많고 그 과정에서 페인트가 벗겨지곤 합니다. 페인트가벗겨진 벽이 보기 흉해져 학교는 벽에 페인트를 덧칠하기로 했습니다.넓은 벽 전체에 페인트를 새로 칠하는 대신, 구역을 나누어 일부만 페인트를 새로 칠 함으로써 예산을 아끼려 합니다. 이를 위해 벽을 1미터 길이의 구역 n개..