commit.log

Could not move temporary workspace라는 오류가 계속 발생했다. gradle의 버전 문제래서 다운그레이드도 해봤고, 캐시 폴더도 지워봤는데 해결되지 않았다.완전히 같은 프로젝트와 같은 자바 버전으로 실행한 노트북에서는 정상적으로 되었는데 왜 회사 컴퓨터에서는 안되는지 원인을 몰라 며칠을 헤맸다.의외로 원인은 V3 실시간 검사 때문이었다. V3를 열어 오른쪽 위 톱니바퀴를 누른다. 실시간 검사 사용 의 체크박스를 해제하고 밑의 확인 버튼을 누른다. Spring Boot 프로젝트로 돌아와서 .gradle 폴더를 삭제한다.빌드 섹션에서 Sync Gradle Project (동기화 버튼)을 클릭해서 다시 빌드해본다.이제 제대로 빌드되었음을 확인할 수 있다.

요소의 개수를 알고 변할 일이 없으면 그냥 배열을 사용하면 된다.그런데 요소의 개수가 가변적인 상황일 때는 어떻게 해야 할까?이때는 리사이징이 가능한 벡터를 사용하면 된다.#include #include #include using namespace std;int main() { vector v = { 1, 2, 3, 4 }; v.push_back(5); cout

일반적인 for문의 형태는 아래와 같다. for (statement1; statement2; statement3;) { ~~~} for-each 반복문은 배열 등의 자료구조에서 종종 사용되는 반복문이다.아래처럼 사용할 수 있다. int arr[3] = {1, 2, 3};for (int i: arr) { cout  출력 결과:123

#include #include using namespace std;int main() { string name; cin >> name; cout 위 코드에서 "John Doe"를 name으로 입력했다고 가정하자. 출력 결과는 "name: John Doe"가 아닌 "name: John"으로 나온다. cin은 공백(whitespace, tab 등)을 종료 문자로 인식하므로 생기는 문제이다.만약 공백이 포함된 전체 문자열을 받고 싶다면 getline() 함수를 사용하면 된다. #include #include using namespace std;int main() { string name; getline(cin, name); cout  입력: "John Doe"출력: "name: J..

#include using namespace std;int main() { cout  보통 위같은 형태를 써놓고 main() 함수 안에 알고리즘을 적어나가기 시작한다.여기서 맨날 사용하지만 뜻은 잘 모르는 맨 위의 두 줄을 정리해보았다. 1. #include C에서 자주 쓰는 stdio.h와 C++의 iostream이 헷갈려 표로 정리했다. (출처) stdio.hiostream정의C 표준 라이브러리의 헤더 파일C++의 표준 라이브러리의 헤더 파일상세C 표준 입출력 함수가 정의되어 있음 ( printf, scanf 등)C 표준 입출력 클래스가 정의되어 있음 (istream 등) 즉, cin, cout 등은 함수가 아니라 C++의 입출력 스트림을 다루는 객체이다.2. using namespace std;C+..

※ React Native가 아닌 React.js로 모바일 앱을 구현하는 과정을 담았습니다.학교에서 리액트+안드로이드 스튜디오 웹뷰를 활용해 안드로이드 앱을 만들 일이 생겼다. 나는 여기서는 프론트엔드를 담당했다.이 글에서 다룰 요구사항을 간단히 적어보면 아래와 같다.(기능적) 카메라로 QR 코드를 스캔하여 해당하는 URL로 리다이렉트되게 해야 함(비기능적) 모바일 브라우저, 자체 모바일 애플리케이션에서 모두 실행 가능해야 함처음에는 이게 리액트 네이티브를 안 쓰고 가능한 걸까 싶었는데,react-webcam이 기본적으로 모바일 카메라도 지원을 해줬기 때문에 크롬 모바일 앱에서 정상적으로 실행이 되는 걸 확인할 수 있었고, jsqr이라는 라이브러리를 통해 카메라에 잡힌 QR 코드를 인식하게 하는 것이 가..

NextAuth.js는 Next.js 애플리케이션들을 위한 오픈소스 인증 솔루션이다.Google, Kakao 등 많은 서드파티 서비스들을 쉽게 연계할 수 있게 해주고, Prisma 등 각종 ORM에 대한 지원도 잘해주는 툴이다.나는 서드파티 fetch 없이 순수 이메일 가입 + Prisma + MySQL 형식으로 구현했다.1. NextAuth 설치아래 명령어를 사용해 NextAuth 및 Prisma 관련 패키지를 설치한다.npm install next-auth @prisma/client @auth/prisma-adapternpm install prisma --save-dev  2. app/api/auth/[...nextauth]/route.js 작성그 다음엔 api/api/auth/[...nextauth..

위 플로우 차트와 같은 회원가입 절차를 Next.js에서 구현하고자 했다.관건은 3가지이다.Next.js에서 인증 기능 구현을 어떻게 할 것인가메일 인증은 어떻게 받을 것인가개인 정보 입력 시 메일 인증을 받은 사람과 그렇지 않은 사람을 어떻게 구분할 것인가 각각에 대해 아래와 같은 해결법을 찾았다.1. Next.js에서 인증 기능 구현을 어떻게 할 것인가-> NextAuth라는 Next.js용 인증 라이브러리 사용2. 메일 인증은 어떻게 받을 것인가-> Sendmail 이라는 리눅스 프로그램을 사용하여 SMTP 서버 구축3. 개인 정보 입력 시 메일 인증을 받은 사람과 그렇지 않은 사람을 어떻게 구분할 것인가-> 메일 인증을 받지 않은 사람은 개인 정보 입력 페이지로 넘어갈 수 없게 하고자 한다.데이터..

문제 상황사진같은 스키마 때문에 User.id를 참조할 일이 생겼다.근데 서버측에서 아무리 session을 불러와도 name, email, image만 불러와지고 id가 작성이 안 됐다.해결법getServerSession 대신 getToken으로 id 불러오기import { NextResponse } from 'next/server';import { PrismaClient } from '@prisma/client';import { getServerSession } from 'next-auth';import { authOptions } from '../../auth/[...nextauth]/route';import { getToken } from 'next-auth/jwt';const prisma = ne..

유튜브 강의https://www.youtube.com/playlist?list=PLC3y8-rFHvwjOKd6gdf4QtV1uYNiQnruI 를 보며 정리한 내용입니다.레이아웃페이지는 기본적으로 header, content, footer로 구성된다.이 컴포넌트는 페이지 간의 공통 레이아웃을 정의하는 데에 사용되는데, 레이아웃 컴포넌트가 렌더링될 때 자식 페이지를 포함할 수 있도록 반드시 children prop을 받아야 한다.이러한 레이아웃을 적용하기 위해, 폴더 안에 layout.tsx 파일을 만들면 된다. layout.tsx 파일에서는 children prop을 통해 렌더링될 자식 페이지를 받아와서 레이아웃의 특정 위치에 그 자식 페이지를 렌더링하게 된다. 이 방법으로 각 페이지가 공통 레이아웃을 공..