728x90 > 메모98 [Next.js] AWS 이용 및 세팅 회원가입하기사이트 이동https://aws.amazon.com/ko/free/?gclid=CjwKCAiAl4a6BhBqEiwAqvrqusP6yuLvwui5GIVN2T-_WJZYq-WtNTeGacTXqhGGDu6tzwnqT3iBYhoCWaoQAvD_BwE&trk=bdc27120-6d06-4bae-9be1-22d07b8ec0a7&sc_channel=ps&ef_id=CjwKCAiAl4a6BhBqEiwAqvrqusP6yuLvwui5GIVN2T-_WJZYq-WtNTeGacTXqhGGDu6tzwnqT3iBYhoCWaoQAvD_BwE:G:s&s_kwcid=AL!4422!3!444218216120!e!!g!!aws%20console!10287751098!99328588021&all-free-tier.sort-by=it.. 2024. 11. 24. 안드로이드 스튜디오 설치하면서 에러에 막혔던 부분 flutter doctor 오류 참고 블로그:https://velog.io/@seoyoon_dev/1%EC%A3%BC%EC%B0%A8-2%EA%B0%95-flutter-doctor-%EC%98%A4%EB%A5%98 [1주차 2강] flutter doctor 오류flutter을 설치 진행 중 아래 두가지 오류를 가장 많이 접하게 됩니다.Android toolchain - develop for Android deveices (Android SDK version 33.0.2)No Java Development Kit(JDK) fovelog.ioDoctor summary (to see all details, run flutter doctor -v):[√] Flutter (Channel stable, 2.8.0,.. 2024. 11. 21. [Flutter] Android Studio 초기화면 보는 방법 초기에 설치했을 때 화면 다시 보는 방법( 이미 프로젝트가 있는 경우 ) File - Close project 를 눌러준다. 그리고 안드로이드 스튜디오 다시 열기. 2024. 11. 19. [Next.js] 삭제 기능 만드는 방법 (2) listItem.js 에서 삭제기능 구현하기7) 삭제 버튼 누르면 서버로 삭제 요청 보내기ajax 의 fetch() 라는 함수 이용.삭제버튼을 누르면저 URL (/api/post/delete = 서버경로) 로DELETE 메소드로 요청을 보내기.8) 서버경로에 맞는 파일 생성/api/post/delete서버 파일 생성.컴포넌트도 채워주기.9) 서버에 글 삭제 코드 짜기서버에 DB 글 삭제하라고 지시(요청)해야하니서버 파일 안에는 DB글 삭제할 수 있도록 코드 짜야함.= deletOne() = document 하나 삭제.누가 이 서버로 요청을 하면DB에 있는 글을 삭제할 수 있게끔 하는게 서버의 역할if 조건문 사용해서 Delete 요청을 받았을 경우를 써주기. DB 갖고오는 코드 작성해주고deletOne함.. 2024. 11. 16. [Next.js] 삭제 기능 만드는 방법 (1) 삭제기능 만들기 전에 list/page.js 수정- 자바스크립트 기능 개발 필요한 부분클라이언트 컴포넌트로 수정하기.js로 글목록에서 글이 사라지는 애니메이션 list/page.js 로 간다음에= 글 목록 페이지 자바스크립트 기능 개발이 필요한 곳만클라이언트 컴포넌트로 만들어서 집어넣기= 나중에 js로 글목록에서 글이 사라지는 애니메이션 넣어야 함. map 함수로 담아줬던 html 을 client 컴포넌트로 만들어서 집어넣도록 함. 1) list 폴더 안에다가 새로운 파일 생성 = ListItem.jsListItem 파일에다가client 컴포넌트 생성. 2) map 함수로 담아줬던 html 옮겨주기 이 부분 옮겨줌."use client";export default function ListItem() {.. 2024. 11. 15. [Next.js] 수정 기능 만드는 방법 글 수정 기능 만들기수정 페이지 생성하기 1. 수정페이지로 이동하는 버튼 만들기= Link 태그 사용 /list 목록페이지의 글제목마다 수정버튼 생성 수정 버튼 누르면 수정페이지 URL 로 이동해야 함. import { connectDB } from "@/util/database";import Link from "next/link";export default async function List() { const db = (await connectDB).db("forum"); let result = await db.collection("post").find().toArray(); console.log(result); return ( {result.map((a, i) => { .. 2024. 11. 14. 이전 1 2 3 4 ··· 17 다음 728x90
