[TIL] Nextjs 에서 styled-components 적용 문제

udemy nextjs 수강 과정중, 주어진 배열을 필터링 하는 부분에서나는 너무도 자연스럽게 filter() 메서드를 사용했는데강의에서는 find() 메서드를 사용하는 부분을 보고 궁금증이 생겼다.filter() 메서드는 콜백 함수의 조건을 만족하는 모든 요소를 걸러

새로 생긴 놀이기구의 원래 이용료는 price원 인데, 놀이기구를 N 번 째 이용한다면 원래 이용료의 N배를 받음. 즉, 처음 이용료가 100이었다면 2번째에는 200, 3번째에는 300으로 요금이 인상됨.놀이기구를 count번 타게 되면 현재 자신이 가지고 있는 금액

두 정수 left와 right가 매개변수로 주어지는데left부터 right까지의 모든 수들 중에서, 약수의 개수가 짝수인 수는 더하고, 약수의 개수가 홀수인 수는 뺀 수를 return 하도록 함수를 완성.우선 인자로 통해 정해지는 구간안의 숫자를 탐색해줘야 하므로 반복

문자열 str에 나타나는 문자를 큰것부터 작은 순으로 정렬해 새로운 문자열을 리턴하는 함수를 완성.str는 영문 대소문자로만 구성되어 있으며, 대문자는 소문자보다 작은 것으로 간주.sort를 이용하려면 대상이 배열이어야 하기 때문에 인자로 들어올 str을 배열화 하기

터미널에서 아래와 같이 명령어 입력하여 package.json 파일을 생성해준다npm init -y 참고로,-y는 npm init 하면 물어보는 옵션을 미리 y(yes)로 진행하겠다는 의미 (참고: https://juicyjerry.tistory.com/e

길이가 같은 두 1차원 정수 배열 a, b가 매개변수로 주어지는데,a와 b의 내적을 return 하도록 solution 함수를 완성해주세요.'내적' 개념참고https://wikidocs.net/22384처음엔 forEach, map, reduce 같은 것들을

길이가 n이고, "수박수박수박수...."와 같은 패턴을 유지하는 문자열을 리턴하는 함수 완성.예를들어 n이 4이면 "수박수박"을 리턴하고 3이라면 "수박수"를 리턴.while 반복문으로는 이렇게 가능2개의 문자패턴 반복짝 => "수", 홀 => "박"문자열을 더해주기

단어 s의 가운데 글자를 반환하는 함수, solution 만들기.단어의 길이가 짝수라면 가운데 두글자를 반환.문자열 특정 위치에 접근하는 방법 => 대괄호 표기법 / 추가로 str.charAt() 도 있다고 한다 => 둘의 가장 큰 차이점은 index 범위 밖을 특

0부터 9까지의 숫자 중 일부가 들어있는 정수 배열 numbers가 매개변수 주어짐.numbers에서 찾을 수 없는 0부터 9까지의 숫자를 모두 찾아 더한 수를 return 하도록 solution 함수를 완성.1 ~ 9까지 숫자중 없는 숫자를 체크해서 더해줘야함1 ~

어떤 정수들이 있는데, 이 정수들의 절댓값을 차례대로 담은 정수 배열 absolutes와 이 정수들의 부호를 차례대로 담은 불리언 배열 signs가 매개변수로 주어짐.실제 정수들의 합을 구하여 return 하도록 solution 함수를 완성.

정수를 저장한 배열에서 가장 작은 수를 제거한 배열을 리턴하는 함수를 완성. 단, 리턴하려는 배열이 빈 배열인 경우엔 배열에 -1을 채워 리턴.예를들어 arr이 4,3,2,1인 경우는 4,3,2를 리턴하고, 10면 -1을 리턴.가장 ~한 수를 찾는 과정 : 기준을 잡고

https://webisfree.com/2022-04-28/\[%EC%9E%90%EB%B0%94%EC%8A%A4%ED%81%AC%EB%A6%BD%ED%8A%B8]-axios%EB%A5%BC-%EC%82%AC%EC%9A%A9%ED%95%98%EC%97%AC-%E

array의 각 element 중 divisor로 나누어 떨어지는 값을 오름차순으로 정렬한 배열을 반환하는 함수를 작성divisor로 나누어 떨어지는 element가 하나도 없다면 배열에 -1을 담아 반환forEach는 반환값이 undefined 이기 때문에 결과에 바

전화번호가 문자열 phone_number로 주어졌을 때, 전화번호의 뒷 4자리를 제외한 나머지 숫자를 전부 \*으로 가린 문자열을 리턴하는 함수를 만드는 문제처음에는 str.replace()를 써보려했지만 바꿔줄 수를 인자에 명시할 수 없을 것 같아서 새로운 strin

https://stackoverflow.com/questions/65960553/how-to-apply-css-to-autocomplete-list-from-rsuite-component

https://facerain.club/react-newline/

캐러셀 라이브러리 1차 적용 실패react-slick 적용 시도

화면 정의서 상으로 함께 정했던 레이아웃상에서스터디 잼의 이미지를 업로드하는 부분이 있었고

vercel 계정 생성github 계정으로 로그인배포할 레포지토리 추가(import)필요한 경우 환경변수 추가 입력deploy를 누르면 build를 시작하며 배포가 진행됨main 브랜치에 대해 배포 진행되며 완료되면 깃헙에 production으로 배포됨다른 브랜치(기능