그저 내가 되었고

🔮진행 순서 [1] 생김새 만들기 [2] 준비하기 [3] 서버 만들기 [4] 클라이언트 만들기 [1] 생김새 만들기 1. 사진 파일 입력하는 칸 만들어주기 1) 부트스트랩 컴포넌트(head에) https://getbootstrap.com/docs/4.0/components/alerts/ 2) HTML, CSS - 카드에 이미지 넣기(여기까지 하면 기존의 카드들에 이미지가 달라붙음) 부트스트랩 컴포넌트 페이지의 card에서 이미지 태그 찾아 넣기 + static 폴더에 사진 넣고 가져오기 코드👇🏻 오이카와상,,, 암만 네가 잘나가도,,, 너는 여전히 내 아픈 손가락😭,,,,, 3) HTML,CSS - 폼 부분 파일 업로드 넣기(여기까지 하면 Browse 누르고 사진 선택했을 때 그 사진이 선택 창에 들어옴..

🏐🐈 最初クリアできそうにないゲームでも、 繰り返すうちに慣れるんだよ 🍋let value = $('#input-q1').val();이건 let (value, email, name..... 아무거나 네 마음대로 변수 네이밍해주는거야) = $('_____').val(); 🍎let temp_html = `${newName}`; 에서 temp_html 의미? '나 전달하고싶은/쓰고싶은 데이터가 있어'라는 뜻이고, let 그렇게 하라는거지. 그니까 let(temp_html)은 그렇게 해(네가 전달하고싶은거) =그건 바로= `(이거야)` 🥭let temp_html = `....${image}....` 이건 일단 자바스크립트 문법이니까, $달러 콜링(자바스크립트의) 후 위에서 for문으로 정의해준 let image = ~..

* 배포 위한 사전 준비 - Filezilla: (설치必) 직접 만든 코드 소스들을 서버(클라우드)로 올려주는 프로그램 - 가비아: 도메인 구매요(___.shop) - AWS: 서버 사용권(EC2 사용권) 구매(AWS는 클라우드 서비스) - Git Bash: (설치必) AWS에서 산 서버 EC2의 OS는 Ubuntu임. Window에서 Linux의 명령어를 쓰려면 Git Bash가 필요함. (git bash 는 window 의 cmd, linux와 mac 의 terminal과 같은 역할을 한다. 그러나 운영체제마다 명령어가 다르다는 문제점이 있는데, 이를 극복한것이 바로 Git bash!! 얘를 이용하면 window 에서도 리눅스의 명령어를 쓸 수 있다.) * 프로젝트를 배포해보자! 1] 필요한 개념 소..

::차례:: 사전 준비하기 > 뼈대 준비하기 > POST (포스팅하기) > GET(보여주기) 사전 준비하기 1) 원하는 위치에 새폴더 만들기 2) 새 프로젝트 생성 > 만든 폴더 클릭> venv 붙어있는지 체크 및 웰컴스크립트 박스 해제되었는지 체크 후 생성 3) flask 폴더 구조 만들기(프로젝트 설정하기, 총 4개): 새로 만들기 > 경로 > static, 새로 만들기 > 경로 > templates & templates 안에 index.html, 새로 만들기 > python파일 > app.py 4) 패키지 설치하기(총 5개): 설정 > 프로젝트: (폴더명) > + 클릭 후 flask, pymongo, dnspython, bs4, requests 설치 뼈대 준비하기 1) Flask 프레임워크 사용 위..

* 서버-클라이언트 통신 이해하기 1) 서버→클라이언트: "JSON" JSON(JavaScript Object Notation)? - 일반적으로 서버에서 클라이언트로 데이터를 보낼 때 사용하는 양식. - 클라이언트가 사용하는 언어에 관계 없이 통일된 데이터를 주고받을 수 있도록, 일정한 패턴을 지닌 문자열을 생성해 내보내면 클라이언트는 그를 해석해 데이터를 자기만의 방식으로 온전히 저장, 표시할 수 있게 된다. - Key:Value로 이루어져 있음자료형 Dictionary와 아주- 유사) 2) 클라이언트→서버: GET 요청 ✨API는 은행 창구와 같은 것! 같은 예금 창구에서도 개인 고객이냐 기업 고객이냐에 따라 가져와야 하는 것 / 처리해주는 것이 다른 것처럼, 클라이언트가 요청 할 때에도, "타입"이..