스파르타코딩클럽/[내일배움단] 웹개발 종합반 개발일지

[5주차] 인터넷에서 서버 돌리기

※ 스파르타 코딩클럽의 웹개발 종합반(5주)을 공부하며 기억하고 싶은 특이점들만 기록, 정리해 놓은 노트이다.Flask 기초 5탄 - 버킷리스트POST (버킷 등록하기) 1. 요청 정보 : URL= /bucket, 요청 방식 = POST 2. 클라(ajax) → 서버(flask) : bucket 3. 서버(flask) → 클라(ajax) : 메시지를 보냄 (기록 완료!) 단! 서버에서 한 가지 일을 더 해야한다: → 번호를 만들어 함께 넣어주는 것. 그래야 업데이트, 즉 ‘완료’ 표시가 가능하다.역시나 필요한 패키지는 flask, pymongo, dnspython 셋.서버(app.py)측프론트에서 받은 bucket(내용)에 더해 :버킷 번호”와 “완료 여부”를 함께 데이터에 넣어줘야 한다.@app.rou..

[4주차] 내 컴퓨터에서 서버 돌리기

나는 버튼! Flask - POST 요청과 응답1. 프론트(index.html)에 Ajax로 POST 요청 심어주기2. 서버(app.py)에 POST 대응 API코드 만들기# '/test' 창구에 POST 요청을 받았을 경우: @app.route('/test', methods=['POST']) def test_post(): title_receive = request.form['title_give'] print(title_receive) return jsonify({'result':'success', 'msg': '요청을 잘 받았어요'}) 왜 GET 요청 때는 data항목으로 키-값을 넘겨주지 않는 걸까? POST 때와는 무슨 차이지? A. GET방식 때 URL 뒤에 데이터를 붙여 보내는 것과 달리 POS..

[3주차] 파이썬, 데이터베이스 다루기

※ 스파르타 코딩클럽의 웹개발 종합반(5주)을 공부하며 기억하고 싶은 특이점들만 기록, 정리해 놓은 노트이다. ※ 노션에 필기한 내용을 복사해오다 보니 식과 포맷이 엉성한 곳이 있다. let star_image = "⭐".repeat(star); 에러 기록 (인터프리터를 찾을 수 없어…) 가상환경 생성에 실패했습니다. PyCharm에서 파이썬 새 프로젝트를 실행하려는데 ‘인터프리터를 찾을 수 없고’ 그래서 ‘가상환경 생성에 실패했다’는 메세지만 받기를 십 수번… 여기저기 검색도 해보았지만 내 상황엔 적용되지 않는 것 같아보이는 조언들만 읽다가 지치고 읽다가 지치고 하기를 어언 1시간 반… 그래 가상환경 폴더(venv)는 안 만들어져어도 일단 파이썬 파일이 실행은 되니까 진행하자 하고 진행하던 중, 패키지..

[2주차] jQuery와 Ajax로 서버에 GET요청하기

※ 스파르타 코딩클럽의 웹개발 종합반(5주)을 공부하며 기억하고 싶은 특이점들만 기록, 정리해 놓은 노트이다. ※ 노션에 필기한 내용을 복사해오다 보니 식과 포맷이 엉성한 곳이 있다. jQuery란 jQuery는 자바스크립트를 모아놓은 도구모음(라이브러리)다! 부트스트랩이 CSS 도구모음인 것 처럼. jQuery의 장점 코드가 간결해지고 브라우저간 호환성을 해결해줘서 각광받았다. jQuery 임포트하기 내가 직접 제이쿼리.js 파일을 다운받아서 사용하는 것과, 구글 CDN(Content Delivery Network)같이 제이쿼리를 호스팅해주는 곳에서 갖다가 쓰는 방법이 있다. // Google CDN: // 알맞은 버튼에 기능 부여: 영화 기록하기 닫기 포스트를 할 수 있는 박스(post-box)를 처..

[1주차] 눈에 보이는 부분(웹페이지) 만들기

... 크롬 개발자도구 콘솔창이 정확이 이런 의미였다니: “띄워놓은 페이지에서 빠르게 자바스크립트를 테스트해볼 수 있게, 개발자들을 위해 만들어둔 도구”콘솔 지우기(Ctrl+L): 도화지를 깨끗이 한다방향키 위 버튼: 방금 작성한 코드 복붙 기초 문법 1탄console.log("Hello World!"); // 자바의 System.out.println();과 같음let num = 20 let name = 'Bob'// 덧셈연산 fist+num // Bob20 => 자바에서 연산할 때처럼 문자열이 더 강력함(?) num+num // 40// 네이밍 컨벤션 let first_name = 'Bob' // snake case let lastName = 'Roger' // camel case // 특수문자와 띄어..