노트/항해9944 나홀로메모장 활용 - 아 좋은 계획이었는데 또 큰 맘을 먹고 만들기를 시도했다 생각보다 바보짓을 많이 했다. 금방 될 줄 알았는데 결론은 계획만큼은 안됐다!! 하지만 곧 계획대로 될 거 같다ㅎㅎ 이래저래... 내가 생각했던 것과는 많이 달랐던 두번째 실험. 아 지금 정리하려니까 너무 배가 고프다 그래도 여러가지 중에 검색어를 통해 크롤링하는 건 성공했다. 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. 웹개발4 - Flask HTML주기 웹개발4 - Flask HTML주기 폴더구조를 만들어서 그 안에 해당하는 파일들을 넣어두었다 static 폴더 안에 - js / css 폴더를 만들어 - book-review.css 파일을 넣었고 templates 폴더 안에 -book-review.html 파일을 넣었다 render_template 을 이용하여 teplates폴더에 있는 파일을 불러온다 render_template 함수는 flask에서 제공하는 함수로 teplates폴더에 저장돼있는 html파일을 불러올 때 사용하는 함수이다 Flask 프레임워크 동작 순서 5000의 주소를 클릭하면 5000뒤에는 /가 숨겨져 있다 /로 이동을 한 뒤에 아래 home() 함수가 실행된다 함수는 book-review.html을 rendering해서 브라우저.. 2021. 12. 1. 웹개발4 - python Flask2 - html파일주기 python Flask2 - html파일주기 flask 서버에 다양한 html페이지들을 연결하고 싶다!!! 다양한 페이지들을 연결하고자 한다. 이제시작이다.. 하하... Flask의 폴더 구조 프레임워크를 사용할 때는 정해진 규칙을 따라줘야 한다. flask는 정해진 폴더구조가 있다 폴더 : static --> css, img파일 폴더 : templates --> html파일 (기본_index.html) 파일 : app.py html을 읽기 위해서는 flask import부분에 render_template를 써주고 html을 읽을 @app.route부분에 render_template(‘html’페이지)를 써준다 Flask의 서버 환경에서 CSS, JS 적용하기 Flask의 서버가 돌아가고 있는 환경에서 .. 2021. 12. 1. 웹개발4 - python Flask Flask프레임워크를 사용해 서버 만들기 Flask 설치하기 파일 -> 설정 -> 인터프리터 -> Flask install app.py from flask import Flask app = Flask(__name__) @app.route('/') def home(): return 'This is Home!' if __name__ == '__main__': app.run('0.0.0.0',port=5000,debug=True) Run ==> 터미널에 아래와 같은 코드들이 올라오면서 app.py 서버 작동이 된다 Use a production WSGI server instead. * Debug mode: on * Restarting with stat * Debugger is active! * Debugger.. 2021. 12. 1. 이전 1 2 3 4 5 다음
