분류 전체보기

[ajax] post, get 방식 이용한 웹사이트 만들기

사용 스택 : html, css, bootstrap, ajax, mongoDB 자료 구조 : templates의 index.html 코드 김승민 팬명록 현재기온: 36도 닉네임 응원댓글 응원 남기기 app.py 코드 - mongoDB 는 본인의 DB 계정에서의 데이터베이스 URL 을 이용하면 접속 가능합니다 from flask import Flask, render_template, request, jsonify app = Flask(__name__) # DB from pymongo import MongoClient client = MongoClient('mongodb+srv://test:test@cluster0.wpvuwzi.mongodb.net/Cluster0?retryWrites=true&w=majo..

[python] 음원 정보 크롤링하기(feat.친구 추천 이벤트)

스파르타 웹개발 코스 3주차 과제 관련 내용 - 사용해보고 싶었던 기능은 아래 참조 였으니, 사용해보지는 못해서 아쉬움 .next_siblings() - 초기에 ssl 인증 관련에러가 있어서, requests 에서 verify = False 로 설정함 사용한 코드 # genie 크롤링 # 가상환경 conda env sparta_py38 ## 크롤링 관련 라이브러리 import requests from bs4 import BeautifulSoup # 의존성 에러 import ssl ## DB # from pymongo import MongoClient headers = { 'User-Agent' : 'Mozilla/5.0 (Windows NT 10.0; Win64; x64)AppleWebKit/537.36..

[html + css + js] 공공기온 API 활용 - ajax

사용 기능 - 화면 접속 성공시 alert 창 띄울 수 있도록 함 - 기온 API 활용하여 온도 데이터 불러와서 화면에 동적으로 띄움 - 정적인 온도가 대치됨 - 나머지는 기존에 만들어놓은 김승민 랩퍼 팬명록에서 구현하였음 스파르타 웹개발 개발 일지 작성으로 인하여 글 작성 사용한 코드 사용한 코드는 아래와 같음 김승민 팬명록 현재 기온 : 1도도 닉네임 응원 댓글 응원 남기기 새로운 앨범 너무 멋져요!!!!!!!! Tom 새로운 앨범 너무 멋져요!!!!!!!! Tom 새로운 앨범 너무 멋져요!!!!!!!! Tom 코드에 관한 질문은 언제든지 댓글 바랍니다.

[html/css] 스파르타코딩 1주차:웹개발

완성 화면 - 폰트는 구글 폰트를 활용 - 버튼, 이미지, Quote 들은 부트스트랩 활용 - 필요에 맞게 커스토마이징함 - 커버 이미지를 어둡게 처리하여, 흰색 제목이 돋보이게 구성 - 마진 처리를 여유롭게 설정하여 공간감을 갖기 위해 노력 팬클럽 화면 페이지 간단하게 구성해봄 (시간 : 20분) 코드 김승민 팬명록 닉네임 응원 댓글 응원 남기기 새로운 앨범 너무 멋져요!!!!!!!! Tom 새로운 앨범 너무 멋져요!!!!!!!! Tom 새로운 앨범 너무 멋져요!!!!!!!! Tom

[Vue.js] 문법 기초 2편(props, v-bind, v-on, router, axios)

💡 watch 속성 data의 변화에 따라서 특정 로직을 실행 우선 vue 인스턴스 내부에 들어가는 속성 순서 el, data, watch, methods 등 watch 안에 data 값인 num을 고정해둠 watch랑 computed는 비슷한 느낌을 갖고 있음 가장 기본적인 서비스 구현에 있어서의 차이점은??? computed 는 단순한 계산, 텍스트 입력 값을 받아서 validation watch는 무거움, 매번 실행되는 것이 부담스러운 것들!!!!!!!!( 중요) 값의 변화를 계속 추적함 function(newValue, oldValue) 라는 구조를 갖고 있음 this.fetchUserByNumber(newValue) 💡 computed 속성을 이용한 클래스 코드 작성바 boolean 타입에 대한..

[Vue.js] 문법 기초 1편(props, v-bind, v-on, router, axios)

이벤트 속성에 대해서 다뤄보고자 한다. 물론, 그 외에도 전반적으로 Vue.js 를 공부하면서 정리한 내용을 적는 블로그 글을 연재하려고 한다. 두서없이 배운 내용을 정리한 거라, 잘못된 내용이 있다면 언제든지 피드백 주길바라며, 읽어주셔서 미리 감사드립니다. Thanks for you guys. 웹개발을 쉽게 하기 위해서 선택한 프레임워크인 만큼, React나 Angular 만큼은 아니지만, Vue.js 도 충분히 매력적인 도구인 것 같아서 재밌다. inputfiled + prop 관련 개념 잘 정리되어 있음 https://whitepro.tistory.com/255 자바스크립트 - forEach 배열을 순회하는 방법 중 하나 기존 코드 const numbers = [1,2,3,4,5] for (i =..

[폴드/플립4]지인 추천 이벤트 GWS045477680607 (feat.무료 스타벅스 기프티콘 받기)

안녕하세요 공부하는 웅이입니다. 최근에 삼성전자에서 z플립4 와 z폴드4를 성공적으로 런칭했는데요. 저도 플립4와 폴드4를 보고 정말 삼성전자가 폴더블 폰의 강자로 등극했다라고 느낄 수 있었습니다. 힌지부분의 각도며, 내부 UI/UX 구성이라든지, 업그레이드된 카메라 성능이라던지, 전자의 20~30% 향상된 배터리 성능 등을 생각했을때말이죠. 바로 본론으로 들어가게 되면, z폴드나 z플립 시리즈를 구매하고자 하는 잠재적 소비자라면, 서로 스타벅스 기프티콘을 무료로 받을 수 있는 방법이 있습니다. 핸드폰을 구매할 예정이라면, 추가로 얻을 수 있는 혜택이니 정해진 기간 안에 신청하시면 바로 받으실 수 있습니다. 조심스럽게 부탁드려봐요~ 추가로 저를 추천 많이 해주실수록, 같이 NFT 받을 수도 있어요. 나중..

pycharm 에서 자동으로 라이브러리 import 하는 방법

pycharm 에서 자동으로 라이브러리 import 하는 방법 ctrl + alt + s 를 클릭하고서, 다음과 같이 하단에 python 섹션 부분에서 show import popup 부분을 클릭해준다. 그러면 클래스를 입력하면, import 에 필요한 사항들이 뜰 것이다. 그리고 실제로 코딩을 할때, class 가 import 되지 않았다면 alt + enter를 눌러주면 된다.

vscode 장고 : 이미지 파일 처리

vscode를 이용하여, 파이선 언어를 통해 웹개발을 배우고 있습니다. 이것저것 내용이 중구난방이니, 양해바랍니다..ㅎ Media 파일 처리 순서 1. HttpRequest.FILES 를 통해 파일이 전달 2. 뷰 로직이나 폼 로직을 통해서, 유효성 검증을 수행함 3. FileFiled/ImageField 필드에 "경로(문자열)"를 저장함 4. settings.MEDIA_ROOT 경로에 파일을 저장함 코드 디버깅 코드 설명 1 BASE_DIR = os.path.dirname(os.path.dirname(os.path.abspath(__file__))) ## __file__ 은 파일이 import 될 때 파일의 경로를 담고 있음 -> 절대 경로로 바꾸고 -> dirname의 dirname은 부모의 부모 경..

장고 : 검색 옵션 만들기

장고 모델 공식 문서를 참고하여, 모델의 데이터베이스를 커스터마이징을 배우고 있다. 다음은 일부 실습을 하기 위한 코드 내용이며, 필터를 사용하는 내용이다. admin.py 에서의 일부 코드 @admin.register(Post) ## Wrapping(감싸는 방법) - 감싼 대상의 기능을 변경할 수 있음 class PostAdmin(admin.ModelAdmin): #2. 다르게 보여주고 싶을때 list_display = ['id', 'message', 'message_length','is_public','created_at', 'updated_at'] # list_display 라는 상속받은 객체로, 보여지는 것을 담당 list_display_links = ['message'] # 링크가 기본 id에 ..