본문 바로가기

분류 전체보기321

코딩애플 - 배포와 최적화에 대해, 회원가입에 대한 기초 Next.js 의 특성 리액트는 CSR으로 처음에는 브라우저가 빈 html 파일 받고 후에 렌더링이 진행되면서 내용이 채워진다. 하지만 Next 는 모든 페이지를 미리 렌더링하는 SSR 이므로 각 페이지의 html 을 미리 생성하게 된다. 차차 css 와 js 와 연결되고 브라우저에 의해 페이지가 로드되면 자바스크립트 코드가 실행되어 유저와 상호작용이 가능해지는 것이다. 이러한 과정을 hydration 이라고 한다. SSG (Static Site Generation) : 빌드 타임에 html 에 생성되어 매 요청마다 이를 재사용 SEO 에 유리 데이터가 바뀌지 않는 페이지에 사용 SSR (Server Side Rendering) : 유저의 요청마다 html 을 생성 배포를 위한 빌드 Next.js 로 작.. 2023. 6. 28.
코딩애플 - Next.js 로 게시판 수정/삭제 구현 게시글 수정 Dynamic route 기능으로 각 게시글의 수정 페이지를 만들어주기 게시글의 각각의 id 는 /modify/[id] 에 들어가므로, props.params.id 로 접근이 가능하다! 해당 id는 new ObjectId() 로 접근해서 findOne() 해준다. 찾아온 글을 input의 defaultValue 속성 안에 넣어주면 원래 글 내용이 잘 들어가진다. Next.js 에선 value 대신 defaultValue 를 사용하는게 오류가 적다고 한다. 몽고DB로 원래 내용을 수정해주기 updateOne({ 조건 }, {$set : { 수정해줄 내용 }}) 형태로 만들어 준다. 이때, 전에 배웠던 3계층 구조 원리에 의하여 클라이언트 딴에서 DB를 직접 건드리는게 아닌, 서버에 먼저 보내고.. 2023. 6. 27.
인공지능과 Orange - 객관식 예측 사용해보기 요즘 딥러닝이다, 머신러닝이다 말들이 많아서 여러 책을 읽어보고 있다. 인공지능 사람처럼 똑똑한 기계 머신러닝이란 인공지능을 구현하는데 성공한 방법... 어떤 사람이 특정 영화를 좋아할지 여부와 같은 분류 사람의 키와 같은 정량적 예측을 함으로써 데이터를 의사결정으로 변환해주는 도구와 기술의 집합을 의미 딥러닝 머신러닝을 활용한 인공지능의 고도화 방법 머신러닝은 기본적으로 공식을 알려주고 답을 구하게 한 방법이 아닌, 답을 알려주고 공식을 깨우치게 한 것이다. 문제와 답을 보며 공식을 깨우치게 한 과정을 Learning 이라 칭하게 했고 기계가 공부한다는 것을 머신러닝이라고 부르게 된 것이다. 비지도학습 답을 알려주고 공식을 기계가 깨우치게 하는 것이 머신러닝의 기본인데, 답을 알려주지 않고 공부시키는 .. 2023. 6. 26.
코딩애플 - Nextjs 로 게시판 글 작성하기 게시판 내용 목록 불러오기 먼저 /list 로 라우팅 처리를 해준다. 폴더 list 를 app 폴더 안에 만들고 -> list 폴더 안에 page.js 를 만들어준다. 해당 page.js 안에 몽고DB를 연동하고 게시글 목록을 불러와준다. import {connectDB} from '@/utils/database' const client = await connectDB; const result = await client.db('forum').collection('post').find().toArray(); MongoDB를 connect 시켜둔 코드를 import 하고 client 에 db, collection 에 접근해준다. 잘 불러와진다. 그 다음으론 게시글의 상세페이지 이동을 처리 -> Dynamic.. 2023. 6. 25.

티스토리툴바