# next

396개의 포스트

Next.js setting

Next.js: https://nextjs.org/npm install -g create-next-app설치확인create-next-app --versionnpx create-next-app my-app파일 종류 및 설명public: create-next-ap

2일 전
·
0개의 댓글
·
post-thumbnail

API token is invalid

오늘은 API를 가져오다가 겪은 어이없는(?) 일에 대해서 써보려고 한다. 사실 어이가 없다기보단 나의 실력때문이겠지,,만 그래도 이렇게 기록을 해놓으면 다음부터는 실수할 일은 없을것이라고 생각한다.노션 api를 불러와 뿌려주고 싶어서 불러오는 와중에 서버측에서 자꾸

6일 전
·
0개의 댓글
·

jQuery :: 탐색(순회)메소드 - 동위

jQuery 탐색메소드 중 동위에 대해 정리

6일 전
·
0개의 댓글
·
post-thumbnail

[React] State & Rerender

React Rerender 리엑트의 훅이 변경이 되면 전체가 리렌더가 되는 형식 그걸 방지하기위해 생긴게 임시저장소 React prevState React Lifting-State-Up 단방향에서 부모로 관리

2022년 11월 19일
·
0개의 댓글
·
post-thumbnail

eslint(airbnb) + prettier + Next + Typescript + yarn 설정

자바스크립트 소스 코드의 오류를 표시하기 위한 도구입니다.ES란, Ecma Script, 표준 자바스크립트Lint란, 소스 코드를 분석하여 프로그램 오류, 버그, 스타일 오류 등을 표시하기 위한 도구코드를 예쁘고 일관성 있게 유지시켜주는 자동완성 도구입니다.

2022년 11월 17일
·
0개의 댓글
·
post-thumbnail

프로젝트 디렉토리 및 파일 구조

여러가지 프로젝트를 진행해보면서 요즘은 하나의 프로젝트를 하더라도 조금 더 신경써서 하고 싶다는 생각이 들었다.프로젝트를 하면서 여러가지 어려움이 있었는데 그 중에서도 React 프로젝트에서 의외로 힘들었던 점은 파일을 분리하고 공통 컴포넌트를 따로 관리하는 그런 일이

2022년 11월 14일
·
0개의 댓글
·
post-thumbnail

[Next.js] Next.js 왜 쓰는지 모르는 사람?🙋🏻‍♀️

한 달만의 벨로그라... 조금 어색할지도...?😅

2022년 11월 14일
·
0개의 댓글
·

Java) Scanner next()와 nextLine()의 차이

Java) Scanner next()와 nextLine()의 차이

2022년 11월 12일
·
0개의 댓글
·
post-thumbnail

[Ts] TypeScript

타입 설정 너무 어려워,,

2022년 11월 12일
·
0개의 댓글
·
post-thumbnail

[Next js] API Route 십분 활용하기

🎯 Intro Next.js 를 꽤 오랜 기간 사용하다 보니 프론트에서 서버(getServerSideProps, getInitialProps)를 사용할 수 있는 점 이 상당히 매력적이라는걸 느끼는 것 같다. 위 두 가지 방식(getServerSideProps, g

2022년 11월 12일
·
0개의 댓글
·

Next) Next에서 Apollo Client 사용하기

Next에서 apollo client를 사용할 때 설정이 필요한 이유 apollo client의 강력한 기능 중 하나는 캐싱을 지원한다는 점이다. 한번 서버에 쿼리를 날려서 응답을 받으면 apollo client는 자동으로 이 결과값을 메모리에 캐싱해둔다. 그리고 그

2022년 11월 11일
·
0개의 댓글
·
post-thumbnail

[JS] 구조분해 할당 (Destructuring Assignment) & State로 여러 Input 관리

Destructuring Assignment > 구조 분해 할당 구문은 배열이나 객체의 속성을 해체하여 그 값을 개별 변수에 담을 수 있게 하는 JavaScript 표현식입니다.

2022년 11월 11일
·
0개의 댓글
·

Next.ts Dark mode 만들기

다크모드 기능이 요즘 기본적인 기능으로 자리 잡혀 가고 있는 중이다.next-themes 사용해서 구현 해보았다 $ npm install next-themes $ yarn add next-themes

2022년 11월 11일
·
0개의 댓글
·
post-thumbnail

[Next] Router

Next.js 너무 편해~

2022년 11월 10일
·
0개의 댓글
·
post-thumbnail

NextJs + TypeScript(1)

NextJs + TypeScript 오늘은 nextJs와 TypeScript를 같이 사용하는 연습을 해보았다. 둘다 이제 막 입문을 했지만 어쨌든 나중에는 같이 쓸 예정이기때문에 이전에 코딩앙마 nextJs 강의 들은걸 TypeScript로 혼자 처음부터 해보려고 시

2022년 11월 9일
·
0개의 댓글
·
post-thumbnail

React-nodebird (15) - 쿼리 스트링과 lastId

쿼리스트링을 통해 데이터를 보낸다.현재 스크롤을 내리면 같은 게시글을 계속 불러오는 버그가 있습니다. 여러 방법 중 lastId 방식으로 이 문제를 해결하는데, 먼저 mainPosts의 마지막(첫번째) 게시글의 id를 찾아서 이걸 lastId로 데이터를 전달해줍니다.

2022년 11월 7일
·
0개의 댓글
·
post-thumbnail

React-nodebird (14) - multer, express static, 해시태그 구현

encType="multipart/form-data" 이미지를 올리게되면 multipart 라는 form-data로 데이터가 전송이 되게 됩니다. 하지만, 지금의 백엔드에서는 json 형식과 이미지나 비디오 같은 데이터를 받을 수 없는 일반적인 Form 데이터만 받을

2022년 11월 7일
·
0개의 댓글
·
post-thumbnail

React-nodebird (13) - 게시글 좋아요, 삭제, 닉네임 수정

데이터의 흐름을 기억하면서 코드를 작성하는 것이 좋습니다.dispatch한 postCard.js → 리듀서 → 사가 →백엔드 라우터순으로 작성하면 됩니다. axios.patch(/post/${data}/like, data) 로 data를 2번쓰게 되면 불필요한 용량

2022년 11월 7일
·
0개의 댓글
·
post-thumbnail

React-nodebird (12) - 게시글 불러오기, morgan 도입하기

게시글을 불러오기 위해 posts.js를 만들어 줍니다. findAll로 여러개의 항목을 DB에서 찾아올 수 있습니다. 시퀄라이즈의 find 메소드는 SELECT 쿼리문으로 이해하면 됩니다.findOne : 특정된 하나의 레코드만 찾는다findAll: 모든 레코드를

2022년 11월 7일
·
0개의 댓글
·