분류 전체보기 190

팀 소개 웹페이지 제작하기 네번째_fetch

나는 이렇게 각각의 폴더에 db가 저장되게 했는데 팀원분께서 수정해주신 방식은 각 페이지의 팀원 이름이 들어가게 하셨다 {{data.name}} function post_box() { if ($('#name').val() == 0) { alert('닉네임을 입력해 주세요!'); } else if ($('#star').val() == '-- 선택하기 --') { alert('별점을 입력해 주세요!'); } else if ($('#comment').val() == 0) { alert('리뷰를 입력해 주세요!'); } else { let userID = $('#name').val() let StarPoint_review = $('#star').val() let Txt_review = $('#comment')...

팀 소개 웹페이지 제작하기 세번째

튜터님이 python 학습이 가장 중요하다고 하신다 그리고 개발자의 중요한 역량인 협업/커뮤니케이션!! Git에 익숙해지는 중. 호호 포토샵 장인 팀원분께서 내 게더 캐릭터 따주셨당ㅋㅋ 캄솨합뉘다~.~~ div, section, span div와 section의 차이 : 의미의 차이 section은 섹션을 나누기 위해, div는 원하는 레이아웃을 얻기 위해 나누는 것? span 인라인블록 주위에 스타일 및 스크립트용 후크를 추가하는데 사용할 수 있는 인라인 요소. alert 하이퍼링크 오늘 알게 된 사실. alert 창에서는 링크가 하이퍼링크 작동이 안 된다. Y/N를 통해 Y값을 누르면 링크로 이동하게는 가능 alert 창에서 줄 바꾸기는 \n mongoDB 5명 mongoDB를 각 사람에게 적용되게 ..

팀 소개 웹페이지 제작하기 두번째_GitHub Desktop

빈 칸은 기록되지 않기 @app.route("/comment", methods=["POST"]) def comment_post(): name_receive = request.form['name_give'] star_receive = request.form['star_give'] comment_receive = request.form['comment_give'] num_receive = list(db.spartauniversity.find({}, {'_id': False})) count = len(num_receive)+1 #빈칸이 있을 때 if name_receive == '': return jsonify({'msg':'닉네임을 입력해주세요!'}) if star_receive == '-- 선택하기 --'..

팀 소개 웹페이지 제작하기 첫번째

과제 소개 문서 만들기 A-2 팀명 : 스파르타대학교 팀장 : 나 외국어 라는 관심사로 모인 5명의 비전공자. 처음 팀명 제2외국어에서 너무 한정적이라 스파르타대학교로 변경! 9 to 9 계획 09:00 출석 및 각자 공부 11:00 회의1 13:00 점심 14:00-17:00 집중 코딩 시간 17:30 회의2 19:00 저녁 20:30 회의3 팀프로젝트 소개 스파르타대학교 수강신청 페이지를 활용한 팀원 소개 페이지 처음 시간표 컨셉에서 수강신청 컨셉으로 변경! 페이지 주요 색상 : 빨간색 [1_메인] 프론트엔드 : 1명 [2_상세] 프론트엔드 : 1명 [3_후기] 프론트엔드 : 1명 백엔드 : 2명 내가 맡은 역할 : 백엔드 [1_메인] 팀 소개와 수강 신청 목록으로 넘어가는 버튼 [2_상세] 수강 신..

깃 허브 시작하기_특강

깃(git) 깃(git) 버전 관리를 위한 도구 버전(=commits) : 유의미한 변화(생성, 수정, 삭제)가 결과물로 나온 것 $ git config --global user.name "이름" $ git config --global user.email "이메일" $ git config --list : 등록 확인 가능 깃(git)이 없으면? 변경 내역(=버전) 확인이 어렵다 작업을 되돌리기 어렵다 협력하기 어렵다 깃이 관리하는 세 개의 공간 작업 디렉터리(=워킹트리) - 버전 관리의 대상이 위치하는 공간(.git이 있는 디렉터리) 스테이지 - 다음 버전이 될 후보가 올라가는 공간 (작업 디렉터리에서 스테이지로 add) 저장소(로컬) - 버전이 만들어지고 관리되는 공간 (스테이지에서 저장소로 commit..

Git/수업 2023.03.13

HTML 이미지에 링크 걸기

기존 배경 이미지 작성 방법: css의 background-image에 링크를 걸고 싶었지만 css에서는 링크를 걸 수 없음! 메인 #이미지에 넣을 때 target="_blank" #새 창에서 열기 링크 밑줄 css text-decoration: none; #선 없음 text-decoration-line: none; #선 없음 text-decoration-line: underline; #밑줄 text-decoration-line: overline; #윗줄 text-decoration-line: line-through; #취소선 text-decoration-color: ; #색 바꾸기 #밑줄 모양 바꾸기 text-decoration-style: solid; text-decoration-style: doub..

웹개발/HTML 2023.03.07

조별 버킷리스트 만들기 팀프로젝트 두번째

✅ POST ✔ 서버 코드(app.py) 아래는 팀원분이 작성하신 파일. @app.route('/') #메인페이지 def home(): return render_template('index.html') @app.route("/teams", methods=["POST"]) #조 생성 API def post_team(): team_name_receive = request.form['team_name_give'] leader_name_receive = request.form['leader_name_give'] pw_receive=request.form['pw_give'] hashed_pw=bcrypt.hashpw(pw_receive.encode("utf-8"), bcrypt.gensalt()).decode("..

비밀번호 암호화 HASH

DB에 저장하는 비밀번호의 암호화 HASH 함수 Hash 👉 단방향 암호화 기법으로 복호화가 불가능. 임의의 길이를 갖는 비트열을 입력받아, 정해진 길이의 비트열을 반환하는 함수. (양방향 암호화 기법으로는 Encryption이 있다. Encryption은 복호화가 필요한 데이터나 Https처럼 통신(송수신)에 있어 사용될 수 있다.) SHA-256으로 여러 해시 알고리즘을 통해 암호화 테스트를 해볼 수 있다. https://emn178.github.io/online-tools/sha256.html SHA256 Online emn178.github.io MD5, SHA-1, HAS-180은 사용하면 안 되고, SHA-256, 512가 권장된다. 512가 더 보안이 좋다. Hash의 한계 👉 동일한 메시지..

웹개발/HTML 2023.03.07

window location / button onclick

페이지를 이동하기 위한 방법 window location window.location.href = '~' 새 페이지로 이동 - 속성 주소 히스토리가 기록됨 window.location.replace('~') 기존 페이지를 새 페이지로 변경 - 메서드 주소 히스토리가 기록되지 않음 window 함수 정리 EX) https://papago.naver.net/website?locale=ko window.location 👉 https://papago.naver.net/website?locale=ko 현재 페이지의 href(URL) 반환 window.location.href 👉 https://papago.naver.net/website?locale=ko 현재 페이지의 href(URL) 반환 window.locat..

웹개발/HTML 2023.03.06

웹개발 5주차 개발일지_Sparta Coding Club

✅ 5주차 수업 목표 1. Flask 프레임워크를 활용해서 API를 만들 수 있다. 2. '버킷리스트' 를 완성한다. 3. EC2에 내 프로젝트를 올리고, 자랑한다! ✅ 나의 버킷리스트 웹개발 5주차_나의 버킷리스트 프로젝트 연습 ✅ 프로젝트 세팅 sparta → projects → bucket 폴더에서 시작! ✔ flask 기본 폴더 구조 프로젝트 폴더 안에, static, templates 폴더, templates > index.html 파일, app.py 파일 생성 ✔ 패키지 설치하기 👉 Flask와 DB sw-ing.tistory.com ✅ 준비하기 ✔ 파일질라 다운로드 https://filezilla-project.org/download.php ✔ 가비아 접속하기 https://www.gabia..

웹개발/수업 2023.03.06