- 전체보기(56)
- 프로그래머스(13)
- 코딩테스트(13)
- lv0(10)
- 게시판(8)
- mongo db(6)
- error(6)
- next.js(5)
- 정보처리기사 실기(5)
- sql(4)
- guide(3)
- tip(3)
- mongodb(3)
- 패스트캠퍼스(3)
- next js(3)
- 부트캠프(3)
- 국비지원취업(2)
- 국비지원(2)
- oAuth(2)
- 면접대비(2)
- NextAuth(2)
- db(2)
- Java Script(2)
- JavaScript(2)
- 프론트엔드개발자(2)
- next-auth(2)
- ES6(2)
- Firebase(1)
- JOIN(1)
- async await(1)
- parseFloat(1)
- parseInt(1)
- js(1)
- number(1)
- 비동기(1)
- node.js(1)
- class(1)
- cursor(1)
- webpack(1)
- JWT_SESSION_ERROR(1)
- parcel(1)
- JWT(1)
- 다중행 연산자(1)
- readme(1)
- commit message(1)
- select(1)
- 소셜로그인(1)
- 데이터베이스(1)
- Pages router(1)
- this(1)
- Route Handlers(1)
- 관계해석(1)
- tofixed(1)
- CSR(1)
- erorr(1)
- toPrecision(1)
- 관계대수(1)
- Markdown(1)
- spa(1)
- 정보처리기사실기(1)
- aws(1)
- github(1)
- API Routes(1)
- Java(1)
- 상속(1)
- DCL(1)
- c언어(1)
- plain objects(1)
- babel(1)
- git(1)
- 렌더링 최적화(1)
- 로딩 최적화(1)
- virtual DOM(1)
- 개발서버(1)
- app router(1)
- promise(1)
- 웹사이트 성능 최적화(1)
- 추상화(1)
- 정처기 실기(1)
- npm(1)
- DML(1)
- default parameter(1)
- S3(1)
- polyfill(1)
- velog(1)
- DDL(1)
- callback(1)
- React(1)
- 캡슐화(1)
- arguments(1)
- 미니프로젝트(1)
- 객체지향 프로그래밍(1)
- CIL(1)
- 다형성(1)
s3 setting
권한' 눌러서 '버킷 정책' 자료 읽기 : s3:GetObject쓰기 : s3:PutObject삭제 : s3:DeleteObjectPrincipal은 어떤 유저인지 명시하는 부분인데 \* 쓰면 모든유저,특정 AWS 계정을 넣고 싶으면 arn:aws:iam::AWS계정I
ReferenceError: location is not defined
기존 router.push 로직을 useEffect로 감싸주었다.=> 이렇게 하면 router.push 등의 코드가 서버 측에서 오류를 발생시키지 않고 useEffect는 컴포넌트가 렌더링된 후에 클라이언트 측에서만 실행되므로, 이 타이밍에 클라이언트 측 전용 로직을
JAVA 🔥🔥 정리 및 오답노트 🔥🔥
생성자는 객체를 생성할 때 호출되는 특별한 메서드자바에서 상속 관계에 있을 때 생성자를 호출하면, 자식 클래스의 생성자 실행에 앞서 부모 클래스의 생성자가 먼저 호출된다. super를 사용해 명시적으로 부모 클래스의 생성자를 지정할 수 있으며, 이 경우 지정된 부모 생
C언어 🔥오답노트🔥
sizeof() 사용하여 배열의 크기 계산하기 >- 🔥 문자열 배열의 마지막엔 null값 들어간다!!사이즈 계산 시 null값 포함해주자! 🔥 int : 4byte !!!! 🔥 char : 1byte !!!! 해설 sizeof(ch):
DB - SQL_ 다중행 연산자(IN/ANY/ALL/UNION/UNION ALL/EXISTS/NOT EXISTS )
IN 연산자는 주어진 목록 내에 특정 값이 존재하는지를 확인할 때 사용된다.IN 다음에 오는 괄호 안에는 비교 대상이 되는 값들의 목록이나 하위 쿼리(subquery)가 올 수 있다. IN을 사용할 때, 주어진 값이 목록에 포함되어 있다면 참(true)을, 그렇지 않다
DB - SQL SELECT문_JOIN
INNER JOINOUTER JOIN (외부 조인)LEFT OUTER JOIN,RIGHT OUTER JOIN,FULL OUTER JOINCROSS JOIN (교차 조인)SELF JOIN (자기 조인)두 테이블의 교집합만을 반환. 즉, 두 테이블에서 조인 조건을 만족하는
DB - SQL_ SELECT문 관련 정리
WHERE 조건AND / ORGROUP BYHAVING 조건 (집계 함수)ORDER BY 속성 ASC|DESC
Error: Only plain objects, and a few built-ins, can be passed to Client Components from Server Components. Classes or null prototypes are not supported.
<span style="color:red; font-style:italic; background:mongo DB 데이터를 불러오고 map함수 적용하는 과정에서 위와 같은 에러가 발생하였다.이 오류는 서버 컴포넌트에서 클라이언트 컴포넌트로 전달된 데이터가 Next.
[next-auth][error][JWT_SESSION_ERROR]
NEXTAUTH_SECRET에 임의의 문자열을 넣으면 된다고 해서..정말 임의의 짧은 문자열을 넣어뒀더니 위와 같은 에러가 왕창....허허허헣허헣OpenSSL 다운로드 후 설치 참고:: https://warmdeveloper.tistory.com/64터미널에
7. 회원가입, 로그인(Credentials provider + JWT 사용하기)
비밀번호 암호화해서 저장하기 위한 bcrypt 라이브러리 설치회원가입 페이지 생성 및 코드 작성src/app/register/page.jsapi 작성src/app/api/auth/signup/route.jsawait bcrypt.hash(data.password, 10
6. Auth.js 사용한 소셜로그인
NextAuth 라이브러리 셋팅 js import NextAuth from "next-auth" const handler = NextAuth({ ... }) export { handler as GET, handler as POST } js import Nex
[OAuth 로그인 에러] To confirm your identity, sign in with the same account you used originally.
err처음에 GitHub으로 가입했고, 동일한 이메일로 Google을 통해 가입하려고 시도할 때 발생NextAuth에서 제공하는 GitHub, Google, Kakao 같은 여러 소셜 로그인 방법을 사용할 때, 하나의 이메일 주소에 여러 제공자를 연결하는 것은 기본적으
5. 게시글 삭제
🌞 MongoDB 데이터 삭제하기공식문서.deleteOne()ListItem 클라이언트 컴포넌트로 분리ListItem 컴포넌트에 postData prop으로 전달 \* id는 string형태로 전달해주자!코드의 일관성 유지, 재사용성을 위해 공통 컴포넌트를 만들어주
DB - SQL 분류(DDL,DML,DCL)
CREATE, ALTER, DROP, TRUNCATE 데이터 구조를 정의하는데 사용되는 명령 스키마, 도메인, 테이블, 뷰, 인덱스를 정의, 변경, 삭제1) CREATE : 스키마, 도메인, 테이블, 뷰, 인덱스를 정의프로시저 생성 트리거 생성 \* 실행시
DB - 관계대수 / 관계해석
:: 대절/해비σ(Select) 행 선택(수평적 부분집합)π(Project) 열 선택(수평적 부분집합)⋈(Join) 공통 속성 합쳐서 새로운 릴레이션 만듦÷(Division) 두 릴레이션 A, B에 대해 B의 모든 조건 만족하는 튜플을 A에서 분리하여 프로젝션UNION
4. 게시글 수정
🌞 MongoDB 데이터 수정하기 await db.collection('콜렉션이름').updateOne({게시물정보}, { $set : {바꿀데이터}} ); 공식문서.updateOne() 1. 수정페이지 생성. - EditPage 수정 아이콘 누를 시 해당 id
Module not found: Can't resolve 'child_process
err"Module not found: Can't resolve 'child_process'"는 Next.js 애플리케이션에서 서버 측 코드가 클라이언트 측에서 실행되려고 할 때 발생한다. child_process 모듈은 Node.js 환경에서만 사용할 수 있다.서버
Warning: Only plain objects can be passed to Client Components from Server Components.
errWarning: Only plain objects can be passed to Client Components from Server Components.클라이언트 컴포넌트에 plain object가 아닌 객체(예: ObjectId 객체)를 전달하려고 했기 때문에
3. api 구성 및 라우팅 설정(app router와 pages router 비교)
App router 사용해야지! 하고선 기존 pages router 방식의 api routes 방식으로 작성한 코드의 api폴더를 냅다 app폴더로 이동시키고 에러와 싸웠다.. 항상 공식문서를 확인하자...⭐ 기존 미니프로젝트에서는 페이지라우터를, 팀 파이널 프로젝트
2. 데이터출력
:: 진행상황 & TODO :: [x] 몽고 DB setting [x] MongoDB 입출력 [ ] 글 목록 조회 기능(/list) [x] 글 제목, [ ] 날짜 데이터바인딩 [ ] 글 상세 페이지(/detail/[id]/page.js) [x] 제목,