숲

각자 해온 스타일을 보고 낫다 싶은 스타일을 결정해서 통일하기로 했다. 다혜님 스타일로 일단 맞추기로 했다. https://yattong2.tistory.com/20 1 여행지 추천 | 겨울❄ 겨울(Winter) 작성하기 봄 여름 가을 겨울 사진 URL 이름 주소 맛집이름(추천메뉴)로 적어주세요 기록하기 닫기 yattong2.tistory.com 이것도 쉬운 작업이 아니였다..ㅎ 각자 db에 저장한 이름이 달랐고 db폴더명도 달랐다. 그 외에도 다양하게 class명들도 달랐는데 나중에 통일하려면 최대한 비슷한 게 낫겠다 싶어서 웬만하면 그대로 살렸다. 처음에 get, post 둘 다 안되서 바로잡는데 한참 걸렸다. 이것저것 넣고 빼고 바꿔서 결국 성공..! || : or(근데 이거 자판으로 어떻게 입력하..

(1)스크롤 시 상단 고정하기(따라오기) 기능을 새로 검색해서 적용했다. position에 sticky도 되고 미묘한 설정값의 차이는 있지만 fixed로도 가능하다. (fixed 사용시 fixed 안된 애들에 padding-top으로 상단 여백을 줬어야 했다.) 근데 밑에 카드들이 상단 위로 올라오는(겹치는) 문제가 발생해서 z-index 설정으로 정렬을 해결했다. .header { position: sticky; top:0px; width: 100%; z-index:1; } 스택(stack)의 순서는 양수나 음수 모두 설정할 수 있으며, 크기가 클수록 앞쪽에 위치하고 작을수록 뒤쪽에 위치하게 된다. 참고:http://www.tcpschool.com/css/css_position_position 코딩교육..

토이프로젝트에 쓸 사진들

러프한 메모 [웹개발강의 5-6] 클라이언트에서 넘어올 때 숫자도 문자로 받아오기 때문에 int()로 숫자치환해야 함. --------app.py from flask import Flask, render_template, request, jsonify app = Flask(__name__) from pymongo import MongoClient import certifi ca = certifi.where() client = MongoClient('mongodb+srv://test:sparta@cluster0.bqbsmxx.mongodb.net/Cluster0?retryWrites=true&w=majority', tlsCAFile=ca) db = client.dbsparta @app.route('/') ..

러프한 메모 [웹개발강의 4-1] 내 컴퓨터에서 서버 만들고 내가 테스트 => 로컬개발환경 [웹개발강의 4-2 Flask시작하기-서버만들기] - Flask 프레임워크: 서버를 구동시켜주는 편한 코드 모음. 서버를 구동하려면 필요한 복잡한 일들을 쉽게 가져다 쓸 수 있다. 👉 프레임워크를 쓰지 않으면 태양초를 빻아서 고추장을 만드는 격! 프레임워크는 3분 요리/소스 세트라고 생각하면 되겠습니다! 서버를 직접만드는 개발자는 이 세상에 없다고 java면 java에 있는 프레임워크, 파이썬이면 파이썬에 있는 프레임워크를 사용해 서버 만듦. from flask import Flask app = Flask(__name__) @app.route('/') def home(): return 'This is Home!' ..

러프한 메모. 역시 url이 포함된 식이 통으로 복붙이 안되서 url중간에서 끊어서 복붙했다. [웹개발강의 3-3] venv폴더는 안 보이는 것처럼 대해주기 안에 뭐 만들고 하지 않기 [웹개발강의 3-4 파이썬 기초공부] 변수, 자료형, 함수, 조건문, 반복문 파이썬은 sc보다 직관적 let 안 쓰고 그냥 a=, b=하면 됨 (list는 0,1,2 순서!) 리스트 추가 sc : .push 파이썬: .append() 외우지 않아도 되고 필요할 때 자바스크립트(파이썬) 리스트 추가 이런 식으로 검색해서 쓰면 됨. a_list = ['사과', '배', '감'] print(a_list[2]) ------------------- a_list = ['사과', '배', '감'] a_list.append('수박') p..

강의 들으면서 작성한 러프한 메모. 정리 필요. [웹개발강의 2-1] 반복시 수 증가시킬 때 +=1 ==은 같다..?(나머지..?) =은 이미 변수에서 쓰기 때문이라고 함. [웹개발강의 2-2] HTML의 요소들을 조작하는, 편리한 Javascript를 미리 작성해둔 것. 라이브러리! (미리 짜둔 CSS코드의 부트스트랩처럼) [웹개발강의 2-3] jQuery 먹이려면 id 설정을 해줘야함(style먹일 때 class설정해준 것처럼) 안에 $('#post-box').show() =>나타나게 .hide() =>사라지게 .val() console에서 let mytitle = '타이타닉' let temp_html = ` https://movie-phinf.pstatic.net/20210728_221/162744..

강의 들으면서 러프하게 메모해놓았던 내용들이다. 추후 재정리 필요 내용이 많아서인지 한 번에 복붙이 안되었다. +링크가 들어간 수식? 들이 복붙이 안 되던 거였다. 왜지? 하이퍼링크는 따로 잘 들어가는데 티스토리의 설정상의 문제인가..? [웹개발강의 1-3(HTML기본)] HTML은 웹페이지의 뼈대 CSS는 웹페이지 꾸미기 div : division의 약자, 구역나누기 p : paragraph의 약자, 문단 나누기 : 글머리 기호 H1 : 단순히 큰 글자x, 제목이자 구글 검색 엔진이 제목으로 인식 span : 특정 글자만 꾸미기 a : 하이퍼링크 img : 이미지 input : 입력칸 button : 버튼 textarea : ------ 나는 구역을 나누죠 나는 문단이에요 bullet point!1 b..