본문 바로가기

728x90
반응형

전체 글

(122)
[프로젝트] 3. React 다크모드 구현하기 오랫동안 밝은 모니터 화면을 들여다보면 눈이 쉽게 피로해진다.나 역시 모니터 기본 밝기와 명암을 기본값보다 많이 내려놓은 상태로 설정하고 웹사이트에 다크모드가 있다면 무조건 사용하는 편이다.그래서 현재 진행하는 프로젝트에 다크모드를 넣으면 좋지 않을까 생각을 하게 되어 ThemeProvider와 전역 상태관리 라이브러리를 사용하여 다크모드를 구현할 것이다. ThemeProvider란 Styled-Component에 들어있는 컴포넌트로써 ThemeProvider를 사용하면 하위에 있는 모든 태그들의 스타일에 영향을 줄 수 있어 전역적으로 스타일링을 해줄 수 있다.  • 환경설정styled-componentnpm install --save styled-components# with tsnpm i --save..
[프로젝트] 2. SPRINGBOOT 3.0 + Query DSL 검색 기능을 구현하던 중 딜레마에 빠지게 되었다...카테고리 별로 원하는 검색어를 넣고 검색된 리스트를 불러오게 하는 단순한 검색 기능이라면 문제가 없었겠지만.. 내가 구현하고자 하는 검색 기능은 검색어에 여러 검색 조건들을 추가로 더해 검색된 리스트를 조회하는 것이었다.  위 사진은 현재 만들고 있는 프로젝트에서 강의 리스트들을 보여주는 부분이다.최상위인 지역 카테고리에서 다시 성인, 청소년, 아동 카테고리로 나뉘고 다시 수영, 댄스, 악기 등 카테고리로 나뉘게 된다. 각 카테고리들의 값들과 함께 검색어와 검색 조건 선택을 넣어 조회를 해주어야 한다. 상당히 로직이 복잡해지게 될 것이라 생각이 되었고 실제로 구현을 해보았다. 위 사진들은 일부분이며, 어떻게든 쥐어짜 내서 만들어 보았다.. 찍어낸 듯한 ..
[프로젝트] 1. SPRINGBOOT + REACT 연동하기 1인 프로젝트로 문화센터 웹사이트를 주제로 정하여 진행을 하려 한다. 앞서 진행했던 프로젝트는 어떤 뚜렷한 주제도 없이 진행을 했기에 만들고 보니 이게 대체 뭔 사이트인지 나 자신도 물음표를 띄웠다. 그렇기에 이번엔 제대로 된 문화센터라는 주제를 정하여 레퍼런스로 삼을 사이트를 참고하여 프로젝트를 진행해보려 한다..! 작업 툴은 IntelliJ를 사용하며, FE는 React + TypeScript, BE은 Java/SpringBoot, DB는 MySQL로 선택하여 진행할 것이다.  1. Spring Boot + React.js 사용을 위한 설정New Project에서 Spring Initializr로 들어가 아래와 같이 설정하였다.여기서 springboot 3.x 이상은 JAVA 17 이상으로만 호환하기..
[프로그래머스][JAVA] 소수 만들기 (LV.1) ※ 문제 설명 주어진 숫자 중 3개의 수를 더했을 때 소수가 되는 경우의 개수를 구하려고 합니다. 숫자들이 들어있는 배열 nums가 매개변수로 주어질 때, nums에 있는 숫자들 중 서로 다른 3개를 골라 더했을 때 소수가 되는 경우의 개수를 return 하도록 solution 함수를 완성해주세요. ※ 제한사항 • nums에 들어있는 숫자의 개수는 3개 이상 50개 이하입니다. • nums의 각 원소는 1 이상 1,000 이하의 자연수이며, 중복된 숫자가 들어있지 않습니다. ※ 입출력 예 nums result [1,2,3,4] 1 [1,2,7,6,4] 4 ※ 입출력 예 설명 입출력 예 #1 • [1,2,4]를 이용해서 7을 만들 수 있습니다. 따라서 가장 문제를 많이 맞힌 사람은 수포자 1입니다. 입출력..
[프로그래머스][JAVA] 모의고사 (LV.1) ※ 문제 설명 수포자는 수학을 포기한 사람의 준말입니다. 수포자 삼인방은 모의고사에 수학 문제를 전부 찍으려 합니다. 수포자는 1번 문제부터 마지막 문제까지 다음과 같이 찍습니다. 1번 수포자가 찍는 방식: 1, 2, 3, 4, 5, 1, 2, 3, 4, 5, ... 2번 수포자가 찍는 방식: 2, 1, 2, 3, 2, 4, 2, 5, 2, 1, 2, 3, 2, 4, 2, 5, ... 3번 수포자가 찍는 방식: 3, 3, 1, 1, 2, 2, 4, 4, 5, 5, 3, 3, 1, 1, 2, 2, 4, 4, 5, 5, ... 1번 문제부터 마지막 문제까지의 정답이 순서대로 들은 배열 answers가 주어졌을 때, 가장 많은 문제를 맞힌 사람이 누구인지 배열에 담아 return 하도록 solution 함수를..
[프로그래머스][JAVA] 소수 찾기 (LV.1) ※ 문제 설명 1부터 입력받은 숫자 n 사이에 있는 소수의 개수를 반환하는 함수, solution을 만들어 보세요. 소수는 1과 자기 자신으로만 나누어지는 수를 의미합니다. (1은 소수가 아닙니다.) ※ 제한사항 • n은 2이상 1000000이하의 자연수입니다. ※ 입출력 예 n result 10 4 5 3 ※ 입출력 예 설명 입출력 예 #1 • 1부터 10 사이의 소수는 [2,3,5,7] 4개가 존재하므로 4를 반환 입출력 예 #2 • 1부터 5 사이의 소수는 [2,3,5] 3개가 존재하므로 3를 반환 나의 풀이 import java.util.*; class Solution { public int solution(int n) { int answer = 0; ArrayList list = new Arra..
[프로그래머스][JAVA] 가장 가까운 같은 글자 (LV.1) ※ 문제 설명 문자열 s가 주어졌을 때, s의 각 위치마다 자신보다 앞에 나왔으면서, 자신과 가장 가까운 곳에 있는 같은 글자가 어디 있는지 알고 싶습니다. 예를 들어, s="banana"라고 할 때, 각 글자들을 왼쪽부터 오른쪽으로 읽어 나가면서 다음과 같이 진행할 수 있습니다. • b는 처음 나왔기 때문에 자신의 앞에 같은 글자가 없습니다. 이는 -1로 표현합니다. • a는 처음 나왔기 때문에 자신의 앞에 같은 글자가 없습니다. 이는 -1로 표현합니다. • n은 처음 나왔기 때문에 자신의 앞에 같은 글자가 없습니다. 이는 -1로 표현합니다. • a는 자신보다 두 칸 앞에 a가 있습니다. 이는 2로 표현합니다. • n도 자신보다 두 칸 앞에 n이 있습니다. 이는 2로 표현합니다. • a는 자신보다 두 ..
[프로그래머스][JAVA] 푸드 파이트 대회 (LV.1) ※ 문제 설명 수웅이는 매달 주어진 음식을 빨리 먹는 푸드 파이트 대회를 개최합니다. 이 대회에서 선수들은 1대 1로 대결하며, 매 대결마다 음식의 종류와 양이 바뀝니다. 대결은 준비된 음식들을 일렬로 배치한 뒤, 한 선수는 제일 왼쪽에 있는 음식부터 오른쪽으로, 다른 선수는 제일 오른쪽에 있는 음식부터 왼쪽으로 순서대로 먹는 방식으로 진행됩니다. 중앙에는 물을 배치하고, 물을 먼저 먹는 선수가 승리하게 됩니다. 이때, 대회의 공정성을 위해 두 선수가 먹는 음식의 종류와 양이 같아야 하며, 음식을 먹는 순서도 같아야 합니다. 또한, 이번 대회부터는 칼로리가 낮은 음식을 먼저 먹을 수 있게 배치하여 선수들이 음식을 더 잘 먹을 수 있게 하려고 합니다. 이번 대회를 위해 수웅이는 음식을 주문했는데, 대회의 ..

728x90
반응형