일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | ||
6 | 7 | 8 | 9 | 10 | 11 | 12 |
13 | 14 | 15 | 16 | 17 | 18 | 19 |
20 | 21 | 22 | 23 | 24 | 25 | 26 |
27 | 28 | 29 | 30 |
- HTML
- 프로그래머스코테
- 프로그래머스
- 백준알고리즘
- 몽고DB
- 다이나믹프로그래밍
- 리액트커뮤니티
- 코테
- js코테
- 리액트댓글기능
- css기초
- 익스프레스
- 안드로이드 스튜디오
- JS
- 포이마웹
- 백준골드
- CSS
- 백준
- 리액트
- dp알고리즘
- 자바스크립트
- 코딩테스트
- 백준구현문제
- 백준nodejs
- 프로그래머스JS
- 알고리즘
- HTML5
- 백준구현
- 백준js
- JS프로그래머스
- Today
- Total
목록풀스택 (2)
개발새발 로그

이제 게시글 상세페이지에서 수정하기 버튼을 누르면 게시글 수정페이지로 가서 게시글을 수정할 수 있는 기능을 추가해보자 이때 수정할 때는 기존의 게시글내용을 온전히 수정페이지에 가져와야한다. 먼저 순서를 그려보았다. 1. 수정버튼을 누르면 게시글 수정 페이지로 이동 2. 게시글 수정페이지에는 기존 내용이 보여져야함(서버에 기존내용 요청) 3. 수정내용 작성 후 다시 서버에 수정API 요청 4. 수정내용 DB에 저장 5.수정완료후 해당 게시글 페이지로 이동 1. 수정버튼을 누르면 게시글 수정 페이지로 이동 -LInk로 수정페이지에 이동한다 -이때 수정페이지도 App.js에 Route에 추가해줘야한다. 2. 게시글 수정페이지에는 기존 내용이 보여져야함(서버에 기존내용 요청) postNum을 이용해서 해당 게시..

클라이언트는 3000번포트로 열려있고, 서버는 5000번 포트로 연결되어있다고 가정하자. 이렇게 서로다른 포트들끼리 통신을 하면 CORS이슈가 나온다. 다른 포트에서 온 데이터에 대해서 어떤 보안적인 규칙을 지켜야한다라는 뜻이다. 먼저 CORS이슈가 나오는지 확인해보기 위해 클라이언트에서 axios로 데이터를 보내보자 1. axios 설치 npm i axios --save 2. axios 사이트에서 사용법 보기 https://axios-http.com/kr/docs/example 기본 예제 | Axios Docs 기본 예제 Axios를 사용하기 위한 기본 예제 참고: CommonJS 사용법 require()를 이용한 CommonJS를 사용하는 동안 TypeScript 타이핑(인텔리센스 / 자동 완성)을 ..