WEB (9) 썸네일형 리스트형 섹션6~7. Bootstrap https://cdn.jsdelivr.net/npm/bootstrap@5.2.2/dist/css/bootstrap.min.css"> -> 부트스트랩 css와 script는 내 css보다 위에 있어야 함. 프레임 템플릿 Sneakpeekit - Printable Sketch Sheets for Design Wireframing 웹사이트 디자인 모음 Awwwards - Website Awards - Best Web Design Trends Awwwards - Website Awards - Best Web Design Trends Awwwards are the Website Awards that recognize and promote the talent and effort of the best develope.. 섹션4~5. CSS 색 찾기 Color Palettes for Designers and Artists - Color Hunt Color Palettes for Designers and Artists - Color Hunt Discover the newest hand-picked color palettes of Color Hunt. Get color inspiration for your design and art projects. colorhunt.co pesticide css https://chrome.google.com/webstore/detail/pesticide-for-chrome/bakpbgckdnepkmkeaiomhmfcnejndkbi Pesticide for Chrome This extension inserts .. 섹션2~3. HTML emmet 패키지 - atom 새 파일에서 html 입력 후 엔터치면 아래와 같이 boilerplate 나옴 파일명 우클릭 - Copy full path (경로확인) Unicode includes imogi - UTF8 : paragraph : italic : bold : horizontal line (self-closing) : unordered list (bullet list) : ordered list : list : (self-closing) : anchor tag input type color : color picker submit : button text checkbox password file date radio range email : just show plain text w/o any o.. 섹션1. Front-End Web Development Atom text editor https://atom.io/ A hackable text editor for the 21st Century At GitHub, we’re building the text editor we’ve always wanted: hackable to the core, but approachable on the first day without ever touching a config file. We can’t wait to see what you build with it. atom.io Atom packages atom-ternjs Adds code intelligence to Atom. autoclose-html-plus Will help you automatically close.. 웹개발 종합 5주차 1) 파일질라 다운로드 https://filezilla-project.org/download.php (파일 보내는 프로그램) 2) 가비아 https://www.gabia.com 웹을 넘어 클라우드로. 가비아 그룹웨어부터 멀티클라우드까지 하나의 클라우드 허브 www.gabia.com ★ 버킷리스트 server from flask import Flask, render_template, request, jsonify app = Flask(__name__) from pymongo import MongoClient client = MongoClient('mongodb+srv://test:sparta@cluster0.jftxkcu.mongodb.net/?retryWrites=true&w=majority') db =.. 4주차 Flask 시작하기 (서버 만들기) 서버를 만들 수 있는 프레임워크 파이참 - 파일 - 설정 - 인터프리터 - flask 설치 *flask서버 파일은 app.py ▶ flask시작코드 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) -> 주소 http://localhost:5000/ url 별로 함수명이 같거나, route('/')내의 주소가 같으면 안됩니다 @app.route('/mypage') def mypage(): return 'This is mypage!.. 3주차-파이썬 ▶ gitbash 다운로드 https://git-scm.com/ Git git-scm.com ▶ 문자열 반복 JS let star = rows[i]['star'] let star_img = '⭐'.repeat(star) ${star_img} ★ 파이썬 다운로드 https://www.python.org/ftp/python/3.8.6/python-3.8.6-amd64.exe pycharm - 새 프로젝트 - 폴더 경로 선택 - 위치에 venv 폴더 확인 - 기본 인터프리터 38 - 웰컴스크립트 체크해제 (venv폴더는 없다고 생각하기) a_list = ['사과','배','감'] a_list.append('수박') 딕셔너리 a_dict = { 'name : bob' 'age : 27' } 함수는 def def.. 2주차 ▶ 홀짝함수(JavaScript복습) 영화 기록하기 let count = 0 function hey(){ count += 1 if(count % 2 == 0){ alert('짝수') }else( alert('홀수') ) } jQuery를 이용해 Javascript로 HTML을 쉽게 제어하고, Ajax를 이용해 다시 서버에 데이터를 요청하고 받아보겠습니다. JQuery https://www.w3schools.com/jquery/jquery_get_started.asp jQuery Get Started W3Schools offers free online tutorials, references and exercises in all the major languages of the web. Covering pop.. 이전 1 2 다음
