노트47 성공의 기쁨도 잠시... Undefined 성공의 기쁨도 잠시... Undefined VScode에서 Pycharm으로 다시 옮겨서 작업을 했다 로그인/ 회원가입 (기능없는ㅋㅋㅋ) 페이지하고 내 서재페이지 (검색 -> 크롤링) 페이지도 연결했는데 갑자기 왠 ERROR pymongo까지도 DB가 잘 들어갔는데 데이터 잘 들어와서 console까지 출력했는데 왜 마지막에 undefined... 깨지냐고오오오 dkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkd살려줭 어디가 에러인지 모르겠다. 2021. 12. 3. 수정한 '내 서재'페이지 검색해보세요 / 한줄소감 책 이름, 작가이름으로 검색을 하면 해당 내용이 DB에 저장됨. 책에 관한 한줄 소감을 적고 "저장"버튼을 누르면 아래 크롤링한 데이터들이 카드로 저장됨 약간 욕심이 있었는데 이번엔 조금 버리고 쉽게 갔다. .......... 아숩! 다음엔 욕심을 부릴 것! 2021. 12. 3. 웹개발4 - Flask에서 내부링크 연결(페이지연결) Flask에서 내부링크 연결하기 링크를 연결하기 위한 일반적인 태그 사용법 이동 하지만 Flask에서 내부링크를 연결하기 위한 사용법 이동 홈으로 라우팅한 페이지 연결은 살짝 다르게 생김 Waste-less # 타이틀 클릭 시 http://localhost:5000/로 이동 html에서 a태그를 사용하여 링크를 연결했다면 Flask를 사용한 app.py에서 설정을 해줘야 한다 @app.route('/') // 페이지이름 def home(): return render_template ('book-review.html') // 파일이름 2021. 12. 3. 나홀로메모장 활용 - 아 좋은 계획이었는데 또 큰 맘을 먹고 만들기를 시도했다 생각보다 바보짓을 많이 했다. 금방 될 줄 알았는데 결론은 계획만큼은 안됐다!! 하지만 곧 계획대로 될 거 같다ㅎㅎ 이래저래... 내가 생각했던 것과는 많이 달랐던 두번째 실험. 아 지금 정리하려니까 너무 배가 고프다 그래도 여러가지 중에 검색어를 통해 크롤링하는 건 성공했다. 2021. 12. 2. 웹개발4 - 나홀로메모장 Get 카드 보여주기 [ GET ] - 클라이언트 서버 연결확인 카드 보여주기 [ GET ] - 서버 만들기 카드 보여주기 [ GET ] - 클라이언트 만들기 VScode로 만들어봤을 때, 에러였음. pycharm에서는 에러가 나지 않았음. 아래 빨간BOX코드로 정상 작동됨. 뭔가 성공시킬 때가 가장 기분이 좋다 2021. 12. 2. 웹개발4 - 나홀로메모장 - post 알면 알수록 뭔가 만들고 싶다는 생각이 든다 만들기를 시도하면서ㅋㅋㅋㅋ 항상 좌절한다 생각한 대로 결과물이 나오지는 않았지만 근접한 결과가 나왔고 내가 구성한 코드에 많은 부족함을 느꼈다 나홀로 메모장 - API 구상하기 크롤링(데이터 가져오기) 먼저 해보기 카드생성 [ POST ] - 클라이언트 서버 연결확인 지난번 해결했던 문제!!! 아래 코드로 바꿨더니 해결됐다 원래 있던 코드 새로 바꾼 코드 카드생성 [ POST ] - 서버 만들기 return jsonify 무엇? ==> flask에서 많은 데이터들을 json형태로 보내주는 API서버 만들 때 사용 jsonify는 아주 간편하지만, 아스키 이스케이프 인코딩을 적용하기 때문에 Flask처럼 웹 서버로 쓰이는 환경에서는 데이터가 변경되어 전송됩니다... 2021. 12. 2. 웹개발4 - 모두의 책 리뷰(get) 정리를 하고 있지만서도... 이해가 잘 안간다. 하고보면 안하는 것보다는 낫겠지 리뷰 보여주기 GET방식 1_ 서버-클라이언트 연결 확인 2_ 서버 만들기 3_ 클라이언트 만들기 똑같이 하면 똑같이 나오는데 조금만 다르게 하면 어디선가 꼬이는! 훗........... ...... 2021. 12. 1. 웹개발4 - 모두의 책 리뷰 (post) Ajax의 기본 Method를 이용해서 server와 통신을 하면 상당히 복잡하지만 JQuery를 이용하면 간단하게 Server와 Date를 주고받을 수 있다 JQuery와 Ajax를 사용하여 클라이언트와 서버의 비동기 통신시작! $.ajax({ type: "POST", // type 설정 : get, post url: "/요청URL주소“, // 서버로 보낼 주소 입력 data: {sample_give:'샘플데이터'}, // 서버로 보낼 데이터 success: function (response) { // 성공적으로 값이 서버로 넘어갔을 때 alert(response["msg"]); 처리하는 코드 window.location.reload(); } }) 서버 - 클라이언트 통신 확인 (POST) 1_ 클라이.. 2021. 12. 1. 웹개발4 - $.ajax is not a function API API API 몇번이나 듣는데도 뭔가.. 어색하고 어렵고 낯선 개념.. API API $.ajax is not a function(jQuery 에러) 콘솔에서 API 테스트를 하는데 자꾸 Error가 나서 에러를 검색해봤더니 원인은 jquery를 가져올때 (난 cdn) slim으로 가져왔다. slim 으로 가져오게 될 경우 ajax는 지원을 안해주나보다. 그래서 기본적인 모드를 가져왔다 라는 글을 보고 html cdn코드를 고쳐봤더니 해결됐다..ㅠㅠ 2021. 12. 1. 이전 1 2 3 4 5 6 다음
