본문 바로가기
728x90

> 코딩애플 (부분공개)/Next.js로 웹서비스 만들기36

JWT, session, OAuth 설명시간 보호되어 있는 글 입니다. 2024. 11. 19.
static rendering, dynamic rendering, cache 보호되어 있는 글 입니다. 2024. 11. 19.
삭제 기능 만들기 3 (query string / URL parameter) 보호되어 있는 글 입니다. 2024. 11. 11.
삭제 기능 만들기 2 (Ajax 추가 내용과 에러 처리) 0:47 삭제기능 만들어오라던 숙제를 같이 해보도록 합시다.나중에 혼자 코드짤 때도 제 코드 따라칠 것입니까 잘 안되어도 혼자 이것저것 뭐라도 해보는 과정에서 실력이 늡니다. 코드 따라치는건 학습이 아니고 타이핑 실력만 향상됩니다.기능부터 한글로 설명해보면 1. 삭제버튼 누르면 서버로 삭제요청 보냄 (URL, method도 정하기)2. 근데 어떤 게시물 삭제할지 게시물 _id도 보내야 삭제를 정확히 잘해줄듯요 3. 서버는 요청 들어오면 DB에서 그 게시물 삭제해줌 이러면 될 것 같으니 이거 그대로 코드로 옮겨봅시다. 1. 삭제버튼누르면 서버로 삭제요청보냄 ajax 이용해서 삭제버튼을 누르면저 URL (/api/post/delete) 로DELETE 메소드로 요청을 보냄. 이제 저 경로로 요청하면 서버 기능을 실행하.. 2024. 11. 11.
삭제 기능 만들기 1 (Ajax) 글마다 삭제버튼을 만들고누르면 글을 DB에서 삭제하는 기능을 만들어봅시다.작성, 수정기능 만들 때 했던 내용과 비슷할 것 같아서 여러분이 알아서 하면 되는데 근데 이번엔 삭제시 글목록에서 글이 사라지는 UI 애니메이션같은걸 넣어봅시다.저기다가 버튼을 각각 만들고 그 다음에 버튼을 누르면 글이 삭제가 되는 기능을 만들어 볼 것.   삭제버튼누르면 애니메이션 넣으려는데 ▲ 글목록에 삭제버튼 하나 만들고삭제버튼 누르면 그게 담긴 박스를 서서히 사라지게 만들자는겁니다.  근데 그런 애니메이션을 만들기 위해선 자바스크립트 기능이 좀 필요할 것 처럼 보임. 저기 list/page.js 로 간다음에 저 내용들을 클라이언트 컴포넌트로 좀 바꿔줘야 할 것 같음.   list/page.js  파일에다가클라이언트 컴포넌트로.. 2024. 11. 10.
수정기능 만들기 2 저번시간 숙제로 내드린 기능을 완성해봅시다.답안 따라쳐봤자 손가락만 아플 뿐이고혼자 몇시간 부여잡고 검색하고 삽질해봐야 실력이 늡니다. 실제 코딩도 검색하고 삽질하면서 하지 않습니까 심심해서 Navbar 만들어봄 Appleforum List layout.js에 이런거 추가했고= Link 태그 쓰니까 상단에 import 필수. .navbar { background: white; padding: 20px;}.navbar a { margin-right: 10px; text-decoration: none; color: black;}.logo { font-weight: bold;}globals.css에 이런거 추가해서 상단바도 만들어봤습니다. 수정기능 완성해오라던 저번시간 숙제를 해보자면 전송버.. 2024. 11. 9.
728x90