Today I Leared mongoDB Atlas server에 data 저장하기 python의 library pymongo: mongodb 조작 dsnpython: server와 data 주고 받기에 유리한 기능들 Framework: Flask, 서버에 get/post 등을 편리하게 해주는 기능 request: Flask Framework에서 오가는 data를 편하게 코딩하게 함 jsonify: json화 시키는 강력한 기능 render_template: .py 파일과 .html 파일을 연결시켜줌 동적 data web 사이트 구축 Trouble I Solved Trouble: mongoDB Atlas server와 연결과정에서 문제 발생 스파르타코딩클럽 웹개발종합반 강의노트 및 강사의 지시대로 연결코..

장점 : HTML 환경에서 JS 코드보다 더 간결하고 편리하게 프로그래밍이 가능 공식 사이트: https://jquery.com/ Library 삽입 사용방법 script tag에 $('#id').함수() body tag에 tag id="id" 내용 /tag 몇가지 예시 $(selector).text() : selector에 text 반환, 간단한 내용 출력에 유용 $(selector).append() : selector에 element 반환. 반복문과 결합하여 array, list 등 출력에 유용 $(selector).empty() : selector 내용 리셋 $(selector).click() : selector 클릭 이벤트 바인딩 $(selector).fadeIn() : selector fadeI..

폰트 설정 구글웹폰트를 사용하여 원하는 폰트 설정 가능 하단 링크 접속 https://fonts.google.com/?subset=korean&noto.script=Kore 원하는 폰트 설정 후 굵기 등을 정하고, 두 가지 코드를 복사하여 style tag 자리에 입력 style 코드 font 선언 코드 완성도 높은 CSS 사용: 부트스트랩 버튼이나 카드 등 완성도 높은 디자인을 사용할 수 있음. 위와 같이 head tag 안에 link, script에 부트스트랩 사용을 위한 코드를 넣어줌. https://getbootstrap.com/docs/5.0/components/buttons/ 위 link에 접속하여 원하는 스타일을 선택하여 해당 tag를 붙여넣어줌. ...내용... -> 해당 내용을 부트스트랩..

배운 내용 복습 스파르타코딩클럽 웹개발 종합반 강의를 쭉쭉 들을 때는 편했는데, 복습하며 내용 정리를 하니 시간이 생각보다 많이 걸린다. JQuery : 어디까지가 JQuery의 영역인지 몰랐는데, 확실히 알게 되어 깔끔하다. 고민들.... 학습량 늘려야.... 모든 학습내용을 다 정리하며 가도 시간이 괜찮을까? -> 0번이 해결되면 될듯! Problem Solving 즉 코딩테스트를 병행하는게 좋을까? 한다면 Python 언어로 하는 것이 좋을듯. Python 언어 공부에까지 시간 투자가 가능할까.... 🕰️ 오늘의 공부 시간: 4:35

사용방법 head 안에 style tag 생성 css 이름 설정 및 내용 입력 로그인 페이지 ID: PW: 로그인하기 CSS 종류 배경관련 background-color background-image background-size 사이즈 width height 폰트 font-size font-weight font-family color 간격 margin padding reference 스파르타코딩클럽_웹개발종합반_강의자료

Cascading Style Sheets : 웹 페이지의 디자인적 요소를 설명하는 스타일 시트 언어 HTML, JS와 같이 사용 됨. 기타 관련 용어 정리 XML(eXtensible Markup Language)기계가 읽을 수 있는 형식으로 문서를 인코딩하는 규칙/언어. 마크업/마크다운 언어 차이: 마크업이 좀 더 복잡하고 css,JS등과 함께 사용가능. 마크다운(웹사이트, 노션, ReadMe파일...)은 더 간단하지만 사용 범위가 좁음. 스타일시트언어 종류 SASS(Syntactically Awesome Style Sheets) LESS(Leaner Style Sheets) Stylus XSL-FO(eXtensible Stylesheet Language Formatting Objects)