분류 전체보기99

• [JAVA] 삼성 SW 1945. 간단한 소인수분해 BufferedReader bf = new BufferedReader(new InputStreamReader(System.in)); StringTokenizer st = new StringTokenizer(bf.readLine(), "\n"); int N = Integer.parseInt(st.nextToken()); List list = new ArrayList(); // 소인수분해 for (int i=2; in==2).count(); long b = list.stream().filter(n->n==3).count(); long c = list.stream().filter(n->n==5).count(); long d = list.stream().filter(n->n==7).coun.. 카테고리 없음 2024. 5. 17.

• [Java] 프로그래머스 - 평균값 구하기 배열의 평균값 구하기 1. Array를 Stream화 한다.2. sum으로 더한다.3. average() 메서드로 평균을 구한다.4. orElse(0) 으로 주어진 값이 null이 아닌 경우 주어진 값을 되돌려주고, null인 경우 0을 돌려준다.import java.util.*;public double(int []arr){ // Array를 steam화 하려면 Arrays.steam을 사용한다. return Arrays.stream(arr).sum().average().orElse(0); } Java/코딩테스트 2024. 5. 1.

• [Java] 프로그래머스 - 최대공약수와 최소공배수 1. 최대공약수// 숫자가 2개일 경우public int getGcd(int a, int b){ if(b == 0) { return a; } return getGcd(b, a%b);}// 숫자가 여러개일 경우 public static int gcdOfMultipleNumbers(int[] numbers) { int result = numbers[0]; for (int i = 1; i   2. 최소공배수최소공배수는 최소공배수를 구할 두 수를 곱한 값을 최대공약수로 나눈 값과 같다.public class Main { // 두 숫자의 최대공약수를 구하는 함수 public static int gcd(int a, int b) { if (b .. Java/코딩테스트 2024. 5. 1.

• [Java] 코딩테스트 기초 문법 1. 라이브러리import java.util.*;import java.io.*;  2. Arrays 배열// 1. 선언// 초깃값을 넣어서 선언한다.int arr[] = {1,2,3,4,5,6,7};// 배열의 크기를 지정하여 선언한다.int[] arr = new int [10];// 2. 정렬// 오름차순으로 정렬Arrays.sort(arr);// 내림차순으로 정렬Arrays.sort(arr, Collections.reverseOrder());// 일부만 정렬Arrays.sort(arr, 시작 인덱스값, 마지막 인덱스값);// 오름차순으로 정렬한 뒤 binary search로 특정 값 찾기Arrays.binarySearch(arr, 찾을값);// binary search에 옵션 주기// Arrays.b.. Java/코딩테스트 2024. 4. 30.

• 

  5-4. [React + Express + MongoDB] Perfect Boiler - 회원정보 수정 및 비밀번호 변경 우선은 로컬로 직접 회원가입을 진행한 회원일 경우에만 회원정보를 수정할 수 있도록 구현하였다. 추후 sns 로그인 유저는 이메일만 수정할 수 있도록 구현할 예정. aws 요금 이슈가 발생해서 프로필 사진은 aws가 아닌 다른 루트를 찾아봐야 할 것 같다 ㅠㅠ ............................................................................................................. 다 울었으니 할 일을 해야지 일단 이메일과 닉네임을 변경하는 회원정보 수정 로직을 구현하고, 다른 페이지에서 비밀번호를 변경하는 내용을 구현하여 배포까지 완료했다. 저번에 했던 거라서 금방 슉 진행했다. 이메일 인증 라우터는 회원가입 시 구현했던 미들웨어와.. 프로젝트/풀스택 프로젝트 2023. 2. 1.

• [면접 질문 준비] 및 후기.. 오늘 면접을 봤다. 처음으로 코딩테스트를 쳐서 덜덜덜 떨었는데 마지막 문제를 풀지 못한게 아쉬웠다 ㅠㅠ 뭔가 대답도 엉성하게 했던 것 같고.. 그중에 제일 믿기지 않는건 '질문하실 거 있으세요?' 했을 때 어버버댔다는것 ,, 아무도 내가 질문 리스트를 만들어갔다고는 꿈에도 믿을 수 없을 정도.. 회사 연혁까지 외웠는데 얘 왜이렇게 떨어? 싶을 정도로 긴장을 와장창 해서 머리가 하얘졌음( ㅠ - ㅠ ) 그런 기념으로 적고 두번다시 잊지 않기 위해 적는 '질문할 거 있으시면 해보세요' 에 질문할 리스트들 . . . 담엔 잊지말자.. ^^ ! 😢 인성검사 질문 1. 과정과 결과 중 무엇이 중요하다고 생각하시나요? 이번 면접에서 대답했을 때에는 긴장 때문인지 시야가 좁아져.. '공부하던 상황' 과 '업무 중' .. 면접 2023. 1. 31.

• 

  5-3. [React + Express + MongoDB] Perfect Boiler - SNS 로그인 : passport 를 이용한 카카오, 구글, 네이버, 로그인과 JWT RefreshToken, AccessToken 사용하기 passport-kakao를 사용하면 카카오 전략을 구현하여, 카카오 로그인을 할 수 있다. passport-kakao는 내부적으로 session에 생성된 req.login을 호출하는데, 자동으로 호출되는 req.login은 passport의 기존 session 방식을 사용하기 때문에, 내가 직접 구현한 JWT 로직을 사용할 수 없었다. 이 때문인지 세상 모든 블로그에 세션을 이용한 로그인만 있길래 모험삼아 처음부터 직접 구현해보았다. req.login을 직접 호출하고 세션을 사용하지 않음을 설정한 뒤에, req.login을 로컬 로그인처럼 직접 커스텀하면 passport-kakao를 사용하더라도 세션을 사용하지 않고 JWT와 쿠키를 이용한 로그인을 구현할 수 있다. passport-kakao 를 포함한.. 프로젝트/풀스택 프로젝트 2023. 1. 27.

• 

  5-2. [React + Express + MongoDB] Perfect Boiler - passport 로컬 로그인과 JWT RefreshToken, AccessToken 발급하고 유저 인증하기 + 로그아웃 구글, 카카오, 네이버 로그인 구현을 편하게 해보기 위해 passport 라이브러리를 사용하였다. 그러나 passport 라이브러리는 기본적으로 Serialize, Deserialize를 통해 세션에 유저의 정보를 저장한다. 내가 배포하는 환경은 아주 작은 무료 서버이고, 서버의 메모리를 사용하는 세션을 사용하는 일은 줄이고 싶어서 쿠키를 이용하는 JWT로 바꾸어 보았다. 도중에 passport-jwt를 이용하다가, 안그래도 라이브러리를 많이 사용하고 있는데 라이브러리 의존성이 너무 높아지는 것 같기도 하고, 그래봤자 jwt 전략을 하나 더 만들게 해줄 뿐이라 코드가 더 복잡해지는 느낌이 들어 바닐라로 리프레시 토큰과 엑세스 토큰을 인증하고 재발급하는 미들웨어를 구현했다. 소요 기간 - 1일 Fronte.. 프로젝트/풀스택 프로젝트 2023. 1. 24.

• Failed to serialize user into session passport-local 로그인을 구현하고 나서.. jwt로 유저인증을 처리하려고 했는데 계속해서 Failed to serialize user into session 에러가 났다. session:false를 줬는데도 자꾸만 에러가 나서 (에러나는 코드) router.post("/login", function (req, res, next) { passport.authenticate( "local", //JWT를 사용할 것이므로, 세션을 사용하지 않는다. { session: false }, 아 이럴때는 현자들의 코드를 보자 싶어 깃허브 쇼핑을 갔다가.. req.login을 할 때 false를 주는 것을 발견 return req.login(user, { session: false }, (loginError).. 바보일기 2023. 1. 23.

• 

  5-1. [React + Express + MongoDB] Perfect Boiler 유지보수 => 로딩창 만들기 + alert창 모달창으로 바꾸기 인증메일 구현을 완성하고 보니, 노드메일러를 통해 메일이 발송되기까지 약 5~10초정도의 딜레이가 걸리는 사실을 알게 되었다. 따라서 로딩 상태를 만들어주고, loading State가 true일 경우에 로딩창을 띄운 뒤 완성되면 사라지도록 하기 위해 loading 스테이트를 추가해 주었다. const [loading, setLoading] = useState(false); 그리고 못생긴 alert창을 바꿔주기 위해 모달을 새로 디자인했다. props를 통해 메세지를 전달받아, 그때그때 재사용 할 수 있도록 만들었다. import React, { useState, useEffect } from "react"; import Button from "react-bootstrap/Button"; import M.. 프로젝트/풀스택 프로젝트 2023. 1. 21.

• 

  [cloudType] Boiler - 클라우드 타입에서 React 프런트와 Express 백엔드 배포하고, 연결하기 EB_썼으면_압축만_450번함 aws는 안정성이 뛰어나고 효율적인 관리가 가능한데다 유명하지만, 나같은 프리티어 개발자에게는 언제 과금의 위험이 생길지 모른다는 크나큰 두려움이 있다. 배포 자동화를 해도 되는데 그럼 과금당할 여지가 너무 커짐.. 그렇다고 백엔드를 수정할 때마다 압축파일을 업로드하자니 너무 번거롭다. 예전에는 이런 과정을 해결해주는 헤로쿠를 통해 배포가 가능했지만, 프리티어 서비스를 종료한 헤로쿠로는 더이상 백엔드를 무료로 배포할 수 없다. 헤로쿠의 차세대로 요즘은 Fly.io 를 많이 선택하는 것 같았는데, 찾아보니 국내에! 일정 용량의 무료 배포를 지원하는 클라우드 서비스가 있다고 해서 한번 사용해 보기로 했다. 깃허브 연결도 되고, 깃허브 액션을 통해 배포 자동화도 할 수 있다고 한.. 프로젝트/배포일기 2023. 1. 21.

• 

  배포 중 axios 의 CORS 오류 Axios와 Express의 cors에서 POST 요청이 충돌하고 있다. axios설정과 서버의 index.js에서 cors 설정을 모두 바꾸어 주어야 한다.. 리액트에서 AXIOS 요청을 보낼 때 크리덴셜을 true로 하고, 백엔드를 설정했는데 그때마다 다른 오류를 만났다 ㅠㅠ 구글링한 결과를 따라 아래 코드를 사용하였더니, 와일드카드 에러가 남았다. app.use( cors({ origin: "*", // 출처 허용 옵션 credential: "true", // 사용자 인증이 필요한 리소스(쿠키 ..등) 접근 }) ); true로 바꾸면 된다는 말이 있어서 해보았는데 해결이 되지 않음.. app.use( cors({ origin: true, credential: true, }) ); true를 문자열.. 바보일기 2023. 1. 21.